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

package/dist/{chunk-TAHCOZHF.mjs → chunks/chunk-GN7VQCCH.mjs}

@@ -1,27 +1,26 @@
-import { detectDatasetTypes, processClickCore, processMouseLeaveCore, processMouseMoveCore, computeThemeDependentFields, computeChartState } from './chunk-3IYSJ2U7.mjs';
-import { calculateRingLayouts, buildPieVisibilityMap, applyRingLayout, computeSliceRadiusRatios, buildSliceStyleData, buildRingTarget, buildHitTestStates } from './chunk-ARB5T6MP.mjs';
-import { computeCartesianLayout } from './chunk-WY4AURRE.mjs';
-import { boxAreaToBounds, computeLabelAwareRadius, buildPieDataLabelLayout } from './chunk-4C6EVJ54.mjs';
-import { calculatePieLayout } from './chunk-RBLZRT5K.mjs';
-import { findSliceAtPoint, isFullCircle } from './chunk-LVMDQ4OJ.mjs';
-import { AnimatedScene, resolveAnimatedProps, PIE_ANIMATABLE_PROPS } from './chunk-VN7CKCSE.mjs';
-import { resolveLegendHoverTarget, resolveLegendClickAction } from './chunk-ZT2Z7ERM.mjs';
-import { reconcileSvgChildren } from './chunk-KP2TWD4Z.mjs';
-import { parseAnimationConfig } from './chunk-3WEMHXZI.mjs';
-import { ResizeDebouncer } from './chunk-KVDEROP6.mjs';
-import { processDimensions } from './chunk-YBJ56XJS.mjs';
-import { cancelRaf, raf } from './chunk-EDAKJLNA.mjs';
-import { INACTIVE_STATE, getNavigableDatasets, handleKeyNavigation, generateAnnouncement } from './chunk-JWFBOPM6.mjs';
-import { hoverConfigToFullEffect } from './chunk-BZN2QHGP.mjs';
-import { buildAccessibilityRenderContext, generateSeriesDescription } from './chunk-OGJ6IIBW.mjs';
-import { collectItems } from './chunk-FFMT6OCO.mjs';
-import { normalizeDataLabelConfig, formatDataLabelText } from './chunk-OXTFAWSK.mjs';
-import { formatCompactValue } from './chunk-XTVE4P3L.mjs';
-import { DEFAULT_HOVER_BRIGHTNESS } from './chunk-NKUYIWAP.mjs';
-import { isDrilldownEnabled, getDrilldownRootLabel } from './chunk-WA3OVISZ.mjs';
-import { FIELD_DEFAULTS, resolveAccessor, makeItemContext, getColorValue, resolveSwatchColor, asGradient, getDefaultColor, defaultLightTheme } from './chunk-O2X6FF45.mjs';
-import { createSvgElement } from './chunk-SSLTFJ3U.mjs';
-import { shallowEqual, warnChartDevOnce } from './chunk-RQ3CKQOX.mjs';
+import { detectDatasetTypes, processClickCore, processMouseLeaveCore, processMouseMoveCore, computeThemeDependentFields, computeChartState } from './chunk-AYEAEAOV.mjs';
+import { calculateRingLayouts, buildPieVisibilityMap, applyRingLayout, computeSliceRadiusRatios, buildSliceStyleData, buildRingTarget, buildHitTestStates } from './chunk-SWVOBJLG.mjs';
+import { computeCartesianLayout } from './chunk-P2Q4DYOS.mjs';
+import { boxAreaToBounds, computeLabelAwareRadius, buildPieDataLabelLayout } from './chunk-7I2SAKHL.mjs';
+import { calculatePieLayout } from './chunk-UF2TPGQB.mjs';
+import { findSliceAtPoint, isFullCircle } from './chunk-4S3FOFCN.mjs';
+import { AnimatedScene, resolveAnimatedProps, PIE_ANIMATABLE_PROPS } from './chunk-JS47MSB2.mjs';
+import { resolveLegendHoverTarget, resolveLegendClickAction } from './chunk-AC5EAWIP.mjs';
+import { reconcileSvgChildren } from './chunk-FWNWV3H7.mjs';
+import { parseAnimationConfig } from './chunk-LTQH3LQJ.mjs';
+import { ResizeDebouncer } from './chunk-P563L7WL.mjs';
+import { processDimensions } from './chunk-T2UAEMHY.mjs';
+import { cancelRaf, raf } from './chunk-5WFF272M.mjs';
+import { INACTIVE_STATE, getNavigableDatasets, handleKeyNavigation, generateAnnouncement } from './chunk-4N2XIMAB.mjs';
+import { hoverConfigToFullEffect } from './chunk-F6AGZQDA.mjs';
+import { buildAccessibilityRenderContext, generateSeriesDescription } from './chunk-IFJPDARC.mjs';
+import { collectItems } from './chunk-FRVJH7ZG.mjs';
+import { normalizeDataLabelConfig, formatDataLabelText } from './chunk-J2WHJ73Y.mjs';
+import { DEFAULT_HOVER_BRIGHTNESS } from './chunk-6LUIVTNV.mjs';
+import { FIELD_DEFAULTS, resolveAccessor, makeItemContext, getColorValue, resolveSwatchColor, asGradient, getDefaultColor, defaultLightTheme } from './chunk-BDCNBS6W.mjs';
+import { isDrilldownEnabled, getDrilldownRootLabel } from './chunk-4KQZXAHZ.mjs';
+import { createSvgElement } from './chunk-BF7RP4A3.mjs';
+import { shallowEqual, warnChartDevOnce } from './chunk-K7AGQTVK.mjs';
 import { defineComponent } from '@primeui/core';
 
 // src/controllers/AxisRegistrationController.ts
@@ -1047,7 +1046,7 @@ function snapshotAccumulatedPositions(ctx) {
     if (!ringOrder.has(dsIdx)) ringOrder.set(dsIdx, []);
     ringOrder.get(dsIdx).push(id);
   }
-  for (const el of ctx._scene.getElements()) {
+  for (const el of ctx._scene.elementValues()) {
     if (el.phase !== "exit") continue;
     const dsIdx = parseInt(el.id.split("-")[0]);
     if (!ringOrder.has(dsIdx)) ringOrder.set(dsIdx, []);
@@ -1074,7 +1073,7 @@ function buildSlicesFromScene(ctx) {
     if (!ringOrder.has(dsIdx)) ringOrder.set(dsIdx, []);
     ringOrder.get(dsIdx).push(id);
   }
-  for (const el of ctx._scene.getElements()) {
+  for (const el of ctx._scene.elementValues()) {
     if (el.phase !== "exit") continue;
     const dsIdx = parseInt(el.id.split("-")[0]);
     if (!ringOrder.has(dsIdx)) ringOrder.set(dsIdx, []);
@@ -1621,10 +1620,8 @@ var PieRendererController = class {
             // Renormalized share (0-100) over the visible slices, so the
             // tooltip (auto-percentage + ctx.percentage) tracks legend toggles.
             percentage: ss.percentage,
-            // Default tooltip readout: route the raw value through the shared
-            // compact formatter so a mid-animation tween float (e.g.
-            // 61.31423044588703) renders cleanly ("61.3"), matching axes/labels.
-            formattedValue: formatCompactValue(ss.value),
+            // No pre-formatted value: `buildTooltipContent` formats the raw
+            // (mid-animation tween) value once, locale-aware at two decimals.
             color: ss.color ?? "#000",
             colorGradient: asGradient(colorValue),
             swatchColor: resolveSwatchColor(pieEntry.props, ss.originalIndex, item, this._lastInput?.theme, colorExtras)

package/dist/{chunk-R6Y3R7EW.mjs → chunks/chunk-GOOBVFFH.mjs}

@@ -1,4 +1,4 @@
-import { measureTextWidth } from './chunk-XTVE4P3L.mjs';
+import { measureTextWidth } from './chunk-56MASQS2.mjs';
 
 // src/utils/text/label.utils.ts
 function resolveCollisionAvoidance(options) {

package/dist/chunks/chunk-GSW5OBEG.mjs

@@ -0,0 +1,233 @@
+import { buildPieDataLabelLayout, drawCanvasStraightLeaderLine, drawCanvasLeaderLine, drawCanvasLabelLines } from './chunk-7I2SAKHL.mjs';
+import { computeSliceGeometry } from './chunk-ARVMVGWS.mjs';
+import { drawCanvasArc, CLIP_PIXEL_MARGIN } from './chunk-4S3FOFCN.mjs';
+import { computeLeaderLineHoverEffects, computeSliceHoverEffects } from './chunk-F6AGZQDA.mjs';
+import { createDrawImage } from './chunk-HXDLOOCS.mjs';
+import { safeRenderProp } from './chunk-DIJFKY6H.mjs';
+import { DEFAULT_FALLBACK_COLOR } from './chunk-6LUIVTNV.mjs';
+import { isGradientColor, remapStopsForDonut, createCanvasGradientFromColor, makeItemContext, resolveAccessor, getColor } from './chunk-BDCNBS6W.mjs';
+import { withCanvasState } from './chunk-BF7RP4A3.mjs';
+import { toRad } from './chunk-K7AGQTVK.mjs';
+
+// src/series/pie/canvas/index.ts
+function buildSliceRenderContext(slice, renderInfo, position, geo, theme, chartCenter, fontFamily) {
+  const item = renderInfo.data[slice.originalIndex];
+  const angle = slice.endAngle - slice.rotation;
+  const sliceCtx = makeItemContext(item, slice.originalIndex);
+  const originalValue = Number(resolveAccessor(renderInfo.props.valueField, sliceCtx)) || slice.value;
+  const sliceLabel = String(resolveAccessor(renderInfo.props.categoryField, sliceCtx) ?? "");
+  return {
+    index: slice.originalIndex,
+    data: item,
+    value: originalValue,
+    percentage: slice.percentage,
+    label: sliceLabel,
+    color: slice.color ?? getColor(renderInfo.props, slice.originalIndex, item, theme, { value: originalValue, category: sliceLabel }),
+    center: position,
+    x: position.x,
+    y: position.y,
+    angle: geo.midAngle,
+    isHovered: geo.isHovered,
+    isVisible: angle > 0.1,
+    fontFamily: fontFamily ?? "sans-serif"
+  };
+}
+function renderCanvasDataLabels(ctx, frame, viewportBounds, labelConfig, textColor, datasetPropsMap, hoverConfig, theme, onImageLoad) {
+  const { center, hoverState } = frame;
+  const built = buildPieDataLabelLayout(frame, labelConfig, { width: viewportBounds.width, height: viewportBounds.height }, datasetPropsMap);
+  if (!built) return;
+  const { labelLayout, configsByIndex: labelConfigByIndex, labelSlices: sliceMap } = built;
+  const hasAnyHover = hoverState.index !== null;
+  const drawOptions = {
+    fontSize: labelConfig.fontSize,
+    fontFamily: labelConfig.fontFamily,
+    fontWeight: labelConfig.fontWeight,
+    lineHeight: labelConfig.lineHeight,
+    textOffset: labelConfig.textOffset,
+    centered: labelConfig.lineStyle === "none"
+  };
+  for (const labelItem of labelLayout.labels) {
+    const { index, color: lineColor, side } = labelItem;
+    const slice = sliceMap.get(index);
+    const isSliceHovered = slice ? hoverState.datasetIndex === slice.datasetIndex && hoverState.index === slice.originalIndex : false;
+    const { strokeColor, strokeWidth } = computeLeaderLineHoverEffects(lineColor, isSliceHovered, hasAnyHover, hoverConfig, theme);
+    const absLeaderLine = {
+      x1: center.x + labelItem.leaderLine.x1,
+      y1: center.y + labelItem.leaderLine.y1,
+      x2: center.x + labelItem.leaderLine.x2,
+      y2: center.y + labelItem.leaderLine.y2,
+      x3: center.x + labelItem.leaderLine.x3,
+      y3: center.y + labelItem.leaderLine.y3
+    };
+    if (labelConfig.render) {
+      const originalConfig = labelConfigByIndex.get(index);
+      const textX = center.x + labelItem.x + (side === "right" ? drawOptions.textOffset : -drawOptions.textOffset);
+      const textY = center.y + labelItem.y;
+      let handled = false;
+      withCanvasState(ctx, () => {
+        ctx.translate(textX, textY);
+        const renderContext = {
+          index,
+          value: originalConfig?.value ?? 0,
+          percentage: originalConfig?.percentage ?? 0,
+          formattedText: originalConfig?.text ?? "",
+          label: originalConfig?.label ?? "",
+          // Per-label color override wins over the leader-line/slice color in the custom render context.
+          color: labelItem.textColor ?? textColor ?? lineColor,
+          x: textX,
+          y: textY,
+          side,
+          leaderLine: absLeaderLine,
+          center: { x: center.x, y: center.y },
+          ctx,
+          drawImage: onImageLoad ? createDrawImage(ctx, onImageLoad) : void 0
+        };
+        safeRenderProp(() => labelConfig.render(renderContext), "data label");
+        handled = true;
+      });
+      if (handled) continue;
+    }
+    const lineStrokeColor = labelItem.connectorColor ?? strokeColor;
+    const lineStrokeWidth = labelItem.connectorWidth ?? strokeWidth;
+    if (labelConfig.lineStyle === "straight") {
+      drawCanvasStraightLeaderLine(ctx, labelItem, center.x, center.y, lineStrokeColor, lineStrokeWidth);
+    } else if (labelConfig.lineStyle !== "none") {
+      drawCanvasLeaderLine(ctx, labelItem, center.x, center.y, lineStrokeColor, lineStrokeWidth);
+    }
+    const perLabelDrawOptions = labelItem.fontSize !== void 0 ? { ...drawOptions, fontSize: labelItem.fontSize } : drawOptions;
+    const perLabelTextColor = labelItem.textColor ?? textColor;
+    drawCanvasLabelLines(ctx, labelItem, center.x, center.y, perLabelTextColor, perLabelDrawOptions);
+  }
+}
+function renderCanvasCustomContent(ctx, frame, canvasRenderFns, onImageLoad, theme, fontFamily) {
+  const { slices, center } = frame;
+  for (const slice of slices) {
+    let renderInfo;
+    for (const [, info] of canvasRenderFns) {
+      if (info.datasetIndex === slice.datasetIndex) {
+        renderInfo = info;
+        break;
+      }
+    }
+    if (renderInfo && renderInfo.data[slice.originalIndex]) {
+      const angle = slice.endAngle - slice.rotation;
+      const geo = computeSliceGeometry(slice, slice.rotation, frame);
+      const x = center.x + Math.cos(toRad(geo.midAngle)) * geo.midRadius + geo.offsetX;
+      const y = center.y + Math.sin(toRad(geo.midAngle)) * geo.midRadius + geo.offsetY;
+      const opacity = Math.min(1, angle / 10);
+      const renderContext = buildSliceRenderContext(slice, renderInfo, { x, y }, geo, theme, void 0, fontFamily);
+      if (renderContext.isVisible) {
+        withCanvasState(ctx, () => {
+          ctx.globalAlpha = opacity;
+          ctx.translate(x, y);
+          renderContext.ctx = ctx;
+          renderContext.drawImage = createDrawImage(ctx, onImageLoad);
+          const result = renderInfo.fn(renderContext);
+          if (result && typeof result === "object" && "text" in result) {
+            const { text, style } = result;
+            const ff = style?.fontFamily ?? fontFamily ?? "sans-serif";
+            ctx.font = `${style?.fontWeight ?? "normal"} ${style?.fontSize ?? "12px"} ${ff}`;
+            ctx.fillStyle = style?.fill ?? style?.color ?? "#fff";
+            ctx.textAlign = "center";
+            ctx.textBaseline = "middle";
+            ctx.fillText(text, 0, 0);
+          }
+        });
+      }
+    }
+  }
+}
+function renderCanvasSlices(ctx, frame, hoverConfig, theme) {
+  const { slices, center, fullCircle, hoverState } = frame;
+  const hasAnyHover = hoverState.index !== null;
+  for (const slice of slices) {
+    const angle = slice.endAngle - slice.rotation;
+    if (angle < 1e-3) continue;
+    const geo = computeSliceGeometry(slice, slice.rotation, frame);
+    withCanvasState(ctx, () => {
+      const arcConfig = {
+        rotation: geo.renderRotation,
+        endAngle: geo.renderRotation + geo.renderAngle,
+        outerRadius: geo.sliceOuterRadius,
+        innerRadius: geo.sliceInnerRadius,
+        borderRadius: slice.borderRadius
+      };
+      const cx = center.x + geo.offsetX;
+      const cy = center.y + geo.offsetY;
+      if (geo.scale !== 1) {
+        ctx.translate(cx, cy);
+        ctx.scale(geo.scale, geo.scale);
+        ctx.translate(-cx, -cy);
+      }
+      const { fillColor, opacity } = computeSliceHoverEffects(slice.color ?? DEFAULT_FALLBACK_COLOR, slice.borderColor ?? "transparent", slice.borderStrokeWidth ?? 0, geo.isHovered, hasAnyHover, hoverConfig, theme);
+      if (opacity < 1) {
+        ctx.globalAlpha = opacity;
+      }
+      drawCanvasArc(ctx, cx, cy, arcConfig, fullCircle);
+      const cv = slice.colorValue;
+      if (cv && isGradientColor(cv)) {
+        const gradientColor = geo.sliceInnerRadius > 0 && cv.radialGradient ? { ...cv, stops: remapStopsForDonut(cv.stops, geo.sliceInnerRadius / geo.sliceOuterRadius) } : cv;
+        ctx.fillStyle = createCanvasGradientFromColor(ctx, gradientColor, { x: cx, y: cy }, geo.sliceOuterRadius);
+      } else {
+        ctx.fillStyle = geo.isHovered && slice.hoverColor ? slice.hoverColor : fillColor;
+      }
+      ctx.fill();
+    });
+  }
+  const useInnerBorder = frame.borderAlign === "inner";
+  for (const slice of slices) {
+    const angle = slice.endAngle - slice.rotation;
+    if (angle < 1e-3) continue;
+    const baseBorderWidth = slice.borderStrokeWidth ?? 0;
+    const geo = computeSliceGeometry(slice, slice.rotation, frame);
+    const {
+      borderStrokeWidth,
+      borderColor: computedBorderColor,
+      borderDash: hoverBorderDash,
+      opacity
+    } = computeSliceHoverEffects(slice.color ?? DEFAULT_FALLBACK_COLOR, slice.borderColor ?? "transparent", baseBorderWidth, geo.isHovered, hasAnyHover, hoverConfig, theme);
+    const borderColor = geo.isHovered && slice.hoverBorderColor ? slice.hoverBorderColor : computedBorderColor;
+    if (borderStrokeWidth <= 0 || borderColor === "transparent") continue;
+    withCanvasState(ctx, () => {
+      const arcConfig = {
+        rotation: geo.renderRotation,
+        endAngle: geo.renderRotation + geo.renderAngle,
+        outerRadius: geo.sliceOuterRadius,
+        innerRadius: geo.sliceInnerRadius,
+        borderRadius: slice.borderRadius
+      };
+      const cx = center.x + geo.offsetX;
+      const cy = center.y + geo.offsetY;
+      if (opacity < 1) {
+        ctx.globalAlpha = opacity;
+      }
+      if (borderStrokeWidth > 0 && borderColor !== "transparent") {
+        ctx.strokeStyle = borderColor;
+        ctx.lineJoin = useInnerBorder ? "miter" : "round";
+        const activeDash = hoverBorderDash ?? slice.borderDash;
+        if (activeDash && activeDash.length > 0) {
+          ctx.setLineDash(activeDash);
+          ctx.lineDashOffset = slice.borderDashOffset ?? 0;
+        }
+        if (useInnerBorder) {
+          const PIXEL_MARGIN = CLIP_PIXEL_MARGIN;
+          const angleDelta = arcConfig.outerRadius > 0 ? PIXEL_MARGIN / arcConfig.outerRadius * (180 / Math.PI) : 0;
+          const expandedArc = {
+            ...arcConfig,
+            rotation: arcConfig.rotation - angleDelta,
+            endAngle: arcConfig.endAngle + angleDelta
+          };
+          drawCanvasArc(ctx, cx, cy, expandedArc, fullCircle);
+          ctx.clip();
+          ctx.lineWidth = borderStrokeWidth * 2;
+        } else {
+          ctx.lineWidth = borderStrokeWidth;
+        }
+        drawCanvasArc(ctx, cx, cy, arcConfig, fullCircle);
+        ctx.stroke();
+      }
+    });
+  }
+}
+
+export { renderCanvasCustomContent, renderCanvasDataLabels, renderCanvasSlices };

package/dist/{chunk-22ST6YPP.mjs → chunks/chunk-GTX6MLTG.mjs}

@@ -1,6 +1,6 @@
-import { DEFAULT_LABEL_SPACING } from './chunk-NKUYIWAP.mjs';
-import { batchResolveAccessor } from './chunk-O2X6FF45.mjs';
-import { TICK_INTERVALS, intervalSpanMs, toTimestamp, floorToUnit, calculateNiceDomain, generateNiceTicks } from './chunk-RQ3CKQOX.mjs';
+import { DEFAULT_LABEL_SPACING } from './chunk-6LUIVTNV.mjs';
+import { batchResolveAccessor } from './chunk-BDCNBS6W.mjs';
+import { TICK_INTERVALS, intervalSpanMs, toTimestamp, floorToUnit, calculateNiceDomain, generateNiceTicks } from './chunk-K7AGQTVK.mjs';
 
 // src/utils/data/time/grouping.ts
 function buildOrdinalTimeMapping(timestamps) {
@@ -42,7 +42,7 @@ function groupTimeData(data, categoryAccessor, valueAccessor, interval, method)
       bucket = { timestamp: bucketKey, values: [], firstItem: item };
       buckets.set(bucketKey, bucket);
     }
-    const val = Number(item[valueAccessor]);
+    const val = valueAccessor !== void 0 ? Number(item[valueAccessor]) : NaN;
     if (!isNaN(val)) {
       bucket.values.push(val);
     }
@@ -53,7 +53,7 @@ function groupTimeData(data, categoryAccessor, valueAccessor, interval, method)
     result.push({
       ...bucket.firstItem,
       [categoryAccessor]: new Date(bucket.timestamp),
-      [valueAccessor]: aggregated
+      ...valueAccessor !== void 0 ? { [valueAccessor]: aggregated } : {}
     });
   }
   result.sort((a, b) => toTimestamp(a[categoryAccessor]) - toTimestamp(b[categoryAccessor]));
@@ -237,7 +237,7 @@ function computeVisibleValues(series, xMin, xMax) {
   return result;
 }
 function expandScatterBubblePadding(params) {
-  const { scatterDatasets, valueDomains, scatterXDomains, firstValueAxisId, firstCategoryAxisId, chartArea, isLogValueAxis, isLogCategoryAxis } = params;
+  const { scatterDatasets, valueDomains, valueXDomains, firstValueAxisId, firstCategoryAxisId, chartArea, isLogValueAxis, isLogCategoryAxis } = params;
   const expandLog = ([lo, hi], r, axisLen) => {
     if (lo <= 0 || hi <= 0 || axisLen <= 0 || axisLen <= 2 * r) return [lo, hi];
     const logSpan = Math.log10(hi) - Math.log10(lo);
@@ -261,14 +261,14 @@ function expandScatterBubblePadding(params) {
     maxRadiusByYAxis.set(targetYAxisId, Math.max(maxRadiusByYAxis.get(targetYAxisId) ?? 0, maxRadius));
   }
   for (const [axisId, r] of maxRadiusByXAxis) {
-    const xDomain = scatterXDomains.get(axisId);
+    const xDomain = valueXDomains.get(axisId);
     if (!xDomain || chartArea.width <= 0) continue;
     if (isLogCategoryAxis?.(axisId)) {
-      scatterXDomains.set(axisId, expandLog(xDomain, r, chartArea.width));
+      valueXDomains.set(axisId, expandLog(xDomain, r, chartArea.width));
     } else if (chartArea.width > 2 * r) {
       const xRange = xDomain[1] - xDomain[0];
       const xPadding = r * xRange / (chartArea.width - 2 * r);
-      scatterXDomains.set(axisId, [xDomain[0] - xPadding, xDomain[1] + xPadding]);
+      valueXDomains.set(axisId, [xDomain[0] - xPadding, xDomain[1] + xPadding]);
     }
   }
   for (const [axisId, r] of maxRadiusByYAxis) {

package/dist/{chunk-XUAASRXW.mjs → chunks/chunk-GWHRTGGC.mjs}

@@ -1,20 +1,21 @@
-import { scatterHitTest } from './chunk-LKC7MZKK.mjs';
-import { collectScatterMarkerOverlays } from './chunk-X4D7FKUS.mjs';
-import { registerDatasetLayers, triggerCompositorRepaint } from './chunk-Q6PPVIHU.mjs';
-import { resolveScatterLabels } from './chunk-66T4MRC5.mjs';
-import { renderResolvedLabels } from './chunk-QQBXUDM4.mjs';
-import { AnimatedScene, resolveAnimatedProps, SCATTER_ANIMATABLE_PROPS } from './chunk-VN7CKCSE.mjs';
-import { calculateScatterLayout } from './chunk-DTWTCFRG.mjs';
-import { reconcileSvgChildren } from './chunk-KP2TWD4Z.mjs';
-import { parseAnimationConfig } from './chunk-3WEMHXZI.mjs';
-import { raf, cancelRaf } from './chunk-EDAKJLNA.mjs';
-import { buildAccessibilityRenderContext, generateSeriesDescription } from './chunk-OGJ6IIBW.mjs';
-import { collectItems } from './chunk-FFMT6OCO.mjs';
-import { SCATTER_BOOST_AUTO_THRESHOLD, DEFAULT_HOVER_DIM_OPACITY, DEFAULT_HOVER_BRIGHTNESS, SCATTER_SPATIAL_INDEX_THRESHOLD, DEFAULT_FALLBACK_COLOR } from './chunk-NKUYIWAP.mjs';
-import { ScatterDecimator } from './chunk-OWW3K55O.mjs';
-import { buildQuadtree } from './chunk-C36VWQ7A.mjs';
-import { defaultLightTheme } from './chunk-O2X6FF45.mjs';
-import { materializeSvgNode, setAttr, createSvgGroup } from './chunk-SSLTFJ3U.mjs';
+import { scatterHitTest } from './chunk-XECVYJE2.mjs';
+import { collectScatterMarkerOverlays } from './chunk-UZWWYKL7.mjs';
+import { registerDatasetLayers, triggerCompositorRepaint } from './chunk-MT3OLVZC.mjs';
+import { renderResolvedLabels } from './chunk-G3DYNMWT.mjs';
+import { resolveScatterLabels } from './chunk-7IKKWWRT.mjs';
+import { AnimatedScene, resolveAnimatedProps, SCATTER_ANIMATABLE_PROPS } from './chunk-JS47MSB2.mjs';
+import { calculateScatterLayout } from './chunk-5EQSFUBA.mjs';
+import { reconcileSvgChildren } from './chunk-FWNWV3H7.mjs';
+import { parseAnimationConfig } from './chunk-LTQH3LQJ.mjs';
+import { raf, cancelRaf } from './chunk-5WFF272M.mjs';
+import { buildAccessibilityRenderContext, generateSeriesDescription } from './chunk-IFJPDARC.mjs';
+import { collectItems } from './chunk-FRVJH7ZG.mjs';
+import { SCATTER_BOOST_AUTO_THRESHOLD, DEFAULT_HOVER_DIM_OPACITY, DEFAULT_HOVER_BRIGHTNESS, SCATTER_SPATIAL_INDEX_THRESHOLD, DEFAULT_FALLBACK_COLOR } from './chunk-6LUIVTNV.mjs';
+import { defaultLightTheme, buildColorIndexMap } from './chunk-BDCNBS6W.mjs';
+import { ScatterDecimator } from './chunk-RIAPS5AW.mjs';
+import { buildQuadtree } from './chunk-KMKULH54.mjs';
+import { resolveCartesianAccessors } from './chunk-G3DIMENH.mjs';
+import { materializeSvgNode, setAttr, createSvgGroup } from './chunk-BF7RP4A3.mjs';
 
 // src/series/scatter/controller/index.ts
 function scatterHoverInteraction(base, dsId, hover) {
@@ -119,12 +120,15 @@ var ScatterRendererController = class {
     if (decimationConfig && rawDatasets.length > 0) {
       const zoomX = orientation === "vertical" ? zoomState?.x : zoomState?.y;
       const zoomY = orientation === "vertical" ? zoomState?.y : zoomState?.x;
-      this.scatterDatasets = this.decimator.apply(rawDatasets, decimationConfig, zoomX, zoomY);
+      this.scatterDatasets = this.decimator.apply(rawDatasets, decimationConfig, zoomX, zoomY, {
+        width: input.chartArea.width,
+        height: input.chartArea.height
+      });
     } else {
       this.scatterDatasets = rawDatasets;
     }
-    const hasScales = !!input.scatterXScales && !!input.valueScales && input.valueScales.size > 0;
-    if ((this.scatterDatasets.length === 0 || !hasScales) && this._scene.getElements().length === 0) {
+    const hasScales = (!!input.valueXScales || !!input.categoryScale) && !!input.valueScales && input.valueScales.size > 0;
+    if ((this.scatterDatasets.length === 0 || !hasScales) && this._scene.elementCount === 0) {
       this.layoutCache.clear();
       this.renderPropsCache.clear();
       this.renderLayouts.clear();
@@ -133,6 +137,7 @@ var ScatterRendererController = class {
       this._cancelRaf();
       this._scene.reset();
       this._lastFingerprint = "";
+      compositor?.removeLayersByPrefix("scatter:");
       if (input.renderer === "svg" && this.svgGroup) {
         while (this.svgGroup.firstChild) this.svgGroup.removeChild(this.svgGroup.firstChild);
       }
@@ -149,7 +154,7 @@ var ScatterRendererController = class {
     if (input.renderer === "canvas" && compositor) {
       compositor.removeLayersByPrefix?.("scatter:");
       const liveIds = /* @__PURE__ */ new Set();
-      for (const el of this._scene.getElements()) liveIds.add(el.current.datasetId);
+      for (const el of this._scene.elementValues()) liveIds.add(el.current.datasetId);
       for (const sd of visibleDatasets) liveIds.add(sd.id);
       registerDatasetLayers(
         compositor,
@@ -177,7 +182,7 @@ var ScatterRendererController = class {
         const { allIdle } = this._scene.tick(now);
         this._renderSceneFrame();
         if (allIdle && this.lastInput?.renderer === "canvas" && this.lastInput.compositor) {
-          const liveIds = new Set(Array.from(this._scene.getElements()).map((el) => el.current.datasetId));
+          const liveIds = new Set(Array.from(this._scene.elementValues()).map((el) => el.current.datasetId));
           this.lastInput.compositor.removeLayersByPrefix?.("scatter:");
           registerDatasetLayers(
             this.lastInput.compositor,
@@ -212,7 +217,7 @@ var ScatterRendererController = class {
     if (!this.lastInput || this.renderLayouts.size === 0) return;
     if (this.allBoostActive()) return;
     if (valueScales) this.lastInput.valueScales = valueScales;
-    if (valueXScales) this.lastInput.scatterXScales = valueXScales;
+    if (valueXScales) this.lastInput.valueXScales = valueXScales;
     const visibleDatasets = this.scatterDatasets.filter((d) => d.visible);
     this._updateCachesAndLayout(visibleDatasets, this.lastInput);
     if (this._animRafId !== null) return;
@@ -380,7 +385,7 @@ var ScatterRendererController = class {
    * Mirrors Heatmap's scene-derived render path but at dataset granularity.
    */
   _rebuildRenderLayouts() {
-    const elements = Array.from(this._scene.getElements()).sort((a, b) => (a.current.stackOrder ?? 0) - (b.current.stackOrder ?? 0));
+    const elements = Array.from(this._scene.elementValues()).sort((a, b) => (a.current.stackOrder ?? 0) - (b.current.stackOrder ?? 0));
     const newRenderLayouts = /* @__PURE__ */ new Map();
     const newActiveProps = /* @__PURE__ */ new Map();
     for (const el of elements) {
@@ -413,21 +418,24 @@ var ScatterRendererController = class {
     const newLayoutCache = /* @__PURE__ */ new Map();
     const newRenderPropsCache = /* @__PURE__ */ new Map();
     const sortedVisible = [...visibleDatasets].sort((a, b) => (input.datasets.get(a.id)?.order ?? 0) - (input.datasets.get(b.id)?.order ?? 0));
+    const colorIndexById = buildColorIndexMap(input.datasets);
     let dsIdx = 0;
     for (const sd of sortedVisible) {
       const props = sd.props;
+      const acc = resolveCartesianAccessors(props);
       const targetXAxisId = props.xAxisId ?? input.firstCategoryAxisId;
       const targetYAxisId = props.yAxisId ?? input.firstValueAxisId;
-      const xScale = input.scatterXScales?.get(targetXAxisId);
+      const xScale = acc.independentIsCategory ? input.categoryScale : input.valueXScales?.get(targetXAxisId);
       const sharedValueScale = input.valueScales?.values().next().value;
       const yScale = input.valueScales?.get(targetYAxisId) ?? sharedValueScale;
       if (!xScale || !yScale) continue;
       const baseLayout = calculateScatterLayout(props, input.chartArea, {
         xScale,
         yScale,
-        stackBases: input.scatterStackBasesMap?.get(sd.id)
+        stackBases: input.scatterStackBasesMap?.get(sd.id),
+        orientation: input.orientation
       });
-      const layout = { ...baseLayout, datasetIndex: dsIdx++ };
+      const layout = { ...baseLayout, datasetIndex: dsIdx++, colorIndex: colorIndexById.get(sd.id) ?? 0 };
       newLayoutCache.set(sd.id, layout);
       newRenderPropsCache.set(sd.id, this.buildRenderProps(sd, input));
     }

package/dist/{chunk-TQ6S34QZ.mjs → chunks/chunk-GXCLRRE5.mjs}

@@ -1,9 +1,9 @@
-import { getHeatmapLabelInfo, resolveLabelMidToAlpha } from './chunk-3Z62EUJN.mjs';
-import { createDrawImage } from './chunk-7CMVDIOU.mjs';
-import { 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 { withCanvasState, adjustBrightness } from './chunk-SSLTFJ3U.mjs';
+import { getHeatmapLabelInfo, resolveLabelMidToAlpha } from './chunk-DKWZKYHF.mjs';
+import { createDrawImage } from './chunk-HXDLOOCS.mjs';
+import { 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 { withCanvasState, adjustBrightness } from './chunk-BF7RP4A3.mjs';
 
 // src/series/heatmap/canvas/index.ts
 function makeCellExtras(props, cell) {

package/dist/{chunk-DP2IZNN3.mjs → chunks/chunk-HHBFQ6AI.mjs}

@@ -1,4 +1,5 @@
-import { toTimestamp } from './chunk-RQ3CKQOX.mjs';
+import { formatTooltipValue } from './chunk-56MASQS2.mjs';
+import { toTimestamp } from './chunk-K7AGQTVK.mjs';
 
 // src/cartesian/hittest.ts
 function resolveValueAxisId(barProps, layoutData) {
@@ -15,7 +16,7 @@ function resolveValueAxisFormat(barProps, orientation, layoutData) {
 }
 function formatHitValue(value, barProps, orientation, layoutData) {
   const tickFmt = resolveValueAxisFormat(barProps, orientation, layoutData);
-  return tickFmt ? tickFmt(value) : String(value);
+  return tickFmt ? tickFmt(value) : formatTooltipValue(value);
 }
 function formatCursorValue(cursorX, cursorY, barProps, orientation, layoutData) {
   if (!layoutData) return "";
@@ -26,7 +27,7 @@ function formatCursorValue(cursorX, cursorY, barProps, orientation, layoutData)
   const cursorValue = valueScale.invert(cursorPixel);
   const tickFmt = resolveValueAxisFormat(barProps, orientation, layoutData);
   const rounded = Math.round(cursorValue);
-  return tickFmt ? tickFmt(rounded) : String(rounded);
+  return tickFmt ? tickFmt(rounded) : formatTooltipValue(rounded);
 }
 var TOOLTIP_DATE_FORMAT = {
   weekday: "long",

package/dist/{chunk-3OZLP4I4.mjs → chunks/chunk-HWT6UEYE.mjs}

@@ -1,14 +1,17 @@
-import { renderCandlestickSvg } from './chunk-CINXJIRR.mjs';
-import { renderCandlestickCanvas } from './chunk-FHTC2YDB.mjs';
-import { DEFAULT_CANDLESTICK_WICK_WIDTH } from './chunk-NKUYIWAP.mjs';
-import { FIELD_DEFAULTS, batchResolveAccessor, resolveAccessor, makeItemContext, resolveDash } from './chunk-O2X6FF45.mjs';
+import { renderCandlestickSvg } from './chunk-ISU27QL2.mjs';
+import { renderCandlestickCanvas } from './chunk-SVASYTK5.mjs';
+import { DEFAULT_CANDLESTICK_WICK_WIDTH } from './chunk-6LUIVTNV.mjs';
+import { FIELD_DEFAULTS, batchResolveAccessor, resolveAccessor, makeItemContext, resolveDash } from './chunk-BDCNBS6W.mjs';
+import { resolveCartesianAccessors } from './chunk-G3DIMENH.mjs';
 
 // src/series/candlestick/geometry.ts
 var DEFAULT_BAR_WIDTH_RATIO = 0.7;
 function calculateCandlestickLayout(props, chartArea, config, theme) {
+  const acc = resolveCartesianAccessors(props);
+  const time = acc.independentField;
+  const horizontal = acc.orientation === "horizontal";
   const {
     data,
-    timeField: time,
     openField: openAcc = FIELD_DEFAULTS.openField,
     highField: highAcc = FIELD_DEFAULTS.highField,
     lowField: lowAcc = FIELD_DEFAULTS.lowField,
@@ -80,7 +83,7 @@ function calculateCandlestickLayout(props, chartArea, config, theme) {
     const useClass = perCandleColor === void 0 && directionUserColor === void 0 && directionUserBorder === void 0 && borderColor === void 0 ? effectiveDirection : null;
     const left = cx - bodyWidth / 2;
     const right = cx + bodyWidth / 2;
-    const visible = right >= chartArea.x && left <= chartArea.x + chartArea.width && highY <= chartArea.y + chartArea.height && lowY >= chartArea.y;
+    const visible = horizontal ? right >= chartArea.y && left <= chartArea.y + chartArea.height && Math.max(highY, lowY) >= chartArea.x && Math.min(highY, lowY) <= chartArea.x + chartArea.width : right >= chartArea.x && left <= chartArea.x + chartArea.width && highY <= chartArea.y + chartArea.height && lowY >= chartArea.y;
     const candleCtx = makeItemContext(data[i], i, { value: c, category: label, ...seriesExtras });
     const wickStrokeWidth = resolveAccessor(wickStrokeWidthProp, candleCtx, { arrayMode: "clip", fallback: DEFAULT_CANDLESTICK_WICK_WIDTH }) ?? DEFAULT_CANDLESTICK_WICK_WIDTH;
     const candleBorderDash = resolveDash(borderDashProp, candleCtx);
@@ -109,6 +112,7 @@ function calculateCandlestickLayout(props, chartArea, config, theme) {
       borderDash: candleBorderDash,
       borderDashOffset: candleBorderDashOffset,
       useClass,
+      orientation: horizontal ? "horizontal" : "vertical",
       visible
     });
   }
@@ -146,9 +150,8 @@ function calculateCandlestickLayout(props, chartArea, config, theme) {
 function hitTestCandlestick(x, y, layout) {
   for (const candle of layout.visibleCandles) {
     const halfBody = candle.bodyWidth / 2;
-    if (Math.abs(x - candle.x) <= halfBody && y >= candle.wickTop && y <= candle.wickBottom) {
-      return candle.dataIndex;
-    }
+    const hit = candle.orientation === "horizontal" ? Math.abs(y - candle.x) <= halfBody && x >= Math.min(candle.wickTop, candle.wickBottom) && x <= Math.max(candle.wickTop, candle.wickBottom) : Math.abs(x - candle.x) <= halfBody && y >= candle.wickTop && y <= candle.wickBottom;
+    if (hit) return candle.dataIndex;
   }
   return null;
 }
@@ -177,7 +180,8 @@ var candlestickRenderer = {
     return hitTestCandlestick(x, y, layout);
   },
   getAxisHints(props, data) {
-    const categoryLabels = batchResolveAccessor(props.timeField, data);
+    const independentField = resolveCartesianAccessors(props).independentField;
+    const categoryLabels = batchResolveAccessor(independentField, data);
     const highVals = batchResolveAccessor(props.highField ?? FIELD_DEFAULTS.highField, data);
     const lowVals = batchResolveAccessor(props.lowField ?? FIELD_DEFAULTS.lowField, data);
     return {

package/dist/{chunk-X7T34OLW.mjs → chunks/chunk-I25SSZE3.mjs}

@@ -1,6 +1,6 @@
-import { computeBarRenderStates, traceRoundedRect, tracePartialBorder } from './chunk-AUF4CHDP.mjs';
-import { isGradientColor, createCanvasGradientFromColor } from './chunk-O2X6FF45.mjs';
-import { readCssNumber, withCanvasState } from './chunk-SSLTFJ3U.mjs';
+import { computeBarRenderStates, traceRoundedRect, tracePartialBorder } from './chunk-DJOHDKTP.mjs';
+import { isGradientColor, createCanvasGradientFromColor } from './chunk-BDCNBS6W.mjs';
+import { readCssNumber, withCanvasState } from './chunk-BF7RP4A3.mjs';
 
 // src/series/bar/canvas/index.ts
 function createCanvasPathBuilder(ctx) {