@primeui/chart-core 0.0.1-alpha.1

package/dist/chunk-3IYSJ2U7.mjs

@@ -0,0 +1,567 @@
+import { normalizeCrosshairConfig } from './chunk-QWQ6HY4I.mjs';
+import { resolveNavigatorConfig } from './chunk-BKP26M4K.mjs';
+import { buildLegendItems, resolveLegendClickAction } from './chunk-ZT2Z7ERM.mjs';
+import { normalizePadding, calculateTitleLayout, calculateLegendArea, calculateChartArea } from './chunk-NPDZLYIF.mjs';
+import { generateChartTypeDescription, generateChartSummary } from './chunk-OGJ6IIBW.mjs';
+import { DEFAULT_CHART_TITLE_PADDING, DEFAULT_LEGEND_PADDING, DEFAULT_CHART_CAPTION_PADDING } from './chunk-NKUYIWAP.mjs';
+import { EXPORT_MENU_CONSTANTS } from './chunk-OWW3K55O.mjs';
+
+// src/orchestrator/computeLayout.ts
+function buildLayoutInputs(p) {
+  const { width, height, titleConfig: tc, captionConfig: cc, measuredCaptionHeight, legendConfig: lc, hoverConfig, navigatorConfig, colorLegendConfig: clc, exportMenuConfig, drilldownIsActive, isCartesian, theme, adaptive, ruleOverrides: ro } = p;
+  return {
+    width,
+    height,
+    titleConfig: tc ? { text: tc.text, position: tc.position, fontSize: tc.fontSize, padding: tc.padding, floating: tc.floating } : void 0,
+    captionConfig: cc ? { text: cc.text, position: cc.position, fontSize: cc.fontSize, padding: cc.padding, measuredHeight: measuredCaptionHeight && measuredCaptionHeight > 0 ? measuredCaptionHeight : void 0 } : void 0,
+    legendConfig: lc ? { position: lc.position, maxWidth: lc.maxWidth, maxHeight: lc.maxHeight, width: lc.width, height: lc.height } : void 0,
+    legendEnabled: ro.legend?.enabled !== false,
+    hoverOffset: hoverConfig?.offset ?? 0,
+    navigatorConfig,
+    colorLegendConfig: clc ? { position: clc.position, reservedSize: clc.reservedSize } : void 0,
+    exportMenuConfig,
+    drilldownIsActive,
+    isCartesian,
+    theme,
+    adaptive: { chartPadding: adaptive.chartPadding, chartTitleFontSize: adaptive.chartTitleFontSize, chartCaptionFontSize: adaptive.chartCaptionFontSize, legendAutoReposition: adaptive.legendAutoReposition },
+    ruleOverrides: {
+      title: ro.title ? { fontSize: ro.title.fontSize } : void 0,
+      caption: ro.caption ? { fontSize: ro.caption.fontSize } : void 0,
+      legend: ro.legend ? { enabled: ro.legend.enabled } : void 0
+    }
+  };
+}
+function computeEffectiveLegendPosition(legendPosition, legendAutoReposition) {
+  let position = legendPosition ?? "bottom";
+  if (legendAutoReposition && (position === "left" || position === "right")) {
+    position = "bottom";
+  }
+  return position;
+}
+function computeTitleLayout(inputs) {
+  const { titleConfig: tc, captionConfig: cc, width, height, adaptive, ruleOverrides } = inputs;
+  const hasTitle = !!tc?.text;
+  const hasCaption = !!cc?.text;
+  if (!hasTitle && !hasCaption) {
+    return { titleArea: null, captionArea: null, totalArea: null, totalHeight: 0, captionIndependentHeight: 0, captionIndependentPosition: null };
+  }
+  const effectiveTitleFontSize = ruleOverrides.title?.fontSize ?? tc?.fontSize ?? adaptive.chartTitleFontSize;
+  const effectiveCaptionFontSize = ruleOverrides.caption?.fontSize ?? cc?.fontSize ?? adaptive.chartCaptionFontSize;
+  const titlePaddingProp = tc?.padding;
+  const titlePaddingValue = typeof titlePaddingProp === "number" ? titlePaddingProp : titlePaddingProp?.top ?? DEFAULT_CHART_TITLE_PADDING;
+  const padding = normalizePadding(adaptive.chartPadding);
+  const titleOpts = hasTitle ? { display: true, text: tc.text, position: tc.position === "top" || tc.position === "bottom" ? tc.position : "top", fontSize: effectiveTitleFontSize, padding: titlePaddingValue } : void 0;
+  const captionOpts = hasCaption ? {
+    display: true,
+    text: cc.text,
+    fontSize: effectiveCaptionFontSize,
+    padding: cc.padding,
+    position: cc.position === "top" || cc.position === "bottom" ? cc.position : void 0,
+    measuredHeight: cc.measuredHeight && cc.measuredHeight > 0 ? cc.measuredHeight : void 0
+  } : void 0;
+  return calculateTitleLayout(titleOpts, captionOpts, width, height, padding, tc?.floating);
+}
+var AUTO_REPOSITIONED_LEGEND_MIN_HEIGHT = 90;
+function resolveReservedLegendHeight(lc, effectivePosition) {
+  const base = lc.height ?? lc.maxHeight ?? 40;
+  const wasAutoRepositioned = effectivePosition === "bottom" && (lc.position === "left" || lc.position === "right");
+  if (wasAutoRepositioned && lc.height == null && lc.maxHeight == null) {
+    return Math.max(base, AUTO_REPOSITIONED_LEGEND_MIN_HEIGHT);
+  }
+  return base;
+}
+function computeLegendArea(inputs, titleArea, effectiveLegendPosition) {
+  const { legendConfig: lc, width, height, titleConfig, adaptive, ruleOverrides } = inputs;
+  if (!lc) return null;
+  if (ruleOverrides.legend?.enabled === false) return null;
+  const position = effectiveLegendPosition;
+  const isVertical = position === "left" || position === "right";
+  const reservedWidth = lc.width ?? (isVertical ? lc.maxWidth ?? 100 : 0);
+  const reservedHeight = isVertical ? lc.height ?? 0 : resolveReservedLegendHeight(lc, position);
+  const legendOpts = { display: true, position, width: reservedWidth, height: reservedHeight, padding: DEFAULT_LEGEND_PADDING };
+  const padding = normalizePadding(adaptive.chartPadding);
+  const titlePosition = titleConfig?.position === "top" || titleConfig?.position === "bottom" ? titleConfig.position : "top";
+  return calculateLegendArea(legendOpts, width, height, padding, titleArea, titlePosition);
+}
+function computeChartArea(inputs, titleArea, legendArea, effectiveLegendPosition, titleLayout) {
+  const { width, height, titleConfig, adaptive, hoverOffset, navigatorConfig, drilldownIsActive, exportMenuConfig, colorLegendConfig, isCartesian, theme } = inputs;
+  const verticalPadding = adaptive.chartPadding + hoverOffset;
+  const padding = { top: verticalPadding, bottom: verticalPadding, left: verticalPadding, right: verticalPadding };
+  const titlePosition = titleConfig?.position === "top" || titleConfig?.position === "bottom" ? titleConfig.position : "top";
+  const area = calculateChartArea(width, height, padding, titleArea, legendArea, titlePosition, effectiveLegendPosition);
+  if (!area) return null;
+  if (titleLayout.captionIndependentHeight > 0) {
+    if (titleLayout.captionIndependentPosition === "top") {
+      area.y += titleLayout.captionIndependentHeight;
+      area.height -= titleLayout.captionIndependentHeight;
+    } else {
+      area.height -= titleLayout.captionIndependentHeight;
+    }
+  }
+  if (drilldownIsActive) {
+    area.y += 28;
+    area.height -= 28;
+  }
+  if (navigatorConfig && navigatorConfig.enabled !== false && isCartesian) {
+    const navResolved = resolveNavigatorConfig(navigatorConfig, theme);
+    area.height = area.height - navResolved.height - navResolved.gap;
+  }
+  if (exportMenuConfig?.enabled !== false && exportMenuConfig?.buttons?.verticalAlign === "bottom") {
+    area.height -= EXPORT_MENU_CONSTANTS.BUTTON_SIZE + 10;
+  }
+  if (colorLegendConfig) {
+    const clPos = colorLegendConfig.position ?? "bottom";
+    const clReserved = colorLegendConfig.reservedSize ?? 36;
+    const clGap = 8;
+    if (clPos === "bottom") area.height -= clReserved + clGap;
+    else if (clPos === "top") {
+      area.y += clReserved + clGap;
+      area.height -= clReserved + clGap;
+    } else if (clPos === "right") area.width -= clReserved + clGap;
+    else if (clPos === "left") {
+      area.x += clReserved + clGap;
+      area.width -= clReserved + clGap;
+    }
+  }
+  const right = Math.round(area.x + area.width);
+  const bottom = Math.round(area.y + area.height);
+  area.x = Math.round(area.x);
+  area.y = Math.round(area.y);
+  area.width = Math.max(0, right - area.x);
+  area.height = Math.max(0, bottom - area.y);
+  return area;
+}
+function computeNavigatorArea(chartArea, navigatorConfig, isCartesian, theme) {
+  if (!chartArea || !navigatorConfig || navigatorConfig.enabled === false || !isCartesian) return null;
+  const navResolved = resolveNavigatorConfig(navigatorConfig, theme);
+  return { x: chartArea.x, y: chartArea.y + chartArea.height + navResolved.gap, width: chartArea.width, height: navResolved.height };
+}
+function computeColorLegendArea(chartArea, colorLegendConfig) {
+  if (!chartArea || !colorLegendConfig) return null;
+  const pos = colorLegendConfig.position ?? "bottom";
+  const reserved = colorLegendConfig.reservedSize ?? 36;
+  const gap = 8;
+  if (pos === "bottom") return { x: chartArea.x, y: chartArea.y + chartArea.height + gap, width: chartArea.width, height: reserved };
+  if (pos === "top") return { x: chartArea.x, y: chartArea.y - reserved - gap, width: chartArea.width, height: reserved };
+  if (pos === "right") return { x: chartArea.x + chartArea.width + gap, y: chartArea.y, width: reserved, height: chartArea.height };
+  return { x: chartArea.x - reserved - gap, y: chartArea.y, width: reserved, height: chartArea.height };
+}
+function computeResetZoomTop(chartArea, exportMenuConfig) {
+  const baseTop = (chartArea?.y ?? 0) + 4;
+  if (!exportMenuConfig || exportMenuConfig.enabled === false) return baseTop;
+  const exportBtnAlign = exportMenuConfig.buttons?.verticalAlign ?? "top";
+  if (exportBtnAlign !== "top") return baseTop;
+  return Math.max(baseTop, (exportMenuConfig.buttons?.y ?? 10) + EXPORT_MENU_CONSTANTS.BUTTON_SIZE + 4);
+}
+
+// src/orchestrator/computeStyles.ts
+function computeTitleStyle(inputs) {
+  const { titleConfig: tc, titleArea, height, adaptive, ruleOverrides, theme, globalFontFamily } = inputs;
+  if (!tc?.text || !titleArea) return null;
+  const position = tc.position ?? "top";
+  const alignment = tc.alignment ?? "center";
+  const effectiveFontSize = ruleOverrides.title?.fontSize ?? tc.fontSize ?? adaptive.chartTitleFontSize;
+  const baseStyle = {
+    position: "absolute",
+    left: "0",
+    right: "0",
+    textAlign: alignment === "start" ? "left" : alignment === "end" ? "right" : "center",
+    fontSize: `${effectiveFontSize}px`,
+    fontWeight: tc.fontWeight ?? "600",
+    fontFamily: tc.fontFamily ?? globalFontFamily ?? void 0,
+    color: tc.color ?? `var(--p-chart-title-color, ${theme.titleColor})`,
+    padding: `0 ${adaptive.chartPadding}px`
+  };
+  if (tc.offsetX != null || tc.offsetY != null) {
+    baseStyle.transform = `translate(${tc.offsetX ?? 0}px, ${tc.offsetY ?? 0}px)`;
+  }
+  if (position === "top") {
+    return { ...baseStyle, top: `${titleArea.y}px` };
+  }
+  return { ...baseStyle, bottom: `${height - titleArea.y - titleArea.height}px` };
+}
+function computeCaptionStyle(inputs) {
+  const { captionConfig: cc, titleConfig: tc, captionArea, height, adaptive, ruleOverrides, theme, globalFontFamily } = inputs;
+  if (!cc?.text || !captionArea) return null;
+  const position = cc.position === "top" || cc.position === "bottom" ? cc.position : tc?.position === "bottom" ? "bottom" : "top";
+  const alignment = cc.alignment ?? tc?.alignment ?? "center";
+  const effectiveFontSize = ruleOverrides.caption?.fontSize ?? cc.fontSize ?? adaptive.chartCaptionFontSize;
+  const baseStyle = {
+    position: "absolute",
+    left: "0",
+    right: "0",
+    textAlign: alignment === "start" ? "left" : alignment === "end" ? "right" : "center",
+    fontSize: `${effectiveFontSize}px`,
+    fontWeight: cc.fontWeight ?? "normal",
+    fontFamily: cc.fontFamily ?? globalFontFamily ?? void 0,
+    color: cc.color ?? `var(--p-chart-caption-color, ${theme.captionColor})`,
+    padding: `0 ${adaptive.chartPadding}px`,
+    paddingBottom: `${typeof cc.padding === "number" ? cc.padding : cc.padding?.bottom ?? DEFAULT_CHART_CAPTION_PADDING.bottom}px`
+  };
+  if (cc.offsetX != null || cc.offsetY != null) {
+    baseStyle.transform = `translate(${cc.offsetX ?? 0}px, ${cc.offsetY ?? 0}px)`;
+  }
+  if (position === "top") {
+    return { ...baseStyle, top: `${captionArea.y}px` };
+  }
+  return { ...baseStyle, bottom: `${height - captionArea.y - captionArea.height}px` };
+}
+function computeContainerStyle(width, height, hoverBrightness, hoverDimOpacity, keyboardNavEnabled, hideBrowserFocusOutline, globalFontFamily) {
+  return {
+    position: "relative",
+    isolation: "isolate",
+    width: `${width}px`,
+    height: `${height}px`,
+    userSelect: "none",
+    fontFamily: globalFontFamily ?? void 0,
+    outline: keyboardNavEnabled && hideBrowserFocusOutline !== false ? "none" : void 0,
+    ...hoverBrightness != null ? { "--p-chart-hover-brightness": String(hoverBrightness) } : {},
+    ...hoverDimOpacity != null ? { "--p-chart-dim-opacity": String(hoverDimOpacity) } : {}
+  };
+}
+
+// src/orchestrator/extractFeatureConfigs.ts
+function extractFeatureConfigs(features) {
+  return {
+    legend: features.get("legend")?.props,
+    tooltip: features.get("tooltip")?.props,
+    hover: features.get("hover")?.props,
+    title: features.get("title")?.props,
+    caption: features.get("caption")?.props,
+    zoom: features.get("zoom")?.props,
+    accessibility: features.get("accessibility")?.props,
+    navigator: features.get("navigator")?.props,
+    breadcrumb: features.get("breadcrumb")?.props,
+    colorLegend: features.get("colorLegend")?.props,
+    exportMenu: features.get("exportMenu")?.props,
+    responsive: features.get("responsive")?.props
+  };
+}
+function detectDatasetTypes(datasets) {
+  let hasRadarDatasets = false;
+  let hasPolarDatasets = false;
+  let hasStackedPies = false;
+  datasets.forEach((ds) => {
+    if (ds.type === "radar") hasRadarDatasets = true;
+    if (ds.type === "polar") hasPolarDatasets = true;
+    if (ds.props.stackId !== void 0) hasStackedPies = true;
+  });
+  return { hasRadarDatasets, hasPolarDatasets, hasStackedPies };
+}
+
+// src/orchestrator/computeChartState.ts
+function computeChartState(inputs) {
+  const { width, height, features, datasets, axes, rendererHint, drilldownIsActive, measuredCaptionHeight, theme, adaptive, ruleOverrides, globalFontFamily } = inputs;
+  const featureConfigs = extractFeatureConfigs(features);
+  const legendConfig = featureConfigs.legend;
+  const exportMenuConfig = featureConfigs.exportMenu;
+  const tooltipConfig = featureConfigs.tooltip;
+  const hoverConfig = featureConfigs.hover;
+  const titleConfig = featureConfigs.title;
+  const captionConfig = featureConfigs.caption;
+  const breadcrumbConfig = featureConfigs.breadcrumb;
+  const colorLegendConfig = featureConfigs.colorLegend;
+  const navigatorConfig = featureConfigs.navigator;
+  const a11yConfig = featureConfigs.accessibility;
+  const zoomConfig = featureConfigs.zoom ?? null;
+  const isCartesian = rendererHint === "cartesian" || rendererHint === "heatmap";
+  const isRect = rendererHint === "rect";
+  const crosshairConfig = isCartesian ? normalizeCrosshairConfig(tooltipConfig?.crosshair) : null;
+  const hasCrosshair = !!crosshairConfig?.enabled;
+  const isSharedMode = tooltipConfig?.mode === "shared";
+  const snapStrategy = tooltipConfig?.snap;
+  const useNearestSnap = snapStrategy !== "none" && (isSharedMode || hasCrosshair || snapStrategy != null);
+  const rb = zoomConfig?.resetButton;
+  const resetButtonConfig = rb === false ? null : typeof rb === "object" && rb !== null ? rb : {};
+  const a11yEnabled = a11yConfig?.enabled !== false;
+  const a11yHeadingLevel = a11yConfig?.headingLevel ?? "h4";
+  const keyboardNavConfig = a11yConfig?.keyboardNavigation;
+  const keyboardNavEnabled = a11yEnabled && keyboardNavConfig?.enabled !== false;
+  const xAxisTickFormat = axes.x.get("default")?.props?.tickFormat;
+  const titleRO = ruleOverrides.title;
+  const captionRO = ruleOverrides.caption;
+  const legendRO = ruleOverrides.legend;
+  const effectiveLegendPosition = computeEffectiveLegendPosition(legendConfig?.position, adaptive.legendAutoReposition);
+  const layoutInputs = buildLayoutInputs({
+    width,
+    height,
+    titleConfig,
+    captionConfig,
+    measuredCaptionHeight,
+    legendConfig,
+    hoverConfig,
+    navigatorConfig,
+    colorLegendConfig: colorLegendConfig ? { position: colorLegendConfig.position, reservedSize: colorLegendConfig.reservedSize } : void 0,
+    exportMenuConfig,
+    drilldownIsActive,
+    isCartesian,
+    theme,
+    adaptive: {
+      chartPadding: adaptive.chartPadding,
+      chartTitleFontSize: adaptive.chartTitleFontSize,
+      chartCaptionFontSize: adaptive.chartCaptionFontSize,
+      legendAutoReposition: adaptive.legendAutoReposition
+    },
+    ruleOverrides: { title: titleRO, caption: captionRO, legend: legendRO }
+  });
+  const titleLayout = computeTitleLayout(layoutInputs);
+  const titleArea = titleConfig?.floating ? null : titleLayout.totalArea;
+  const legendArea = computeLegendArea(layoutInputs, titleArea, effectiveLegendPosition);
+  const chartArea = computeChartArea(layoutInputs, titleArea, legendArea, effectiveLegendPosition, titleLayout);
+  const navigatorArea = computeNavigatorArea(chartArea, navigatorConfig, isCartesian, theme);
+  const colorLegendArea = computeColorLegendArea(chartArea, colorLegendConfig ? { position: colorLegendConfig.position, reservedSize: colorLegendConfig.reservedSize } : void 0);
+  const resetZoomTop = computeResetZoomTop(chartArea, exportMenuConfig);
+  const datasetTypes = detectDatasetTypes(datasets);
+  const chartTypeDescription = a11yEnabled ? a11yConfig?.typeDescription ?? generateChartTypeDescription(datasets) : "";
+  const chartDescription = a11yEnabled ? a11yConfig?.description ?? generateChartSummary(titleConfig?.text, captionConfig?.text, chartTypeDescription, []) : void 0;
+  const containerStyle = computeContainerStyle(
+    width,
+    height,
+    hoverConfig?.brightness,
+    hoverConfig?.dimOpacity,
+    keyboardNavEnabled,
+    keyboardNavConfig?.focusBorder?.hideBrowserFocusOutline,
+    globalFontFamily
+  );
+  const themeTail = computeThemeDependentFields(inputs, {
+    isCartesian,
+    datasetTypes,
+    titleLayout,
+    titleConfig,
+    captionConfig,
+    titleRO,
+    captionRO
+  });
+  return {
+    legendConfig,
+    exportMenuConfig,
+    tooltipConfig,
+    crosshairConfig,
+    hasCrosshair,
+    isSharedMode,
+    useNearestSnap,
+    hoverConfig,
+    titleConfig,
+    captionConfig,
+    breadcrumbConfig,
+    colorLegendConfig,
+    zoomConfig,
+    resetButtonConfig,
+    navigatorConfig,
+    a11yConfig,
+    a11yEnabled,
+    a11yHeadingLevel,
+    keyboardNavEnabled,
+    keyboardNavConfig,
+    xAxisTickFormat,
+    isCartesian,
+    isRect,
+    datasetTypes,
+    effectiveLegendPosition,
+    titleLayout,
+    titleArea,
+    legendArea,
+    chartArea,
+    navigatorArea,
+    colorLegendArea,
+    resetZoomTop,
+    chartTypeDescription,
+    chartDescription,
+    containerStyle,
+    ...themeTail
+  };
+}
+function computeThemeDependentFields(inputs, ctx) {
+  const { datasets, datasetVisibility, hiddenItems, theme, adaptive, height, globalFontFamily } = inputs;
+  const { isCartesian, datasetTypes, titleLayout, titleConfig, captionConfig, titleRO, captionRO } = ctx;
+  const legendItems = buildLegendItems({
+    datasets,
+    datasetVisibility,
+    hiddenItems,
+    isCartesian,
+    hasRadarDatasets: datasetTypes.hasRadarDatasets,
+    hasPolarDatasets: datasetTypes.hasPolarDatasets,
+    hasStackedPies: datasetTypes.hasStackedPies,
+    theme
+  });
+  const titleStyle = computeTitleStyle({
+    titleConfig,
+    titleArea: titleLayout.titleArea,
+    height,
+    adaptive: { chartPadding: adaptive.chartPadding, chartTitleFontSize: adaptive.chartTitleFontSize },
+    ruleOverrides: { title: titleRO },
+    theme: { titleColor: theme.titleColor },
+    globalFontFamily
+  });
+  const captionStyle = computeCaptionStyle({
+    captionConfig,
+    titleConfig: titleConfig ? { position: titleConfig.position, alignment: titleConfig.alignment } : void 0,
+    captionArea: titleLayout.captionArea,
+    height,
+    adaptive: { chartPadding: adaptive.chartPadding, chartCaptionFontSize: adaptive.chartCaptionFontSize },
+    ruleOverrides: { caption: captionRO },
+    theme: { captionColor: theme.captionColor },
+    globalFontFamily
+  });
+  return { legendItems, titleStyle, captionStyle };
+}
+
+// src/orchestrator/eventHandlers.ts
+function processMouseMoveCore(x, y, ctx, lastHover, tooltipConfig) {
+  let hit = null;
+  let allSeriesHits;
+  if (ctx.isCartesian && ctx.useNearestSnap) {
+    const result = ctx.delegate?.findAllNearest(x, y) ?? null;
+    if (result?.primary) {
+      hit = result.primary;
+      allSeriesHits = result.allSeries;
+    }
+  } else if (ctx.isCartesian) {
+    hit = ctx.delegate?.hitTest(x, y) ?? null;
+  } else if (ctx.isRect) {
+    hit = ctx.delegate?.hitTest(x, y) ?? null;
+    ctx.delegate?.updateHoverOverlay(hit);
+  } else if (ctx.isSharedMode) {
+    const result = ctx.delegate?.findAllNearest(x, y) ?? null;
+    if (result?.primary) {
+      hit = result.primary;
+      allSeriesHits = result.allSeries;
+    } else {
+      hit = ctx.delegate?.hitTest(x, y) ?? null;
+    }
+  } else {
+    hit = ctx.delegate?.hitTest(x, y) ?? null;
+  }
+  if (!hit) {
+    const syncBroadcast2 = buildClearHighlightBroadcast(ctx.syncInfo, lastHover);
+    return {
+      hit: null,
+      tooltip: null,
+      cursor: "default",
+      hoverUpdate: lastHover.datasetId !== null ? { datasetId: null, index: null } : null,
+      syncBroadcast: syncBroadcast2
+    };
+  }
+  const hoverChanged = lastHover.datasetId !== hit.datasetId || lastHover.index !== hit.index;
+  const cartHit = "snapX" in hit ? hit : null;
+  const hoverUpdate = hoverChanged ? { datasetId: hit.datasetId, index: hit.index, axisIdx: ctx.isSharedMode ? hit.index : null, axisX: ctx.isSharedMode ? cartHit?.snapX ?? null : null } : null;
+  let tooltip = null;
+  if (tooltipConfig) {
+    const followCursor = tooltipConfig.followCursor !== false;
+    const effectiveX = followCursor ? x : cartHit?.snapX ?? x;
+    const effectiveY = followCursor ? y : cartHit?.snapY ?? y;
+    const extHit = hit;
+    tooltip = {
+      visible: true,
+      x: ctx.dir === "rtl" ? effectiveX - 10 : effectiveX + 10,
+      y: effectiveY + 10,
+      label: hit.label,
+      value: hit.value,
+      percentage: typeof extHit["percentage"] === "number" ? extHit["percentage"] : void 0,
+      color: hit.color,
+      colorGradient: extHit["colorGradient"],
+      swatchColor: extHit["swatchColor"],
+      datasetId: hit.datasetId,
+      index: hit.index,
+      formattedValue: typeof extHit["formattedValue"] === "string" ? extHit["formattedValue"] : void 0,
+      cursorFormattedValue: typeof extHit["cursorFormattedValue"] === "string" ? extHit["cursorFormattedValue"] : void 0,
+      xValue: extHit["xValue"],
+      yValue: extHit["yValue"],
+      ohlc: extHit["ohlc"],
+      bubbleValue: typeof extHit["bubbleValue"] === "number" ? extHit["bubbleValue"] : void 0,
+      snapX: ctx.hasCrosshair ? cartHit?.snapX : void 0,
+      snapY: ctx.hasCrosshair ? cartHit?.snapY : void 0,
+      cursorX: ctx.hasCrosshair ? x : void 0,
+      cursorY: ctx.hasCrosshair ? y : void 0,
+      allSeriesHits
+    };
+  }
+  const syncBroadcast = hoverChanged ? buildHighlightBroadcast(ctx, hit, x, y) : null;
+  return { hit, allSeriesHits, tooltip, cursor: "pointer", hoverUpdate, syncBroadcast };
+}
+function buildHighlightBroadcast(ctx, hit, x, y) {
+  if (!ctx.syncInfo?.config.highlight) return null;
+  const hlAxis = ctx.syncInfo.config.highlight;
+  const broadcasts = [];
+  const plotArea = ctx.delegate?.getPlotArea();
+  if (ctx.isCartesian && plotArea && plotArea.width > 0) {
+    const cartHit = "snapX" in hit ? hit : null;
+    const normalizedX = cartHit?.snapX != null ? (cartHit.snapX - plotArea.x) / plotArea.width : (x - plotArea.x) / plotArea.width;
+    const normalizedY = plotArea.height > 0 ? cartHit?.snapY != null ? (cartHit.snapY - plotArea.y) / plotArea.height : (y - plotArea.y) / plotArea.height : 0;
+    const extHit = hit;
+    const catIdx = (typeof extHit["col"] === "number" ? extHit["col"] : void 0) ?? hit.index;
+    if (hlAxis === "x" || hlAxis === "xy") broadcasts.push({ axis: "x", normalized: normalizedX, categoryIndex: catIdx, sourceType: "cartesian" });
+    if (hlAxis === "y" || hlAxis === "xy") broadcasts.push({ axis: "y", normalized: normalizedY, categoryIndex: catIdx, sourceType: "cartesian" });
+  } else {
+    const extHit = hit;
+    const catIdx = (typeof extHit["col"] === "number" ? extHit["col"] : void 0) ?? hit.index;
+    const ds = ctx.datasets.get(hit.datasetId);
+    const dataLen = ds?.props?.data?.length ?? 1;
+    const estNormalized = dataLen > 1 ? catIdx / (dataLen - 1) : 0.5;
+    broadcasts.push({ axis: "x", normalized: estNormalized, categoryIndex: catIdx, sourceType: "radial" });
+  }
+  return broadcasts.length > 0 ? broadcasts : null;
+}
+function buildClearHighlightBroadcast(syncInfo, lastHover) {
+  if (!syncInfo?.config.highlight || lastHover.datasetId === null) return null;
+  const hlAxis = syncInfo.config.highlight;
+  const broadcasts = [];
+  if (hlAxis === "x" || hlAxis === "xy") broadcasts.push({ axis: "x", normalized: null });
+  if (hlAxis === "y" || hlAxis === "xy") broadcasts.push({ axis: "y", normalized: null });
+  return broadcasts;
+}
+function processMouseLeaveCore(lastHover, syncInfo, isRect) {
+  let syncBroadcast = null;
+  if (syncInfo?.config.highlight && lastHover.datasetId !== null) {
+    const hlAxis = syncInfo.config.highlight;
+    const broadcasts = [];
+    if (hlAxis === "x" || hlAxis === "xy") broadcasts.push({ axis: "x", normalized: null });
+    if (hlAxis === "y" || hlAxis === "xy") broadcasts.push({ axis: "y", normalized: null });
+    syncBroadcast = broadcasts;
+  }
+  return {
+    clearHover: lastHover.datasetId !== null,
+    clearTooltip: true,
+    cursor: "default",
+    syncBroadcast,
+    clearRectOverlay: isRect
+  };
+}
+function processClickCore(x, y, ctx) {
+  if (!ctx.onClickCb && !ctx.isRect && !ctx.drilldownEnabled) return { kind: "none" };
+  if (ctx.isCartesian) {
+    const hit2 = ctx.delegate?.hitTest(x, y);
+    if (!hit2) return { kind: "none" };
+    if (ctx.onClickCb) {
+      return { kind: "callback", datasetId: hit2.datasetId, index: hit2.index ?? 0, label: hit2.label ?? "", value: hit2.value ?? 0, color: hit2.color ?? "" };
+    }
+    return { kind: "toggleDataset", datasetId: hit2.datasetId };
+  }
+  if (ctx.isRect) {
+    const hit2 = ctx.delegate?.hitTest(x, y);
+    if (!hit2) return { kind: "none" };
+    const drilled2 = ctx.delegate?.handleDrilldownClick(hit2);
+    if (drilled2) return { kind: "drilldown" };
+    if (ctx.onClickCb) {
+      return { kind: "callback", datasetId: hit2.datasetId, index: hit2.index ?? 0, label: hit2.label ?? "", value: hit2.value ?? 0, color: hit2.color ?? "" };
+    }
+    return { kind: "none" };
+  }
+  const hit = ctx.delegate?.hitTest(x, y);
+  if (!hit) return { kind: "none" };
+  const drilled = ctx.delegate?.handleDrilldownClick?.(hit);
+  if (drilled) return { kind: "drilldown" };
+  if (ctx.onClickCb) {
+    return { kind: "callback", datasetId: hit.datasetId, index: hit.index ?? 0, label: hit.label ?? "", value: hit.value ?? 0, color: hit.color ?? "" };
+  }
+  return { kind: "toggleItem", datasetId: hit.datasetId, index: hit.index ?? 0 };
+}
+function processLegendClickCore(item, onClickCb, context) {
+  if (onClickCb) {
+    onClickCb({ datasetId: item.datasetId, index: item.index, label: item.label, type: item.type });
+    return { kind: "custom" };
+  }
+  return resolveLegendClickAction(item, context);
+}
+
+export { AUTO_REPOSITIONED_LEGEND_MIN_HEIGHT, buildLayoutInputs, computeCaptionStyle, computeChartArea, computeChartState, computeColorLegendArea, computeContainerStyle, computeEffectiveLegendPosition, computeLegendArea, computeNavigatorArea, computeResetZoomTop, computeThemeDependentFields, computeTitleLayout, computeTitleStyle, detectDatasetTypes, extractFeatureConfigs, processClickCore, processLegendClickCore, processMouseLeaveCore, processMouseMoveCore, resolveReservedLegendHeight };