@zendir/ui 0.5.0 → 0.6.1

package/dist/react/charts/unified/sync.js

@@ -1,219 +1,253 @@
-import { useRef, useEffect } from "react";
-const syncGroups = /* @__PURE__ */ new Map();
+import { useEffect, useRef } from "react";
+//#region src/react/charts/unified/sync.ts
+/**
+* @zendir/ui - Chart Synchronization Utilities
+*
+* Enables crosshair, tooltip, and zoom synchronization across multiple charts.
+* Useful for dashboard views with related time-series data.
+*/
+var syncGroups = /* @__PURE__ */ new Map();
+/**
+* Create or get a sync group
+*/
 function getOrCreateGroup(groupId, options = {}) {
-  let group = syncGroups.get(groupId);
-  if (!group) {
-    group = {
-      id: groupId,
-      charts: /* @__PURE__ */ new Set(),
-      options: {
-        tooltip: true,
-        crosshair: true,
-        zoom: true,
-        legend: true,
-        ...options
-      }
-    };
-    syncGroups.set(groupId, group);
-  }
-  return group;
+	let group = syncGroups.get(groupId);
+	if (!group) {
+		group = {
+			id: groupId,
+			charts: /* @__PURE__ */ new Set(),
+			options: {
+				tooltip: true,
+				crosshair: true,
+				zoom: true,
+				legend: true,
+				...options
+			}
+		};
+		syncGroups.set(groupId, group);
+	}
+	return group;
 }
+/**
+* Register a chart with a sync group
+*/
 function registerChart(groupId, chart) {
-  const group = getOrCreateGroup(groupId);
-  group.charts.add(chart);
-  const handlers = setupSyncHandlers(chart, group);
-  return () => {
-    handlers.forEach((cleanup) => cleanup());
-    group.charts.delete(chart);
-    if (group.charts.size === 0) {
-      syncGroups.delete(groupId);
-    }
-  };
+	const group = getOrCreateGroup(groupId);
+	group.charts.add(chart);
+	const handlers = setupSyncHandlers(chart, group);
+	return () => {
+		handlers.forEach((cleanup) => cleanup());
+		group.charts.delete(chart);
+		if (group.charts.size === 0) syncGroups.delete(groupId);
+	};
 }
+/**
+* Setup synchronization event handlers
+*/
 function setupSyncHandlers(sourceChart, group) {
-  const cleanups = [];
-  if (group.options.tooltip || group.options.crosshair) {
-    const handleAxisPointer = (params) => {
-      const p = params;
-      group.charts.forEach((chart) => {
-        if (chart === sourceChart) return;
-        try {
-          if (p.axesInfo && p.axesInfo.length > 0) {
-            const axisInfo = p.axesInfo[0];
-            chart.dispatchAction({
-              type: "showTip",
-              x: axisInfo.value,
-              seriesIndex: 0
-            });
-          } else if (p.dataIndex !== void 0) {
-            chart.dispatchAction({
-              type: "showTip",
-              seriesIndex: p.seriesIndex || 0,
-              dataIndex: p.dataIndex
-            });
-          }
-        } catch (e) {
-        }
-      });
-    };
-    const handleMouseOut = () => {
-      group.charts.forEach((chart) => {
-        if (chart === sourceChart) return;
-        try {
-          chart.dispatchAction({ type: "hideTip" });
-        } catch (e) {
-        }
-      });
-    };
-    sourceChart.on("updateAxisPointer", handleAxisPointer);
-    sourceChart.getZr().on("mouseout", handleMouseOut);
-    cleanups.push(() => {
-      var _a;
-      sourceChart.off("updateAxisPointer", handleAxisPointer);
-      (_a = sourceChart.getZr()) == null ? void 0 : _a.off("mouseout", handleMouseOut);
-    });
-  }
-  if (group.options.zoom) {
-    const handleDataZoom = (params) => {
-      var _a, _b, _c, _d;
-      const p = params;
-      const start = ((_b = (_a = p.batch) == null ? void 0 : _a[0]) == null ? void 0 : _b.start) ?? p.start;
-      const end = ((_d = (_c = p.batch) == null ? void 0 : _c[0]) == null ? void 0 : _d.end) ?? p.end;
-      if (start === void 0 || end === void 0) return;
-      group.charts.forEach((chart) => {
-        if (chart === sourceChart) return;
-        try {
-          chart.dispatchAction({
-            type: "dataZoom",
-            start,
-            end
-          });
-        } catch (e) {
-        }
-      });
-    };
-    sourceChart.on("datazoom", handleDataZoom);
-    cleanups.push(() => sourceChart.off("datazoom", handleDataZoom));
-  }
-  if (group.options.legend) {
-    const handleLegendSelect = (params) => {
-      const p = params;
-      group.charts.forEach((chart) => {
-        if (chart === sourceChart) return;
-        try {
-          chart.dispatchAction({
-            type: "legendToggleSelect",
-            name: p.name
-          });
-        } catch (e) {
-        }
-      });
-    };
-    sourceChart.on("legendselectchanged", handleLegendSelect);
-    cleanups.push(() => sourceChart.off("legendselectchanged", handleLegendSelect));
-  }
-  return cleanups;
+	const cleanups = [];
+	if (group.options.tooltip || group.options.crosshair) {
+		const handleAxisPointer = (params) => {
+			const p = params;
+			group.charts.forEach((chart) => {
+				if (chart === sourceChart) return;
+				try {
+					if (p.axesInfo && p.axesInfo.length > 0) {
+						const axisInfo = p.axesInfo[0];
+						chart.dispatchAction({
+							type: "showTip",
+							x: axisInfo.value,
+							seriesIndex: 0
+						});
+					} else if (p.dataIndex !== void 0) chart.dispatchAction({
+						type: "showTip",
+						seriesIndex: p.seriesIndex || 0,
+						dataIndex: p.dataIndex
+					});
+				} catch (e) {}
+			});
+		};
+		const handleMouseOut = () => {
+			group.charts.forEach((chart) => {
+				if (chart === sourceChart) return;
+				try {
+					chart.dispatchAction({ type: "hideTip" });
+				} catch (e) {}
+			});
+		};
+		sourceChart.on("updateAxisPointer", handleAxisPointer);
+		sourceChart.getZr().on("mouseout", handleMouseOut);
+		cleanups.push(() => {
+			sourceChart.off("updateAxisPointer", handleAxisPointer);
+			sourceChart.getZr()?.off("mouseout", handleMouseOut);
+		});
+	}
+	if (group.options.zoom) {
+		const handleDataZoom = (params) => {
+			const p = params;
+			const start = p.batch?.[0]?.start ?? p.start;
+			const end = p.batch?.[0]?.end ?? p.end;
+			if (start === void 0 || end === void 0) return;
+			group.charts.forEach((chart) => {
+				if (chart === sourceChart) return;
+				try {
+					chart.dispatchAction({
+						type: "dataZoom",
+						start,
+						end
+					});
+				} catch (e) {}
+			});
+		};
+		sourceChart.on("datazoom", handleDataZoom);
+		cleanups.push(() => sourceChart.off("datazoom", handleDataZoom));
+	}
+	if (group.options.legend) {
+		const handleLegendSelect = (params) => {
+			const p = params;
+			group.charts.forEach((chart) => {
+				if (chart === sourceChart) return;
+				try {
+					chart.dispatchAction({
+						type: "legendToggleSelect",
+						name: p.name
+					});
+				} catch (e) {}
+			});
+		};
+		sourceChart.on("legendselectchanged", handleLegendSelect);
+		cleanups.push(() => sourceChart.off("legendselectchanged", handleLegendSelect));
+	}
+	return cleanups;
 }
+/**
+* Hook to synchronize a chart with other charts in the same group
+*
+* @example
+* ```tsx
+* const chartRef = useRef<AstroChartHandle>(null);
+* useChartSync(chartRef, { groupId: 'dashboard-charts' });
+* ```
+*/
 function useChartSync(chartRef, options) {
-  const { groupId, enabled = true, ..._syncOptions } = options;
-  const cleanupRef = useRef(null);
-  useEffect(() => {
-    var _a;
-    if (!enabled) return;
-    const chart = (_a = chartRef.current) == null ? void 0 : _a.getChart();
-    if (!chart) return;
-    cleanupRef.current = registerChart(groupId, chart);
-    return () => {
-      var _a2;
-      (_a2 = cleanupRef.current) == null ? void 0 : _a2.call(cleanupRef);
-      cleanupRef.current = null;
-    };
-  }, [chartRef, groupId, enabled]);
+	const { groupId, enabled = true, ..._syncOptions } = options;
+	const cleanupRef = useRef(null);
+	useEffect(() => {
+		if (!enabled) return;
+		const chart = chartRef.current?.getChart();
+		if (!chart) return;
+		cleanupRef.current = registerChart(groupId, chart);
+		return () => {
+			cleanupRef.current?.();
+			cleanupRef.current = null;
+		};
+	}, [
+		chartRef,
+		groupId,
+		enabled
+	]);
 }
+/**
+* Dispatch action to all charts in a group
+*/
 function dispatchToGroup(groupId, action) {
-  const group = syncGroups.get(groupId);
-  if (!group) return;
-  group.charts.forEach((chart) => {
-    try {
-      chart.dispatchAction(action);
-    } catch (e) {
-    }
-  });
+	const group = syncGroups.get(groupId);
+	if (!group) return;
+	group.charts.forEach((chart) => {
+		try {
+			chart.dispatchAction(action);
+		} catch (e) {}
+	});
 }
+/**
+* Sync zoom range across all charts in a group
+*/
 function syncZoomRange(groupId, start, end) {
-  dispatchToGroup(groupId, { type: "dataZoom", start, end });
+	dispatchToGroup(groupId, {
+		type: "dataZoom",
+		start,
+		end
+	});
 }
+/**
+* Reset zoom for all charts in a group
+*/
 function resetGroupZoom(groupId) {
-  dispatchToGroup(groupId, { type: "dataZoom", start: 0, end: 100 });
+	dispatchToGroup(groupId, {
+		type: "dataZoom",
+		start: 0,
+		end: 100
+	});
 }
+/**
+* Show tooltip at specific data index for all charts
+*/
 function showGroupTooltip(groupId, seriesIndex, dataIndex) {
-  dispatchToGroup(groupId, { type: "showTip", seriesIndex, dataIndex });
+	dispatchToGroup(groupId, {
+		type: "showTip",
+		seriesIndex,
+		dataIndex
+	});
 }
+/**
+* Hide tooltip for all charts in a group
+*/
 function hideGroupTooltip(groupId) {
-  dispatchToGroup(groupId, { type: "hideTip" });
+	dispatchToGroup(groupId, { type: "hideTip" });
 }
+/**
+* Get all chart instances in a group
+*/
 function getGroupCharts(groupId) {
-  const group = syncGroups.get(groupId);
-  return group ? Array.from(group.charts) : [];
+	const group = syncGroups.get(groupId);
+	return group ? Array.from(group.charts) : [];
 }
+/**
+* Export all charts in a group as images
+*/
 function exportGroupAsImages(groupId, options = {}) {
-  const { type = "png", pixelRatio = 2, fileName: _fileName = "chart" } = options;
-  const charts = getGroupCharts(groupId);
-  return charts.map((chart, _index) => {
-    return chart.getDataURL({
-      type,
-      pixelRatio,
-      backgroundColor: "transparent"
-    });
-  });
+	const { type = "png", pixelRatio = 2, fileName: _fileName = "chart" } = options;
+	return getGroupCharts(groupId).map((chart, _index) => {
+		return chart.getDataURL({
+			type,
+			pixelRatio,
+			backgroundColor: "transparent"
+		});
+	});
 }
+/**
+* Export all charts in a group as a combined CSV
+*/
 function exportGroupAsCSV(groupId, options = {}) {
-  const { includeHeaders = true } = options;
-  const charts = getGroupCharts(groupId);
-  const rows = [];
-  charts.forEach((chart, chartIndex) => {
-    const option = chart.getOption();
-    const series = option.series;
-    if (!series || series.length === 0) return;
-    if (includeHeaders) {
-      rows.push([`Chart ${chartIndex + 1}`]);
-      rows.push(["Index", ...series.map((s) => s.name || `Series ${chartIndex}`)]);
-    }
-    const maxLen = Math.max(...series.map((s) => {
-      var _a;
-      return ((_a = s.data) == null ? void 0 : _a.length) || 0;
-    }));
-    for (let i = 0; i < maxLen; i++) {
-      const row = [i.toString()];
-      series.forEach((s) => {
-        var _a, _b, _c;
-        const value = (_a = s.data) == null ? void 0 : _a[i];
-        if (typeof value === "number") {
-          row.push(value.toString());
-        } else if (Array.isArray(value)) {
-          row.push(((_b = value[1]) == null ? void 0 : _b.toString()) || "");
-        } else if (value && typeof value === "object") {
-          const v = value;
-          row.push(((_c = v.value ?? v.y) == null ? void 0 : _c.toString()) || "");
-        } else {
-          row.push("");
-        }
-      });
-      rows.push(row);
-    }
-    rows.push([]);
-  });
-  return rows.map((row) => row.join(",")).join("\n");
+	const { includeHeaders = true } = options;
+	const charts = getGroupCharts(groupId);
+	const rows = [];
+	charts.forEach((chart, chartIndex) => {
+		const series = chart.getOption().series;
+		if (!series || series.length === 0) return;
+		if (includeHeaders) {
+			rows.push([`Chart ${chartIndex + 1}`]);
+			rows.push(["Index", ...series.map((s) => s.name || `Series ${chartIndex}`)]);
+		}
+		const maxLen = Math.max(...series.map((s) => s.data?.length || 0));
+		for (let i = 0; i < maxLen; i++) {
+			const row = [i.toString()];
+			series.forEach((s) => {
+				const value = s.data?.[i];
+				if (typeof value === "number") row.push(value.toString());
+				else if (Array.isArray(value)) row.push(value[1]?.toString() || "");
+				else if (value && typeof value === "object") {
+					const v = value;
+					row.push((v.value ?? v.y)?.toString() || "");
+				} else row.push("");
+			});
+			rows.push(row);
+		}
+		rows.push([]);
+	});
+	return rows.map((row) => row.join(",")).join("\n");
 }
-export {
-  dispatchToGroup,
-  exportGroupAsCSV,
-  exportGroupAsImages,
-  getGroupCharts,
-  hideGroupTooltip,
-  resetGroupZoom,
-  showGroupTooltip,
-  syncZoomRange,
-  useChartSync
-};
-//# sourceMappingURL=sync.js.map
+//#endregion
+export { dispatchToGroup, exportGroupAsCSV, exportGroupAsImages, getGroupCharts, hideGroupTooltip, resetGroupZoom, showGroupTooltip, syncZoomRange, useChartSync };
+
+//# sourceMappingURL=sync.js.map

package/dist/react/charts/unified/sync.js.map

@@ -1 +1 @@
-{"version":3,"file":"sync.js","sources":["../../../../src/react/charts/unified/sync.ts"],"sourcesContent":["/**\n * @zendir/ui - Chart Synchronization Utilities\n * \n * Enables crosshair, tooltip, and zoom synchronization across multiple charts.\n * Useful for dashboard views with related time-series data.\n */\n\nimport { useEffect, useRef } from 'react';\nimport type { ECharts } from 'echarts';\nimport type { AstroChartHandle } from './AstroChart';\n\n// =============================================================================\n// Sync Group Manager\n// =============================================================================\n\ninterface SyncGroup {\n  id: string;\n  charts: Set<ECharts>;\n  options: SyncGroupOptions;\n}\n\ninterface SyncGroupOptions {\n  /** Sync tooltip position */\n  tooltip?: boolean;\n  /** Sync crosshair */\n  crosshair?: boolean;\n  /** Sync zoom/pan */\n  zoom?: boolean;\n  /** Sync legend selection */\n  legend?: boolean;\n}\n\n// Global registry of sync groups\nconst syncGroups = new Map<string, SyncGroup>();\n\n/**\n * Create or get a sync group\n */\nfunction getOrCreateGroup(groupId: string, options: SyncGroupOptions = {}): SyncGroup {\n  let group = syncGroups.get(groupId);\n  if (!group) {\n    group = {\n      id: groupId,\n      charts: new Set(),\n      options: {\n        tooltip: true,\n        crosshair: true,\n        zoom: true,\n        legend: true,\n        ...options,\n      },\n    };\n    syncGroups.set(groupId, group);\n  }\n  return group;\n}\n\n/**\n * Register a chart with a sync group\n */\nfunction registerChart(groupId: string, chart: ECharts): () => void {\n  const group = getOrCreateGroup(groupId);\n  group.charts.add(chart);\n\n  // Setup event handlers\n  const handlers = setupSyncHandlers(chart, group);\n\n  // Return cleanup function\n  return () => {\n    handlers.forEach(cleanup => cleanup());\n    group.charts.delete(chart);\n    if (group.charts.size === 0) {\n      syncGroups.delete(groupId);\n    }\n  };\n}\n\n/**\n * Setup synchronization event handlers\n */\nfunction setupSyncHandlers(sourceChart: ECharts, group: SyncGroup): (() => void)[] {\n  const cleanups: (() => void)[] = [];\n\n  // Tooltip/Crosshair sync\n  if (group.options.tooltip || group.options.crosshair) {\n    const handleAxisPointer = (params: unknown) => {\n      const p = params as { \n        axesInfo?: { axisDim: string; value: unknown }[];\n        seriesIndex?: number;\n        dataIndex?: number;\n      };\n      \n      group.charts.forEach(chart => {\n        if (chart === sourceChart) return;\n\n        try {\n          if (p.axesInfo && p.axesInfo.length > 0) {\n            const axisInfo = p.axesInfo[0];\n            chart.dispatchAction({\n              type: 'showTip',\n              x: axisInfo.value as number,\n              seriesIndex: 0,\n            });\n          } else if (p.dataIndex !== undefined) {\n            chart.dispatchAction({\n              type: 'showTip',\n              seriesIndex: p.seriesIndex || 0,\n              dataIndex: p.dataIndex,\n            });\n          }\n        } catch (e) {\n          // Ignore errors from disposed charts\n        }\n      });\n    };\n\n    const handleMouseOut = () => {\n      group.charts.forEach(chart => {\n        if (chart === sourceChart) return;\n        try {\n          chart.dispatchAction({ type: 'hideTip' });\n        } catch (e) {\n          // Ignore\n        }\n      });\n    };\n\n    sourceChart.on('updateAxisPointer', handleAxisPointer);\n    sourceChart.getZr().on('mouseout', handleMouseOut);\n\n    cleanups.push(() => {\n      sourceChart.off('updateAxisPointer', handleAxisPointer);\n      sourceChart.getZr()?.off('mouseout', handleMouseOut);\n    });\n  }\n\n  // Zoom sync\n  if (group.options.zoom) {\n    const handleDataZoom = (params: unknown) => {\n      const p = params as { \n        batch?: { start: number; end: number }[];\n        start?: number;\n        end?: number;\n      };\n      \n      const start = p.batch?.[0]?.start ?? p.start;\n      const end = p.batch?.[0]?.end ?? p.end;\n\n      if (start === undefined || end === undefined) return;\n\n      group.charts.forEach(chart => {\n        if (chart === sourceChart) return;\n        try {\n          chart.dispatchAction({\n            type: 'dataZoom',\n            start,\n            end,\n          });\n        } catch (e) {\n          // Ignore\n        }\n      });\n    };\n\n    sourceChart.on('datazoom', handleDataZoom);\n    cleanups.push(() => sourceChart.off('datazoom', handleDataZoom));\n  }\n\n  // Legend sync\n  if (group.options.legend) {\n    const handleLegendSelect = (params: unknown) => {\n      const p = params as { name: string; selected: Record<string, boolean> };\n      \n      group.charts.forEach(chart => {\n        if (chart === sourceChart) return;\n        try {\n          chart.dispatchAction({\n            type: 'legendToggleSelect',\n            name: p.name,\n          });\n        } catch (e) {\n          // Ignore\n        }\n      });\n    };\n\n    sourceChart.on('legendselectchanged', handleLegendSelect);\n    cleanups.push(() => sourceChart.off('legendselectchanged', handleLegendSelect));\n  }\n\n  return cleanups;\n}\n\n// =============================================================================\n// React Hook\n// =============================================================================\n\nexport interface UseChartSyncOptions extends SyncGroupOptions {\n  /** Sync group ID */\n  groupId: string;\n  /** Whether sync is enabled */\n  enabled?: boolean;\n}\n\n/**\n * Hook to synchronize a chart with other charts in the same group\n * \n * @example\n * ```tsx\n * const chartRef = useRef<AstroChartHandle>(null);\n * useChartSync(chartRef, { groupId: 'dashboard-charts' });\n * ```\n */\nexport function useChartSync(\n  chartRef: React.RefObject<AstroChartHandle>,\n  options: UseChartSyncOptions\n): void {\n  const { groupId, enabled = true, ..._syncOptions } = options;\n  const cleanupRef = useRef<(() => void) | null>(null);\n\n  useEffect(() => {\n    if (!enabled) return;\n\n    // Get chart instance\n    const chart = chartRef.current?.getChart() as ECharts | undefined;\n    if (!chart) return;\n\n    // Register with group\n    cleanupRef.current = registerChart(groupId, chart);\n\n    return () => {\n      cleanupRef.current?.();\n      cleanupRef.current = null;\n    };\n  }, [chartRef, groupId, enabled]);\n}\n\n// =============================================================================\n// Programmatic API\n// =============================================================================\n\n/**\n * Dispatch action to all charts in a group\n */\nexport function dispatchToGroup(\n  groupId: string, \n  action: Parameters<ECharts['dispatchAction']>[0]\n): void {\n  const group = syncGroups.get(groupId);\n  if (!group) return;\n\n  group.charts.forEach(chart => {\n    try {\n      chart.dispatchAction(action);\n    } catch (e) {\n      // Ignore disposed charts\n    }\n  });\n}\n\n/**\n * Sync zoom range across all charts in a group\n */\nexport function syncZoomRange(\n  groupId: string,\n  start: number,\n  end: number\n): void {\n  dispatchToGroup(groupId, { type: 'dataZoom', start, end });\n}\n\n/**\n * Reset zoom for all charts in a group\n */\nexport function resetGroupZoom(groupId: string): void {\n  dispatchToGroup(groupId, { type: 'dataZoom', start: 0, end: 100 });\n}\n\n/**\n * Show tooltip at specific data index for all charts\n */\nexport function showGroupTooltip(\n  groupId: string,\n  seriesIndex: number,\n  dataIndex: number\n): void {\n  dispatchToGroup(groupId, { type: 'showTip', seriesIndex, dataIndex });\n}\n\n/**\n * Hide tooltip for all charts in a group\n */\nexport function hideGroupTooltip(groupId: string): void {\n  dispatchToGroup(groupId, { type: 'hideTip' });\n}\n\n/**\n * Get all chart instances in a group\n */\nexport function getGroupCharts(groupId: string): ECharts[] {\n  const group = syncGroups.get(groupId);\n  return group ? Array.from(group.charts) : [];\n}\n\n// =============================================================================\n// Export Utilities\n// =============================================================================\n\n/**\n * Export all charts in a group as images\n */\nexport function exportGroupAsImages(\n  groupId: string,\n  options: {\n    type?: 'png' | 'svg';\n    pixelRatio?: number;\n    fileName?: string;\n  } = {}\n): string[] {\n  const { type = 'png', pixelRatio = 2, fileName: _fileName = 'chart' } = options;\n  const charts = getGroupCharts(groupId);\n  \n  return charts.map((chart, _index) => {\n    return chart.getDataURL({\n      type,\n      pixelRatio,\n      backgroundColor: 'transparent',\n    });\n  });\n}\n\n/**\n * Export all charts in a group as a combined CSV\n */\nexport function exportGroupAsCSV(\n  groupId: string,\n  options: {\n    fileName?: string;\n    includeHeaders?: boolean;\n  } = {}\n): string {\n  const { includeHeaders = true } = options;\n  const charts = getGroupCharts(groupId);\n  const rows: string[][] = [];\n\n  charts.forEach((chart, chartIndex) => {\n    const option = chart.getOption();\n    const series = option.series as Array<{ name: string; data: unknown[] }>;\n    \n    if (!series || series.length === 0) return;\n\n    // Add chart header\n    if (includeHeaders) {\n      rows.push([`Chart ${chartIndex + 1}`]);\n      rows.push(['Index', ...series.map(s => s.name || `Series ${chartIndex}`)]);\n    }\n\n    // Find max data length\n    const maxLen = Math.max(...series.map(s => s.data?.length || 0));\n\n    // Add data rows\n    for (let i = 0; i < maxLen; i++) {\n      const row = [i.toString()];\n      series.forEach(s => {\n        const value = s.data?.[i];\n        if (typeof value === 'number') {\n          row.push(value.toString());\n        } else if (Array.isArray(value)) {\n          row.push(value[1]?.toString() || '');\n        } else if (value && typeof value === 'object') {\n          const v = value as { value?: number; y?: number };\n          row.push((v.value ?? v.y)?.toString() || '');\n        } else {\n          row.push('');\n        }\n      });\n      rows.push(row);\n    }\n\n    rows.push([]); // Empty row between charts\n  });\n\n  return rows.map(row => row.join(',')).join('\\n');\n}\n"],"names":["_a"],"mappings":"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"}
+{"version":3,"file":"sync.js","names":[],"sources":["../../../../src/react/charts/unified/sync.ts"],"sourcesContent":["/**\r\n * @zendir/ui - Chart Synchronization Utilities\r\n *\r\n * Enables crosshair, tooltip, and zoom synchronization across multiple charts.\r\n * Useful for dashboard views with related time-series data.\r\n */\r\n\r\nimport { useEffect, useRef } from \"react\";\r\nimport type { ECharts } from \"echarts\";\r\nimport type { AstroChartHandle } from \"./AstroChart\";\r\n\r\n// =============================================================================\r\n// Sync Group Manager\r\n// =============================================================================\r\n\r\ninterface SyncGroup {\r\n  id: string;\r\n  charts: Set<ECharts>;\r\n  options: SyncGroupOptions;\r\n}\r\n\r\ninterface SyncGroupOptions {\r\n  /** Sync tooltip position */\r\n  tooltip?: boolean;\r\n  /** Sync crosshair */\r\n  crosshair?: boolean;\r\n  /** Sync zoom/pan */\r\n  zoom?: boolean;\r\n  /** Sync legend selection */\r\n  legend?: boolean;\r\n}\r\n\r\n// Global registry of sync groups\r\nconst syncGroups = new Map<string, SyncGroup>();\r\n\r\n/**\r\n * Create or get a sync group\r\n */\r\nfunction getOrCreateGroup(\r\n  groupId: string,\r\n  options: SyncGroupOptions = {},\r\n): SyncGroup {\r\n  let group = syncGroups.get(groupId);\r\n  if (!group) {\r\n    group = {\r\n      id: groupId,\r\n      charts: new Set(),\r\n      options: {\r\n        tooltip: true,\r\n        crosshair: true,\r\n        zoom: true,\r\n        legend: true,\r\n        ...options,\r\n      },\r\n    };\r\n    syncGroups.set(groupId, group);\r\n  }\r\n  return group;\r\n}\r\n\r\n/**\r\n * Register a chart with a sync group\r\n */\r\nfunction registerChart(groupId: string, chart: ECharts): () => void {\r\n  const group = getOrCreateGroup(groupId);\r\n  group.charts.add(chart);\r\n\r\n  // Setup event handlers\r\n  const handlers = setupSyncHandlers(chart, group);\r\n\r\n  // Return cleanup function\r\n  return () => {\r\n    handlers.forEach((cleanup) => cleanup());\r\n    group.charts.delete(chart);\r\n    if (group.charts.size === 0) {\r\n      syncGroups.delete(groupId);\r\n    }\r\n  };\r\n}\r\n\r\n/**\r\n * Setup synchronization event handlers\r\n */\r\nfunction setupSyncHandlers(\r\n  sourceChart: ECharts,\r\n  group: SyncGroup,\r\n): (() => void)[] {\r\n  const cleanups: (() => void)[] = [];\r\n\r\n  // Tooltip/Crosshair sync\r\n  if (group.options.tooltip || group.options.crosshair) {\r\n    const handleAxisPointer = (params: unknown) => {\r\n      const p = params as {\r\n        axesInfo?: { axisDim: string; value: unknown }[];\r\n        seriesIndex?: number;\r\n        dataIndex?: number;\r\n      };\r\n\r\n      group.charts.forEach((chart) => {\r\n        if (chart === sourceChart) return;\r\n\r\n        try {\r\n          if (p.axesInfo && p.axesInfo.length > 0) {\r\n            const axisInfo = p.axesInfo[0];\r\n            chart.dispatchAction({\r\n              type: \"showTip\",\r\n              x: axisInfo.value as number,\r\n              seriesIndex: 0,\r\n            });\r\n          } else if (p.dataIndex !== undefined) {\r\n            chart.dispatchAction({\r\n              type: \"showTip\",\r\n              seriesIndex: p.seriesIndex || 0,\r\n              dataIndex: p.dataIndex,\r\n            });\r\n          }\r\n        } catch (e) {\r\n          // Ignore errors from disposed charts\r\n        }\r\n      });\r\n    };\r\n\r\n    const handleMouseOut = () => {\r\n      group.charts.forEach((chart) => {\r\n        if (chart === sourceChart) return;\r\n        try {\r\n          chart.dispatchAction({ type: \"hideTip\" });\r\n        } catch (e) {\r\n          // Ignore\r\n        }\r\n      });\r\n    };\r\n\r\n    sourceChart.on(\"updateAxisPointer\", handleAxisPointer);\r\n    sourceChart.getZr().on(\"mouseout\", handleMouseOut);\r\n\r\n    cleanups.push(() => {\r\n      sourceChart.off(\"updateAxisPointer\", handleAxisPointer);\r\n      sourceChart.getZr()?.off(\"mouseout\", handleMouseOut);\r\n    });\r\n  }\r\n\r\n  // Zoom sync\r\n  if (group.options.zoom) {\r\n    const handleDataZoom = (params: unknown) => {\r\n      const p = params as {\r\n        batch?: { start: number; end: number }[];\r\n        start?: number;\r\n        end?: number;\r\n      };\r\n\r\n      const start = p.batch?.[0]?.start ?? p.start;\r\n      const end = p.batch?.[0]?.end ?? p.end;\r\n\r\n      if (start === undefined || end === undefined) return;\r\n\r\n      group.charts.forEach((chart) => {\r\n        if (chart === sourceChart) return;\r\n        try {\r\n          chart.dispatchAction({\r\n            type: \"dataZoom\",\r\n            start,\r\n            end,\r\n          });\r\n        } catch (e) {\r\n          // Ignore\r\n        }\r\n      });\r\n    };\r\n\r\n    sourceChart.on(\"datazoom\", handleDataZoom);\r\n    cleanups.push(() => sourceChart.off(\"datazoom\", handleDataZoom));\r\n  }\r\n\r\n  // Legend sync\r\n  if (group.options.legend) {\r\n    const handleLegendSelect = (params: unknown) => {\r\n      const p = params as { name: string; selected: Record<string, boolean> };\r\n\r\n      group.charts.forEach((chart) => {\r\n        if (chart === sourceChart) return;\r\n        try {\r\n          chart.dispatchAction({\r\n            type: \"legendToggleSelect\",\r\n            name: p.name,\r\n          });\r\n        } catch (e) {\r\n          // Ignore\r\n        }\r\n      });\r\n    };\r\n\r\n    sourceChart.on(\"legendselectchanged\", handleLegendSelect);\r\n    cleanups.push(() =>\r\n      sourceChart.off(\"legendselectchanged\", handleLegendSelect),\r\n    );\r\n  }\r\n\r\n  return cleanups;\r\n}\r\n\r\n// =============================================================================\r\n// React Hook\r\n// =============================================================================\r\n\r\nexport interface UseChartSyncOptions extends SyncGroupOptions {\r\n  /** Sync group ID */\r\n  groupId: string;\r\n  /** Whether sync is enabled */\r\n  enabled?: boolean;\r\n}\r\n\r\n/**\r\n * Hook to synchronize a chart with other charts in the same group\r\n *\r\n * @example\r\n * ```tsx\r\n * const chartRef = useRef<AstroChartHandle>(null);\r\n * useChartSync(chartRef, { groupId: 'dashboard-charts' });\r\n * ```\r\n */\r\nexport function useChartSync(\r\n  chartRef: React.RefObject<AstroChartHandle>,\r\n  options: UseChartSyncOptions,\r\n): void {\r\n  const { groupId, enabled = true, ..._syncOptions } = options;\r\n  const cleanupRef = useRef<(() => void) | null>(null);\r\n\r\n  useEffect(() => {\r\n    if (!enabled) return;\r\n\r\n    // Get chart instance\r\n    const chart = chartRef.current?.getChart() as ECharts | undefined;\r\n    if (!chart) return;\r\n\r\n    // Register with group\r\n    cleanupRef.current = registerChart(groupId, chart);\r\n\r\n    return () => {\r\n      cleanupRef.current?.();\r\n      cleanupRef.current = null;\r\n    };\r\n  }, [chartRef, groupId, enabled]);\r\n}\r\n\r\n// =============================================================================\r\n// Programmatic API\r\n// =============================================================================\r\n\r\n/**\r\n * Dispatch action to all charts in a group\r\n */\r\nexport function dispatchToGroup(\r\n  groupId: string,\r\n  action: Parameters<ECharts[\"dispatchAction\"]>[0],\r\n): void {\r\n  const group = syncGroups.get(groupId);\r\n  if (!group) return;\r\n\r\n  group.charts.forEach((chart) => {\r\n    try {\r\n      chart.dispatchAction(action);\r\n    } catch (e) {\r\n      // Ignore disposed charts\r\n    }\r\n  });\r\n}\r\n\r\n/**\r\n * Sync zoom range across all charts in a group\r\n */\r\nexport function syncZoomRange(\r\n  groupId: string,\r\n  start: number,\r\n  end: number,\r\n): void {\r\n  dispatchToGroup(groupId, { type: \"dataZoom\", start, end });\r\n}\r\n\r\n/**\r\n * Reset zoom for all charts in a group\r\n */\r\nexport function resetGroupZoom(groupId: string): void {\r\n  dispatchToGroup(groupId, { type: \"dataZoom\", start: 0, end: 100 });\r\n}\r\n\r\n/**\r\n * Show tooltip at specific data index for all charts\r\n */\r\nexport function showGroupTooltip(\r\n  groupId: string,\r\n  seriesIndex: number,\r\n  dataIndex: number,\r\n): void {\r\n  dispatchToGroup(groupId, { type: \"showTip\", seriesIndex, dataIndex });\r\n}\r\n\r\n/**\r\n * Hide tooltip for all charts in a group\r\n */\r\nexport function hideGroupTooltip(groupId: string): void {\r\n  dispatchToGroup(groupId, { type: \"hideTip\" });\r\n}\r\n\r\n/**\r\n * Get all chart instances in a group\r\n */\r\nexport function getGroupCharts(groupId: string): ECharts[] {\r\n  const group = syncGroups.get(groupId);\r\n  return group ? Array.from(group.charts) : [];\r\n}\r\n\r\n// =============================================================================\r\n// Export Utilities\r\n// =============================================================================\r\n\r\n/**\r\n * Export all charts in a group as images\r\n */\r\nexport function exportGroupAsImages(\r\n  groupId: string,\r\n  options: {\r\n    type?: \"png\" | \"svg\";\r\n    pixelRatio?: number;\r\n    fileName?: string;\r\n  } = {},\r\n): string[] {\r\n  const {\r\n    type = \"png\",\r\n    pixelRatio = 2,\r\n    fileName: _fileName = \"chart\",\r\n  } = options;\r\n  const charts = getGroupCharts(groupId);\r\n\r\n  return charts.map((chart, _index) => {\r\n    return chart.getDataURL({\r\n      type,\r\n      pixelRatio,\r\n      backgroundColor: \"transparent\",\r\n    });\r\n  });\r\n}\r\n\r\n/**\r\n * Export all charts in a group as a combined CSV\r\n */\r\nexport function exportGroupAsCSV(\r\n  groupId: string,\r\n  options: {\r\n    fileName?: string;\r\n    includeHeaders?: boolean;\r\n  } = {},\r\n): string {\r\n  const { includeHeaders = true } = options;\r\n  const charts = getGroupCharts(groupId);\r\n  const rows: string[][] = [];\r\n\r\n  charts.forEach((chart, chartIndex) => {\r\n    const option = chart.getOption();\r\n    const series = option.series as Array<{ name: string; data: unknown[] }>;\r\n\r\n    if (!series || series.length === 0) return;\r\n\r\n    // Add chart header\r\n    if (includeHeaders) {\r\n      rows.push([`Chart ${chartIndex + 1}`]);\r\n      rows.push([\r\n        \"Index\",\r\n        ...series.map((s) => s.name || `Series ${chartIndex}`),\r\n      ]);\r\n    }\r\n\r\n    // Find max data length\r\n    const maxLen = Math.max(...series.map((s) => s.data?.length || 0));\r\n\r\n    // Add data rows\r\n    for (let i = 0; i < maxLen; i++) {\r\n      const row = [i.toString()];\r\n      series.forEach((s) => {\r\n        const value = s.data?.[i];\r\n        if (typeof value === \"number\") {\r\n          row.push(value.toString());\r\n        } else if (Array.isArray(value)) {\r\n          row.push(value[1]?.toString() || \"\");\r\n        } else if (value && typeof value === \"object\") {\r\n          const v = value as { value?: number; y?: number };\r\n          row.push((v.value ?? v.y)?.toString() || \"\");\r\n        } else {\r\n          row.push(\"\");\r\n        }\r\n      });\r\n      rows.push(row);\r\n    }\r\n\r\n    rows.push([]); // Empty row between charts\r\n  });\r\n\r\n  return rows.map((row) => row.join(\",\")).join(\"\\n\");\r\n}\r\n"],"mappings":"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"}

package/dist/react/charts/unified/theme.d.ts

@@ -1,5 +1,4 @@
 import { ThemeTokens, ThemeMode, ThemeVariant } from '../../theme';
-
 /**
  * Zendir Brand Colors (from Brand Guide v2026)
  * Core: Electric (#3E3CFF), Purple (#9D70FF), Prussian Blue (#1B2DA0)
@@ -76,22 +75,22 @@ export declare const ASTRO_DATA_VIZ_COLORS: {
      *
      * NOTE: Status colors (green, yellow, red) reserved for status indication only
      */
-    mixed: ("#3E3CFF" | "#9D70FF" | "#6B69FF" | "#B48DFF" | "#3548C0" | "#9997FF" | "#C9A8FF" | "#1B2DA0" | "#3230CC" | "#7E5ACC" | "#4A5FD6")[];
+    mixed: ("#3E3CFF" | "#1B2DA0" | "#9D70FF" | "#6B69FF" | "#B48DFF" | "#3548C0" | "#9997FF" | "#C9A8FF" | "#3230CC" | "#7E5ACC" | "#4A5FD6")[];
     /**
      * Zendir Brand palette - Full brand spectrum
      * Complete set of Zendir brand colors for maximum brand expression
      */
-    zendir: ("#3E3CFF" | "#9D70FF" | "#6B69FF" | "#B48DFF" | "#3548C0" | "#9997FF" | "#C9A8FF" | "#1B2DA0")[];
+    zendir: ("#3E3CFF" | "#1B2DA0" | "#9D70FF" | "#6B69FF" | "#B48DFF" | "#3548C0" | "#9997FF" | "#C9A8FF")[];
     /**
      * Extended Zendir palette - All shades for complex visualizations
      * Includes dark and light variants for maximum differentiation
      */
-    zendirExtended: ("#3E3CFF" | "#9D70FF" | "#6B69FF" | "#B48DFF" | "#3548C0" | "#9997FF" | "#C9A8FF" | "#1B2DA0" | "#3230CC" | "#7E5ACC" | "#142380")[];
+    zendirExtended: ("#3E3CFF" | "#1B2DA0" | "#9D70FF" | "#6B69FF" | "#B48DFF" | "#3548C0" | "#9997FF" | "#C9A8FF" | "#3230CC" | "#7E5ACC" | "#142380")[];
     /**
      * Cool palette - Blues and purples
      * Professional Zendir-branded cool tones
      */
-    cool: ("#3E3CFF" | "#9D70FF" | "#6B69FF" | "#B48DFF" | "#3548C0" | "#9997FF" | "#1B2DA0" | "#4A5FD6")[];
+    cool: ("#3E3CFF" | "#1B2DA0" | "#9D70FF" | "#6B69FF" | "#B48DFF" | "#3548C0" | "#9997FF" | "#4A5FD6")[];
     /**
      * Warm accent palette - For charts needing warm tones
      * Use sparingly - not part of Zendir brand
@@ -106,12 +105,12 @@ export declare const ASTRO_DATA_VIZ_COLORS: {
      * Prussian-Electric gradient palette
      * Deep to vibrant brand progression
      */
-    prussianElectric: ("#3E3CFF" | "#6B69FF" | "#3548C0" | "#1B2DA0" | "#3230CC" | "#142380")[];
+    prussianElectric: ("#3E3CFF" | "#1B2DA0" | "#6B69FF" | "#3548C0" | "#3230CC" | "#142380")[];
     /**
      * Full Zendir spectrum gradient
      * Prussian Blue → Electric → Purple
      */
-    zendirSpectrum: ("#3E3CFF" | "#9D70FF" | "#6B69FF" | "#B48DFF" | "#3548C0" | "#1B2DA0")[];
+    zendirSpectrum: ("#3E3CFF" | "#1B2DA0" | "#9D70FF" | "#6B69FF" | "#B48DFF" | "#3548C0")[];
     /**
      * Sequential palettes for heatmaps and gradual data
      * Zendir brand-forward gradients
@@ -384,7 +383,7 @@ export declare function getStatusColor(value: number, thresholds: {
  * const brandColor = getSeriesColor(0, ASTRO_DATA_VIZ_COLORS.zendir);
  * ```
  */
-export declare function getSeriesColor(index: number, palette?: ("#3E3CFF" | "#9D70FF" | "#6B69FF" | "#B48DFF" | "#3548C0" | "#9997FF" | "#C9A8FF" | "#1B2DA0" | "#3230CC" | "#7E5ACC" | "#4A5FD6")[]): string;
+export declare function getSeriesColor(index: number, palette?: ("#3E3CFF" | "#1B2DA0" | "#9D70FF" | "#6B69FF" | "#B48DFF" | "#3548C0" | "#9997FF" | "#C9A8FF" | "#3230CC" | "#7E5ACC" | "#4A5FD6")[]): string;
 /**
  * Get Zendir brand color by role
  * Use for consistent branding across the application
@@ -415,12 +414,12 @@ export declare function getZendirAccentColor(role: keyof typeof ZENDIR_ACCENT_CO
  * const statusColors = getPaletteForDataType('status');
  * ```
  */
-export declare function getPaletteForDataType(dataType: 'categorical' | 'sequential' | 'diverging' | 'status' | 'zendir' | 'zendirExtended' | 'cool' | 'warm' | 'astro-official', useAstroTheme?: boolean): string[];
+export declare function getPaletteForDataType(dataType: "categorical" | "sequential" | "diverging" | "status" | "zendir" | "zendirExtended" | "cool" | "warm" | "astro-official", useAstroTheme?: boolean): string[];
 /**
  * Create gradient for area charts
  */
-export declare function createAreaGradient(color: string, direction?: 'vertical' | 'horizontal'): {
-    type: 'linear';
+export declare function createAreaGradient(color: string, direction?: "vertical" | "horizontal"): {
+    type: "linear";
     x: number;
     y: number;
     x2: number;
@@ -433,7 +432,7 @@ export declare function createAreaGradient(color: string, direction?: 'vertical'
 /**
  * Format time for axis labels
  */
-export declare function formatTimeLabel(timestamp: number, format?: 'short' | 'medium' | 'long'): string;
+export declare function formatTimeLabel(timestamp: number, format?: "short" | "medium" | "long"): string;
 /**
  * Format number with unit suffix
  */