@primeui/chart-core 0.0.1-alpha.1 → 1.0.0-rc.1

package/dist/{chunk-KVDEROP6.mjs → chunks/chunk-P563L7WL.mjs}

@@ -1,4 +1,4 @@
-import { raf, cancelRaf } from './chunk-EDAKJLNA.mjs';
+import { raf, cancelRaf } from './chunk-5WFF272M.mjs';
 
 // src/utils/layout/resize.utils.ts
 var ResizeDebouncer = class {

package/dist/{chunk-SDBPQ5CF.mjs → chunks/chunk-PJLFNUOW.mjs}

@@ -1,19 +1,19 @@
-import { buildHeatmapFingerprint } from './chunk-SANZPAJ4.mjs';
-import { renderCanvasHeatmapContent } from './chunk-TQ6S34QZ.mjs';
-import { calculateHeatmapLayout, hitTestHeatmap } from './chunk-3Z62EUJN.mjs';
-import { triggerCompositorRepaint } from './chunk-Q6PPVIHU.mjs';
-import { renderAxisCanvas, calculateAxisLayout, calculateAxisSpace } from './chunk-ZTL2FQEW.mjs';
-import { AnimatedScene, resolveAnimatedProps, HEATMAP_ANIMATABLE_PROPS } from './chunk-VN7CKCSE.mjs';
-import { reconcileSvgChildren } from './chunk-KP2TWD4Z.mjs';
-import { parseAnimationConfig } from './chunk-3WEMHXZI.mjs';
-import { getResponsiveTier, getAdaptiveDefaults, getAdaptiveTickCount } from './chunk-YBJ56XJS.mjs';
-import { raf, cancelRaf } from './chunk-EDAKJLNA.mjs';
-import { buildAccessibilityRenderContext, generateSeriesDescription } from './chunk-OGJ6IIBW.mjs';
-import { collectItems } from './chunk-FFMT6OCO.mjs';
-import { DEFAULT_HOVER_BRIGHTNESS } from './chunk-NKUYIWAP.mjs';
-import { FIELD_DEFAULTS, batchResolveRequired } from './chunk-O2X6FF45.mjs';
-import { materializeSvgNode, setAttr } from './chunk-SSLTFJ3U.mjs';
-import { createBandScale } from './chunk-RQ3CKQOX.mjs';
+import { buildHeatmapFingerprint } from './chunk-SFUDXJKO.mjs';
+import { renderCanvasHeatmapContent } from './chunk-GXCLRRE5.mjs';
+import { calculateHeatmapLayout, hitTestHeatmap } from './chunk-DKWZKYHF.mjs';
+import { triggerCompositorRepaint } from './chunk-MT3OLVZC.mjs';
+import { renderAxisCanvas, calculateAxisLayout, calculateAxisSpace } from './chunk-AETETRB4.mjs';
+import { AnimatedScene, resolveAnimatedProps, HEATMAP_ANIMATABLE_PROPS } from './chunk-JS47MSB2.mjs';
+import { reconcileSvgChildren } from './chunk-FWNWV3H7.mjs';
+import { parseAnimationConfig } from './chunk-LTQH3LQJ.mjs';
+import { getResponsiveTier, getAdaptiveDefaults, getAdaptiveTickCount } from './chunk-T2UAEMHY.mjs';
+import { raf, cancelRaf } from './chunk-5WFF272M.mjs';
+import { buildAccessibilityRenderContext, generateSeriesDescription } from './chunk-IFJPDARC.mjs';
+import { collectItems } from './chunk-FRVJH7ZG.mjs';
+import { DEFAULT_HOVER_BRIGHTNESS } from './chunk-6LUIVTNV.mjs';
+import { FIELD_DEFAULTS, batchResolveRequired } from './chunk-BDCNBS6W.mjs';
+import { materializeSvgNode, setAttr } from './chunk-BF7RP4A3.mjs';
+import { createBandScale } from './chunk-K7AGQTVK.mjs';
 
 // src/series/heatmap/controller/index.ts
 function uniqueValues(values) {
@@ -99,28 +99,21 @@ var HeatmapRendererController = class {
     const sortedDatasets = Array.from(datasets.entries()).sort(([, a], [, b]) => a.order - b.order);
     this.heatmapDatasets = collectItems(sortedDatasets, datasetVisibility).heatmap;
     if (this.heatmapDatasets.length === 0) {
-      this._cancelRaf();
-      this._scene.reset();
-      this._lastFingerprint = "";
-      this._scaleResult = null;
-      this._axisLayouts = /* @__PURE__ */ new Map();
-      this._layoutResult = null;
-      this.layoutCache.clear();
+      this._resetToEmpty();
       return;
     }
     const hd0 = this.heatmapDatasets[0];
-    const xField = hd0.props.columnField ?? FIELD_DEFAULTS.columnField;
-    const yField = hd0.props.rowField ?? FIELD_DEFAULTS.rowField;
-    const xCategories = uniqueValues(batchResolveRequired(xField, hd0.props.data, "columnField"));
-    const yCategories = uniqueValues(batchResolveRequired(yField, hd0.props.data, "rowField"));
+    const xField = hd0.props.categoryXField ?? FIELD_DEFAULTS.columnField;
+    const yField = hd0.props.categoryYField ?? FIELD_DEFAULTS.rowField;
+    const xCategories = uniqueValues(batchResolveRequired(xField, hd0.props.data, "categoryXField"));
+    const yCategories = uniqueValues(batchResolveRequired(yField, hd0.props.data, "categoryYField"));
     const { xScale, yScale, layouts: axLayouts, adjustedArea } = this.computeAxes(axes, xCategories, yCategories, chartArea, width, globalFont, locale);
     this._scaleResult = { xScale, yScale, xCategories, yCategories };
     this._axisLayouts = axLayouts;
     this._adjustedArea = adjustedArea;
     const visibleDatasets = this.heatmapDatasets.filter((d) => d.visible);
     if (visibleDatasets.length === 0) {
-      this._layoutResult = null;
-      this.layoutCache.clear();
+      this._resetToEmpty();
       return;
     }
     const cellLayouts = /* @__PURE__ */ new Map();
@@ -267,6 +260,28 @@ var HeatmapRendererController = class {
   get layouts() {
     return this.layoutCache;
   }
+  /**
+   * Reset all state to empty and clear the SVG cell group. Used when no heatmap
+   * datasets are registered OR all are toggled off via the legend. Emptying
+   * `_axisLayouts` makes the composable's renderHeatmapAxesSvg call clear the
+   * grid/axis groups, and resetting `_lastFingerprint` re-arms the entrance fade
+   * for when data returns. Mirrors the bar/scatter "returning-from-empty" reset
+   * so the now-ungated (always-mounted) group leaves nothing stale behind.
+   */
+  _resetToEmpty() {
+    this._cancelRaf();
+    this._scene.reset();
+    this._lastFingerprint = "";
+    this._scaleResult = null;
+    this._axisLayouts = /* @__PURE__ */ new Map();
+    this._layoutResult = null;
+    this.layoutCache.clear();
+    this.lastRenderedLayout = null;
+    this.lastInput?.compositor?.removeLayersByPrefix("heatmap:");
+    if (this.svgGroup) {
+      while (this.svgGroup.firstChild) this.svgGroup.removeChild(this.svgGroup.firstChild);
+    }
+  }
   destroy() {
     this._cancelRaf();
     this._scene.reset();
@@ -403,7 +418,7 @@ var HeatmapRendererController = class {
       cellIndexByDataset.set(datasetId, idx);
     }
     const cellsByDataset = /* @__PURE__ */ new Map();
-    for (const el of this._scene.getElements()) {
+    for (const el of this._scene.elementValues()) {
       const s = el.current;
       const targetCell = cellIndexByDataset.get(s.datasetId)?.get(`${s.row}|${s.col}`);
       if (!targetCell) continue;

package/dist/{chunk-MTGMXRNF.mjs → chunks/chunk-PSDRVQSK.mjs}

@@ -1,10 +1,10 @@
-import { getHeatmapLabelInfo, resolveLabelMidToAlpha } from './chunk-3Z62EUJN.mjs';
-import { renderAxisSvg } from './chunk-ZTL2FQEW.mjs';
-import { SVG_ELEMENT_CEILING_WARNING, resolveFontFamily, DEFAULT_HOVER_DIM_OPACITY, DEFAULT_HOVER_BRIGHTNESS } from './chunk-NKUYIWAP.mjs';
-import { getContrastColor } from './chunk-QS76E3TD.mjs';
-import { resolveAccessor, makeItemContext, resolveDash } from './chunk-O2X6FF45.mjs';
-import { createSvgGroup, adjustBrightness, createSvgRect, setAttr, appendChild, createSvgText, materializeSvgGroup } from './chunk-SSLTFJ3U.mjs';
-import { warnChartDevOnce } from './chunk-RQ3CKQOX.mjs';
+import { getHeatmapLabelInfo, resolveLabelMidToAlpha } from './chunk-DKWZKYHF.mjs';
+import { renderAxisSvg } from './chunk-AETETRB4.mjs';
+import { SVG_ELEMENT_CEILING_WARNING, resolveFontFamily, DEFAULT_HOVER_DIM_OPACITY, DEFAULT_HOVER_BRIGHTNESS } from './chunk-6LUIVTNV.mjs';
+import { getContrastColor } from './chunk-RI32WIDX.mjs';
+import { resolveAccessor, makeItemContext, resolveDash } from './chunk-BDCNBS6W.mjs';
+import { createSvgGroup, adjustBrightness, createSvgRect, setAttr, appendChild, createSvgText, materializeSvgGroup } from './chunk-BF7RP4A3.mjs';
+import { warnChartDevOnce } from './chunk-K7AGQTVK.mjs';
 
 // src/series/heatmap/svg/index.ts
 function makeCellExtras(props, cell) {

package/dist/{chunk-6STOLMCA.mjs → chunks/chunk-QCBESCLG.mjs}

@@ -1,12 +1,12 @@
-import { DEFAULT_MARKER_SHAPE } from './chunk-AP3UYWYT.mjs';
-import { isBoostActive } from './chunk-DTWTCFRG.mjs';
-import { MARKER_SHAPE_NAMES, buildMarkerShapePath, renderMarkerShapeSvg } from './chunk-PRDVPOZX.mjs';
-import { computeItemHoverState, applyHoverEffects, resolveSvgHoverFill } from './chunk-BZN2QHGP.mjs';
-import { formatPointDescription } from './chunk-OGJ6IIBW.mjs';
-import { DEFAULT_HOVER_DIM_OPACITY, SCATTER_SVG_CEILING_WARNING, DEFAULT_SCATTER_FILL_OPACITY, DEFAULT_HOVER_POINT_RADIUS_MULTIPLIER, DEFAULT_SCATTER_BORDER_WIDTH } from './chunk-NKUYIWAP.mjs';
-import { getPrimaryColor, makeItemContext, isGradientColor, createSvgGradientFromColor, resolveAccessor, resolveDash } from './chunk-O2X6FF45.mjs';
-import { createSvgGroup, createSvgDefs, svgClass, appendChild, createSvgPath, setAttr } from './chunk-SSLTFJ3U.mjs';
-import { warnChartDevOnce } from './chunk-RQ3CKQOX.mjs';
+import { DEFAULT_MARKER_SHAPE } from './chunk-SPU6BO3B.mjs';
+import { isBoostActive } from './chunk-5EQSFUBA.mjs';
+import { MARKER_SHAPE_NAMES, buildMarkerShapePath, renderMarkerShapeSvg } from './chunk-QIYJUZ7I.mjs';
+import { computeItemHoverState, applyHoverEffects, resolveSvgHoverFill } from './chunk-F6AGZQDA.mjs';
+import { formatPointDescription } from './chunk-IFJPDARC.mjs';
+import { DEFAULT_HOVER_DIM_OPACITY, SCATTER_SVG_CEILING_WARNING, DEFAULT_SCATTER_FILL_OPACITY, DEFAULT_HOVER_POINT_RADIUS_MULTIPLIER, DEFAULT_SCATTER_BORDER_WIDTH } from './chunk-6LUIVTNV.mjs';
+import { getPrimaryColor, makeItemContext, isGradientColor, createSvgGradientFromColor, resolveAccessor, resolveDash } from './chunk-BDCNBS6W.mjs';
+import { createSvgGroup, createSvgDefs, svgClass, appendChild, createSvgPath, setAttr } from './chunk-BF7RP4A3.mjs';
+import { warnChartDevOnce } from './chunk-K7AGQTVK.mjs';
 
 // src/series/scatter/svg/index.ts
 function renderScatterSvg(props, layout, context) {
@@ -28,7 +28,8 @@ function renderScatterSvg(props, layout, context) {
   const resolveMarkerShape = (i, size, value, category) => resolveAccessor(props.markerShape, makeItemContext(scatterDataArr[i], i, { size, value, category, ...seriesExtras }), { arrayMode: "clip" }) ?? DEFAULT_MARKER_SHAPE;
   const resolvePointOpacity = (ctx) => resolveAccessor(props.opacity, ctx, { arrayMode: "clip" });
   const seriesIdx = layout.seriesIdx;
-  const colorClassN = `p-chart-color-${seriesIdx % 10}`;
+  const colorIndex = layout.colorIndex;
+  const colorClassN = `p-chart-color-${colorIndex % 14}`;
   const hoveredIndex = boostActive ? null : props.interaction?.hoveredIndex ?? null;
   const anyHovered = hoveredIndex !== null;
   const a11y = context.accessibility;
@@ -59,7 +60,7 @@ function renderScatterSvg(props, layout, context) {
     const first = layout.visiblePoints[0];
     const seriesShape = resolveMarkerShape(first.dataIndex, first.radius, first.yValue, String(first.xValue));
     if (MARKER_SHAPE_NAMES.has(seriesShape)) {
-      const themedSeriesColor = context.theme.series[seriesIdx % context.theme.series.length];
+      const themedSeriesColor = context.theme.series[colorIndex % context.theme.series.length];
       const CLASS_KEY = "__class__";
       const batches = /* @__PURE__ */ new Map();
       for (const pt of layout.visiblePoints) {
@@ -141,7 +142,7 @@ function renderScatterSvg(props, layout, context) {
     const { fill: ovFillAttr, overridden: fillOverridden } = resolveSvgHoverFill(fillAttr, isHovered, hoverBgOverride);
     fillAttr = ovFillAttr;
     const markerCls = svgClass("p-chart-marker", `p-chart-series-${seriesIdx}`, fillAttr === void 0 && colorClassN, isHovered && !fillOverridden && "p-chart-point-hover", isInactive && "p-chart-point-inactive");
-    const themedSeriesColor = context.theme.series[seriesIdx % context.theme.series.length];
+    const themedSeriesColor = context.theme.series[colorIndex % context.theme.series.length];
     const strokeStr = strokeColor === void 0 ? void 0 : strokeColor;
     const useInlineStroke = fillAttr === void 0 && baseBorderColorShared !== void 0 && strokeStr !== void 0;
     const markerAttrs = {

package/dist/{chunk-PRDVPOZX.mjs → chunks/chunk-QIYJUZ7I.mjs}

@@ -1,4 +1,4 @@
-import { withCanvasState, createSvgCircle, createSvgPath, createSvgRect } from './chunk-SSLTFJ3U.mjs';
+import { withCanvasState, createSvgCircle, createSvgPath, createSvgRect } from './chunk-BF7RP4A3.mjs';
 
 // src/renderers/marker.utils.ts
 var MARKER_SHAPE_NAMES = /* @__PURE__ */ new Set(["circle", "square", "triangle", "cross", "star"]);
@@ -51,7 +51,7 @@ function buildMarkerShapePath(shape, cx, cy, size) {
   }
 }
 function drawMarkerCanvas(ctx, opts) {
-  const { x, y, size, shape, fillStyle, strokeStyle, lineStrokeWidth, opacity, fillOpacity, rotation, lineDash, lineDashOffset, lineJoin } = opts;
+  const { x, y, size, shape, fillStyle, strokeStyle, lineStrokeWidth, opacity, fillOpacity, rotation, lineDash, lineDashOffset, lineJoin, brightnessOverlay } = opts;
   withCanvasState(ctx, () => {
     ctx.translate(x, y);
     if (rotation) ctx.rotate(rotation * Math.PI / 180);
@@ -60,6 +60,11 @@ function drawMarkerCanvas(ctx, opts) {
     ctx.fillStyle = fillStyle;
     ctx.globalAlpha = opacity * (fillOpacity ?? 1);
     ctx.fill();
+    if (brightnessOverlay && brightnessOverlay > 0) {
+      ctx.fillStyle = "#ffffff";
+      ctx.globalAlpha = brightnessOverlay * opacity;
+      ctx.fill();
+    }
     if (lineStrokeWidth > 0) {
       ctx.globalAlpha = opacity;
       ctx.strokeStyle = strokeStyle;

package/dist/{chunk-UPRXABX5.mjs → chunks/chunk-RH3OQ2VX.mjs}

@@ -1,9 +1,9 @@
-import { BASELINE_TO_CANVAS } from './chunk-66T4MRC5.mjs';
-import { formatDataLabelText } from './chunk-OXTFAWSK.mjs';
-import { svgAnchorToCanvasAlign } from './chunk-XTVE4P3L.mjs';
-import { DEFAULT_LABEL_SPACING } from './chunk-NKUYIWAP.mjs';
-import { makeItemContext, resolveAccessor } from './chunk-O2X6FF45.mjs';
-import { toRad } from './chunk-RQ3CKQOX.mjs';
+import { BASELINE_TO_CANVAS } from './chunk-7IKKWWRT.mjs';
+import { formatDataLabelText } from './chunk-J2WHJ73Y.mjs';
+import { svgAnchorToCanvasAlign } from './chunk-56MASQS2.mjs';
+import { DEFAULT_LABEL_SPACING } from './chunk-6LUIVTNV.mjs';
+import { makeItemContext, resolveAccessor } from './chunk-BDCNBS6W.mjs';
+import { toRad } from './chunk-K7AGQTVK.mjs';
 
 // src/radial/label.ts
 function resolvePolarLabels(bars, datasetTotal, center, config, data) {

package/dist/{chunk-QS76E3TD.mjs → chunks/chunk-RI32WIDX.mjs}

@@ -1,5 +1,5 @@
-import { isGradientColor } from './chunk-O2X6FF45.mjs';
-import { parseColorToRGB, parseHexColor, parseColorToRGBA } from './chunk-SSLTFJ3U.mjs';
+import { isGradientColor } from './chunk-BDCNBS6W.mjs';
+import { parseColorToRGB, parseHexColor, parseColorToRGBA } from './chunk-BF7RP4A3.mjs';
 
 // src/utils/color/luminance.ts
 function calculateLuminanceFromRGB(r, g, b) {

package/dist/{chunk-OWW3K55O.mjs → chunks/chunk-RIAPS5AW.mjs}

@@ -1,4 +1,4 @@
-import { FIELD_DEFAULTS } from './chunk-O2X6FF45.mjs';
+import { resolveCartesianAccessors } from './chunk-G3DIMENH.mjs';
 
 // src/utils/specialized/exportMenu.utils.ts
 var EXPORT_MENU_CONSTANTS = {
@@ -283,6 +283,36 @@ function decimateKMeans(xValues, yValues, targetCount) {
   }
   return result;
 }
+function decimatePixelSkip(xValues, yValues, domainX, domainY, plotWidth, plotHeight, minDistance) {
+  const n = xValues.length;
+  const md = minDistance > 0 ? minDistance : 1;
+  const spanX = domainX.max - domainX.min || 1;
+  const spanY = domainY.max - domainY.min || 1;
+  const cellX = md * spanX / (plotWidth || md) || 1;
+  const cellY = md * spanY / (plotHeight || md) || 1;
+  const seen = /* @__PURE__ */ new Set();
+  const result = [];
+  for (let i = 0; i < n; i++) {
+    const cx = Math.floor(xValues[i] / cellX);
+    const cy = Math.floor(yValues[i] / cellY);
+    const key = cx + "," + cy;
+    if (!seen.has(key)) {
+      seen.add(key);
+      result.push(i);
+    }
+  }
+  return result;
+}
+function extentOf(values) {
+  if (values.length === 0) return { min: 0, max: 1 };
+  let min = Infinity;
+  let max = -Infinity;
+  for (let i = 0; i < values.length; i++) {
+    if (values[i] < min) min = values[i];
+    if (values[i] > max) max = values[i];
+  }
+  return { min, max };
+}
 var DEFAULT_SAMPLES = 500;
 function decimate(yValues, config, xValues) {
   const samples = config.samples ?? DEFAULT_SAMPLES;
@@ -308,16 +338,20 @@ var ScatterDecimator = class {
    * Apply viewport-aware decimation to scatter datasets.
    * Returns a new array with the same shape as `datasets`, with `props.data` replaced where decimated.
    */
-  apply(datasets, config, zoomX, zoomY) {
+  apply(datasets, config, zoomX, zoomY, plot) {
     const samples = config.samples ?? DEFAULT_SAMPLES;
     const threshold = config.threshold ?? samples;
+    const plotW = plot?.width && plot.width > 0 ? plot.width : 800;
+    const plotH = plot?.height && plot.height > 0 ? plot.height : 600;
+    const minDistance = Math.sqrt(plotW * plotH / Math.max(1, samples));
     const activeDataRefs = /* @__PURE__ */ new Set();
     const result = datasets.map((sd) => {
       const originalData = sd.props.data ?? [];
       if (originalData.length <= threshold && !zoomX && !zoomY) return sd;
       activeDataRefs.add(originalData);
-      const xField = String(sd.props.xField ?? FIELD_DEFAULTS.xField);
-      const yField = String(sd.props.yField ?? FIELD_DEFAULTS.yField);
+      const acc = resolveCartesianAccessors(sd.props);
+      const xField = String(acc.independentField ?? "");
+      const yField = String(acc.measureField ?? "");
       let visibleData = originalData;
       if (zoomX || zoomY) {
         visibleData = originalData.filter((row) => {
@@ -336,8 +370,16 @@ var ScatterDecimator = class {
       }
       const xVals = visibleData.map((r) => r[xField]);
       const yVals = visibleData.map((r) => r[yField]);
-      const decimated = decimateKMeans(xVals, yVals, samples);
-      const decimatedData = decimated.map((pt) => ({ [xField]: pt.x, [yField]: pt.y }));
+      const domainX = zoomX ?? extentOf(xVals);
+      const domainY = zoomY ?? extentOf(yVals);
+      let keep = decimatePixelSkip(xVals, yVals, domainX, domainY, plotW, plotH, minDistance);
+      if (keep.length > samples) {
+        const step = keep.length / samples;
+        const capped = new Array(samples);
+        for (let i = 0; i < samples; i++) capped[i] = keep[Math.floor(i * step)];
+        keep = capped;
+      }
+      const decimatedData = keep.map((i) => visibleData[i]);
       this.cache.set(originalData, { samples, viewportKey: vpKey, result: decimatedData });
       return { ...sd, props: { ...sd.props, data: decimatedData } };
     });
@@ -348,4 +390,4 @@ var ScatterDecimator = class {
   }
 };
 
-export { DEFAULT_EXPORT_MENU_ITEMS, DEFAULT_EXPORT_MENU_PROPS, EXPORT_MENU_CONSTANTS, EXPORT_MENU_LABELS, HAMBURGER_ICON_PATH, ScatterDecimator, decimate, decimateKMeans, decimateLTTB, decimateMinMax, estimateExportMenuHeight, filterExportMenuItems, getExportAction, isExportMenuSeparator, resolveExportMenuPlacement, resolveExportMenuProps };
+export { DEFAULT_EXPORT_MENU_ITEMS, DEFAULT_EXPORT_MENU_PROPS, EXPORT_MENU_CONSTANTS, EXPORT_MENU_LABELS, HAMBURGER_ICON_PATH, ScatterDecimator, decimate, decimateKMeans, decimateLTTB, decimateMinMax, decimatePixelSkip, estimateExportMenuHeight, filterExportMenuItems, getExportAction, isExportMenuSeparator, resolveExportMenuPlacement, resolveExportMenuProps };

package/dist/{chunk-ERVQB2VZ.mjs → chunks/chunk-RJ3ZOZTS.mjs}

@@ -1,6 +1,6 @@
-import { drawCanvasArc } from './chunk-LVMDQ4OJ.mjs';
-import { getDefaultColor, createCanvasGradientFromColor } from './chunk-O2X6FF45.mjs';
-import { adjustBrightness, withCanvasState } from './chunk-SSLTFJ3U.mjs';
+import { drawCanvasArc } from './chunk-4S3FOFCN.mjs';
+import { getDefaultColor, createCanvasGradientFromColor } from './chunk-BDCNBS6W.mjs';
+import { adjustBrightness, withCanvasState } from './chunk-BF7RP4A3.mjs';
 
 // src/series/polar/canvas/index.ts
 function renderPolarBarsCanvas(ctx, layout, hoverState, effectConfig, theme) {
@@ -12,7 +12,7 @@ function renderPolarBarsCanvas(ctx, layout, hoverState, effectConfig, theme) {
     const isSeriesHover = sharedAxisIdx === null && hoverState.datasetId !== null && hoverState.index == null;
     const isHovered = sharedAxisIdx !== null ? bar.categoryIndex === sharedAxisIdx : isSeriesHover ? hoverState.datasetId === bar.datasetId : hoverState.datasetId === bar.datasetId && hoverState.index === bar.categoryIndex;
     const gradColor = layout.gradientColors.get(bar.datasetId);
-    const baseColor = bar.color ?? getDefaultColor(bar.seriesIdx, theme);
+    const baseColor = bar.color ?? getDefaultColor(bar.colorIndex, theme);
     let fillColor = baseColor;
     let opacity = bar.opacity ?? 1;
     if (anyHover) {

package/dist/{chunk-WFTX4AQJ.mjs → chunks/chunk-RKNL7UWZ.mjs}

@@ -1,5 +1,7 @@
-import { formatTimeLabel, formatHitValue, formatCursorValue } from './chunk-DP2IZNN3.mjs';
-import { getColor, resolveSwatchColor, asGradient } from './chunk-O2X6FF45.mjs';
+import { formatTimeLabel, formatHitValue, formatCursorValue } from './chunk-HHBFQ6AI.mjs';
+import { formatTooltipValue } from './chunk-56MASQS2.mjs';
+import { getColor, resolveSwatchColor, asGradient } from './chunk-BDCNBS6W.mjs';
+import { resolveCartesianAccessors } from './chunk-G3DIMENH.mjs';
 
 // src/cartesian/hittest-wrappers/line.ts
 function lineHitTest(x, y, ctx) {
@@ -10,7 +12,8 @@ function lineHitTest(x, y, ctx) {
     if (hitIndex !== null) {
       const pt = lineLayout.visiblePoints.find((p) => p.dataIndex === hitIndex);
       if (!pt) continue;
-      const color = getColor({ color: lineLayout.lineColor }, lineLayout.seriesIdx, void 0, ctx.theme);
+      const color = getColor({ color: lineLayout.lineColor }, lineLayout.colorIndex, void 0, ctx.theme);
+      const acc = resolveCartesianAccessors(props);
       const rawLabel = pt.category ?? String(hitIndex);
       const label = formatTimeLabel(String(rawLabel), ctx.layoutData);
       return {
@@ -22,7 +25,16 @@ function lineHitTest(x, y, ctx) {
         y: pt.y,
         color,
         colorGradient: asGradient(lineLayout.lineColor),
-        swatchColor: resolveSwatchColor({ color: lineLayout.lineColor }, lineLayout.seriesIdx, void 0, ctx.theme)
+        swatchColor: resolveSwatchColor({ color: lineLayout.lineColor }, lineLayout.colorIndex, void 0, ctx.theme),
+        independentIsCategory: acc.independentIsCategory,
+        // Numeric-x line → xy tooltip (x/y values + axis-title labels). Category/time
+        // line keeps the classical category header + value (no xValue/yValue set).
+        ...acc.independentIsCategory ? {} : {
+          xValue: pt.category != null ? Number(pt.category) : hitIndex,
+          yValue: pt.value ?? 0,
+          xAxisTitle: ctx.layoutData?.xAxisLayout?.title?.text,
+          yAxisTitle: ctx.layoutData?.yAxisLayout?.title?.text
+        }
       };
     }
   }
@@ -63,14 +75,14 @@ function lineFindAllNearest(x, y, ctx) {
       }
     }
     if (!pt || nearestXDist > halfStep) continue;
-    const color = getColor({ color: layout.lineColor }, layout.seriesIdx, void 0, ctx.theme);
+    const color = getColor({ color: layout.lineColor }, layout.colorIndex, void 0, ctx.theme);
     const colorGradient = asGradient(layout.lineColor);
-    const swatchColor = resolveSwatchColor({ color: layout.lineColor }, layout.seriesIdx, void 0, ctx.theme);
+    const swatchColor = resolveSwatchColor({ color: layout.lineColor }, layout.colorIndex, void 0, ctx.theme);
     const value = pt.value ?? 0;
     const rawLabel = pt.category ?? String(pt.dataIndex);
     const label = formatTimeLabel(String(rawLabel), layoutData);
     const lineProps = renderPropsCache.get(datasetId);
-    const formattedValue = lineProps ? formatHitValue(value, lineProps, "vertical", layoutData) : String(value);
+    const formattedValue = lineProps ? formatHitValue(value, lineProps, "vertical", layoutData) : formatTooltipValue(value);
     const cursorFormattedValue = lineProps ? formatCursorValue(x, y, lineProps, "vertical", layoutData) : formattedValue;
     const name = lineProps?.name;
     allSeries.push({ datasetId, name, label, color, colorGradient, swatchColor, value, formattedValue, cursorFormattedValue, snapPixel: pt.y });

package/dist/chunks/chunk-RLS3GMJ6.mjs

@@ -0,0 +1,8 @@
+// src/cartesian/band.utils.ts
+function bandCenter(scale, category, index) {
+  const left = scale(category);
+  const bw = index != null && scale.bandwidthAt ? scale.bandwidthAt(index) : scale.bandwidth();
+  return left + bw / 2;
+}
+
+export { bandCenter };

package/dist/{chunk-WRULPWHD.mjs → chunks/chunk-RVTEIKW5.mjs}

@@ -1,4 +1,4 @@
-import { createLinearScale } from './chunk-RQ3CKQOX.mjs';
+import { createLinearScale } from './chunk-K7AGQTVK.mjs';
 
 // src/utils/zoom/calculations.ts
 function resolveLimit(limit, originalValue) {
@@ -114,9 +114,9 @@ function buildZoomScales(layoutData, zoomState) {
   const isVertical = layoutData.orientation === "vertical";
   const timeScale = layoutData.sharedTimeScale;
   const firstValueScale = layoutData.valueScales.values().next().value;
-  const scatterXScale = layoutData.scatterXScales?.values().next().value;
+  const valueXScale = layoutData.valueXScales?.values().next().value;
   let categoryIndexScale;
-  if (!timeScale && !scatterXScale) {
+  if (!timeScale && !valueXScale) {
     const origDomain = isVertical ? layoutData.originalDomains?.x : layoutData.originalDomains?.y;
     const catRange = isVertical ? [layoutData.cartesianArea.x, layoutData.cartesianArea.x + layoutData.cartesianArea.width] : [layoutData.cartesianArea.y, layoutData.cartesianArea.y + layoutData.cartesianArea.height];
     if (origDomain) {
@@ -134,8 +134,8 @@ function buildZoomScales(layoutData, zoomState) {
       }
     }
   }
-  const xScale = isVertical ? timeScale ?? scatterXScale ?? categoryIndexScale ?? void 0 : firstValueScale;
-  const yScale = isVertical ? firstValueScale : timeScale ?? scatterXScale ?? categoryIndexScale ?? void 0;
+  const xScale = isVertical ? timeScale ?? valueXScale ?? categoryIndexScale ?? void 0 : firstValueScale;
+  const yScale = isVertical ? firstValueScale : timeScale ?? valueXScale ?? categoryIndexScale ?? void 0;
   return { x: xScale, y: yScale };
 }