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

package/dist/{chunk-PLSDU3C2.mjs → chunks/chunk-RXQ22JQS.mjs}

@@ -1,19 +1,20 @@
-import { resolveRadarLabels } from './chunk-UPRXABX5.mjs';
-import { resolveSharedRadialGrid } from './chunk-TA4MVAEX.mjs';
-import { calculateRadarLayout, hitTestRadar } from './chunk-A6ZQZFL2.mjs';
-import { renderResolvedLabels } from './chunk-QQBXUDM4.mjs';
-import { AnimatedScene, resolveAnimatedProps, RADAR_ANIMATABLE_PROPS } from './chunk-VN7CKCSE.mjs';
-import { renderCustomMarkersCanvas } from './chunk-ZT2Z7ERM.mjs';
-import { reconcileSvgChildren } from './chunk-KP2TWD4Z.mjs';
-import { parseAnimationConfig } from './chunk-3WEMHXZI.mjs';
-import { cancelRaf, raf } from './chunk-EDAKJLNA.mjs';
-import { buildAccessibilityRenderContext, generateSeriesDescription } from './chunk-OGJ6IIBW.mjs';
-import { collectItems } from './chunk-FFMT6OCO.mjs';
-import { DEFAULT_HOVER_DIM_OPACITY, DEFAULT_HOVER_BRIGHTNESS } from './chunk-NKUYIWAP.mjs';
-import { interpolateRadialGrid } from './chunk-WH3C3Y7P.mjs';
-import { makeItemContext, defaultLightTheme, resolveSwatchColor, getPrimaryColor, getDefaultColor, FIELD_DEFAULTS } from './chunk-O2X6FF45.mjs';
-import { setAttr, createSvgGroup, materializeSvgNode } from './chunk-SSLTFJ3U.mjs';
-import { calculateNiceDomain } from './chunk-RQ3CKQOX.mjs';
+import { resolveSharedRadialGrid } from './chunk-CFA2SUBF.mjs';
+import { resolveRadarLabels } from './chunk-RH3OQ2VX.mjs';
+import { calculateRadarLayout, hitTestRadar } from './chunk-NUHW3U7G.mjs';
+import { renderResolvedLabels } from './chunk-G3DYNMWT.mjs';
+import { AnimatedScene, resolveAnimatedProps, RADAR_ANIMATABLE_PROPS } from './chunk-JS47MSB2.mjs';
+import { renderCustomMarkersCanvas } from './chunk-AC5EAWIP.mjs';
+import { reconcileSvgChildren } from './chunk-FWNWV3H7.mjs';
+import { parseAnimationConfig } from './chunk-LTQH3LQJ.mjs';
+import { cancelRaf, raf } from './chunk-5WFF272M.mjs';
+import { buildAccessibilityRenderContext, generateSeriesDescription } from './chunk-IFJPDARC.mjs';
+import { collectItems } from './chunk-FRVJH7ZG.mjs';
+import { resolveRadialAccessors } from './chunk-6MAO6I3E.mjs';
+import { DEFAULT_HOVER_DIM_OPACITY, DEFAULT_HOVER_BRIGHTNESS } from './chunk-6LUIVTNV.mjs';
+import { makeItemContext, defaultLightTheme, resolveSwatchColor, getPrimaryColor, getDefaultColor, FIELD_DEFAULTS } from './chunk-BDCNBS6W.mjs';
+import { interpolateRadialGrid } from './chunk-CKQ4DNNJ.mjs';
+import { setAttr, createSvgGroup, materializeSvgNode } from './chunk-BF7RP4A3.mjs';
+import { calculateNiceDomain } from './chunk-K7AGQTVK.mjs';
 
 // src/series/radar/controller/helpers.ts
 function buildRadarFingerprint(layout, entries) {
@@ -82,7 +83,7 @@ function buildRadarSvgChildren(ctx, layout, entries, input) {
       const ds = entries[si];
       if (!sd.visible || !ds) continue;
       const dsTotal = sd.points.reduce((sum, pt) => sum + Math.abs(pt.value), 0);
-      const labels = resolveRadarLabels(sd.points, layout.categories, sd.color ?? getDefaultColor(sd.seriesIdx, input.theme), dsTotal, layout.center, lc, ds.props.data);
+      const labels = resolveRadarLabels(sd.points, layout.categories, sd.color ?? getDefaultColor(sd.colorIndex, input.theme), dsTotal, layout.center, lc, ds.props.data);
       const labelNode = createSvgGroup();
       renderResolvedLabels(labels, lc, { renderer: "svg", svgGroup: labelNode, theme: input.theme });
       setAttr(labelNode, "data-layer", `labels-${sd.id}`);
@@ -115,7 +116,7 @@ function renderCanvasContent(ctx, c2d) {
       renderMarker: renderMarkerFn,
       visiblePoints: sd.points.map((pt, pi) => ({ x: pt.x, y: pt.y, dataIndex: pi, value: pt.value, category: layout.categories[pt.categoryIndex] })),
       data: ds.props.data,
-      color: sd.color ?? getDefaultColor(sd.seriesIdx, ctx.lastInput?.theme ?? defaultLightTheme),
+      color: sd.color ?? getDefaultColor(sd.colorIndex, ctx.lastInput?.theme ?? defaultLightTheme),
       markerSize: typeof mergedProps.markerSize === "number" ? mergedProps.markerSize : 4,
       effects: { dimOpacity: ctx.effectConfig.dimOpacity }
     });
@@ -130,7 +131,7 @@ function renderCanvasContent(ctx, c2d) {
       const ds = ctx._entries[si];
       if (!sd.visible || !ds) continue;
       const dsTotal = sd.points.reduce((sum, pt) => sum + Math.abs(pt.value), 0);
-      const labels = resolveRadarLabels(sd.points, layout.categories, sd.color ?? getDefaultColor(sd.seriesIdx, ctx.lastInput?.theme ?? defaultLightTheme), dsTotal, layout.center, lc, ds.props.data);
+      const labels = resolveRadarLabels(sd.points, layout.categories, sd.color ?? getDefaultColor(sd.colorIndex, ctx.lastInput?.theme ?? defaultLightTheme), dsTotal, layout.center, lc, ds.props.data);
       renderResolvedLabels(labels, lc, { renderer: "canvas", ctx: c2d, theme: ctx.lastInput?.theme ?? defaultLightTheme });
     }
   }
@@ -155,7 +156,7 @@ function fullReset(ctx) {
   ctx._propertyOverrides.clear();
 }
 function runAllHidden(ctx, features) {
-  const liveCount = ctx._scene.getElements().length;
+  const liveCount = ctx._scene.elementCount;
   const hasFades = ctx._seriesFades.size > 0;
   if (liveCount === 0 && !hasFades) {
     ctx._layout = null;
@@ -211,7 +212,7 @@ function runAllHidden(ctx, features) {
     startAnimLoop(ctx);
   } else {
     ctx._scene.tick(performance.now());
-    if (ctx._scene.getElements().length === 0) {
+    if (ctx._scene.elementCount === 0) {
       ctx._layout = null;
       setMarkerData(ctx, null);
     }
@@ -261,7 +262,7 @@ function currentGridDomain(ctx) {
 function buildLayoutFromScene(ctx, now) {
   if (!ctx._layout) return null;
   const elementsBySeries = /* @__PURE__ */ new Map();
-  for (const el of ctx._scene.getElements()) {
+  for (const el of ctx._scene.elementValues()) {
     const s = el.current;
     const list = elementsBySeries.get(s.seriesId);
     if (list) list.push(s);
@@ -392,7 +393,7 @@ function buildPerAxisDomains(entries, yAxes) {
       if (!ds.visible) continue;
       if (ds.props.yAxisId !== axisId) continue;
       const data = ds.props.data;
-      const valueField = ds.props.valueField ?? FIELD_DEFAULTS.valueField;
+      const valueField = resolveRadialAccessors(ds.props).radialField ?? FIELD_DEFAULTS.valueField;
       if (!data || !valueField) continue;
       for (let i = 0; i < data.length; i++) {
         const item = data[i];
@@ -428,8 +429,8 @@ function buildPerSpokeDomains(entries, yAxes, categories, isStacked) {
     for (const ds of entries) {
       if (!ds.visible) continue;
       const data = ds.props.data;
-      const valueField = ds.props.valueField ?? FIELD_DEFAULTS.valueField;
-      const categoryField = ds.props.categoryField ?? FIELD_DEFAULTS.categoryField;
+      const valueField = resolveRadialAccessors(ds.props).radialField ?? FIELD_DEFAULTS.valueField;
+      const categoryField = resolveRadialAccessors(ds.props).angularField ?? FIELD_DEFAULTS.categoryField;
       if (!data || !valueField || !categoryField) continue;
       for (let i = 0; i < data.length; i++) {
         const item = data[i];
@@ -446,8 +447,8 @@ function buildPerSpokeDomains(entries, yAxes, categories, isStacked) {
     for (const ds of entries) {
       if (!ds.visible) continue;
       const data = ds.props.data;
-      const valueField = ds.props.valueField ?? FIELD_DEFAULTS.valueField;
-      const categoryField = ds.props.categoryField ?? FIELD_DEFAULTS.categoryField;
+      const valueField = resolveRadialAccessors(ds.props).radialField ?? FIELD_DEFAULTS.valueField;
+      const categoryField = resolveRadialAccessors(ds.props).angularField ?? FIELD_DEFAULTS.categoryField;
       if (!data || !valueField || !categoryField) continue;
       for (let i = 0; i < data.length; i++) {
         const item = data[i];
@@ -564,16 +565,22 @@ var RadarRendererController = class {
   update(input) {
     this.lastInput = input;
     this.svgGroup = input.svgGroup ?? null;
-    const { datasets, datasetVisibility, chartArea, features, globalFont, sharedContext, yAxes } = input;
+    const { datasets, datasetVisibility, chartArea, features, globalFont, sharedContext, xAxes, yAxes } = input;
     this._hasRadarDatasets = Array.from(datasets.values()).some((ds) => ds.type === "radar");
     if (!this._hasRadarDatasets) {
       this._fullReset();
+      if (input.renderer === "svg" && this.svgGroup) {
+        while (this.svgGroup.firstChild) this.svgGroup.removeChild(this.svgGroup.firstChild);
+      }
       return;
     }
     const sortedDatasets = Array.from(datasets.entries()).sort(([, a], [, b]) => a.order - b.order);
     const radarEntries = collectItems(sortedDatasets, datasetVisibility).radar;
     if (radarEntries.length === 0) {
       this._fullReset();
+      if (input.renderer === "svg" && this.svgGroup) {
+        while (this.svgGroup.firstChild) this.svgGroup.removeChild(this.svgGroup.firstChild);
+      }
       return;
     }
     this._entries = radarEntries;
@@ -587,7 +594,7 @@ var RadarRendererController = class {
       new Set(
         radarEntries.flatMap((ds) => {
           const data = ds.props.data;
-          const cf = ds.props.categoryField;
+          const cf = resolveRadialAccessors(ds.props).angularField;
           if (!data || !cf) return [];
           return data.map((item, i) => typeof cf === "function" ? cf(makeItemContext(item, i)) : item[cf]);
         })
@@ -606,9 +613,11 @@ var RadarRendererController = class {
         if (lp.y != null) referenceBoundaryValues.push(lp.y);
       }
     }
+    const defaultXAxis = xAxes ? Array.from(xAxes.values())[0] : void 0;
+    const xAxisProps = defaultXAxis?.props;
     const defaultYAxis = yAxes ? Array.from(yAxes.values()).find((a) => !a.props.category) : void 0;
     const yAxisProps = defaultYAxis?.props;
-    const baseLayout = calculateRadarLayout(radarEntries, chartArea, globalFont, sharedContext?.categories, sharedContext?.domain, perAxisDomains, referenceBoundaryValues, perSpokeDomains, yAxisProps?.tickCount);
+    const baseLayout = calculateRadarLayout(radarEntries, chartArea, globalFont, sharedContext?.categories, sharedContext?.domain, perAxisDomains, referenceBoundaryValues, perSpokeDomains, yAxisProps?.tickCount, xAxisProps?.showLabels !== false);
     if (yAxisProps) {
       const g = baseLayout.grid;
       if (yAxisProps.gridShape) g.shape = yAxisProps.gridShape;
@@ -628,7 +637,10 @@ var RadarRendererController = class {
     const fingerprint = buildRadarFingerprint(targetLayout, radarEntries);
     const dataChanged = fingerprint !== this._lastFingerprint;
     const shouldAnimate = animEnabled && duration > 0 && dataChanged;
-    if (!dataChanged) return;
+    if (!dataChanged) {
+      if (input.renderer === "canvas") input.requestRedraw?.();
+      return;
+    }
     if (this._animRafId !== null) {
       cancelRaf(this._animRafId);
       this._animRafId = null;
@@ -727,9 +739,24 @@ var RadarRendererController = class {
       this.lastInput.requestRedraw?.();
     }
   }
+  /**
+   * Authoritative per-series visibility for hit-testing. The layout's
+   * `sd.visible` is unreliable here: it is forced `true` during a series'
+   * exit fade (so the renderer keeps drawing the fading polygon), and
+   * `_layout` goes stale on the all-hidden path (`_runAllHidden` keeps the
+   * previous layout shell). A toggled-off series can therefore linger with
+   * `visible: true`. The registered entry's `visible` is the real legend
+   * state — fall back to the layout flag only when no entry matches.
+   * Mirrors `buildRadarFingerprint`'s `dsEntry?.visible ?? sd.visible`.
+   */
+  _isEntryVisible(sd) {
+    const entry = this._entries.find((e) => e.id === sd.id);
+    return entry ? entry.visible : sd.visible;
+  }
   hitTest(x, y) {
     if (!this._layout) return null;
-    return hitTestRadar(x, y, this._layout, this.lastInput?.theme ?? defaultLightTheme);
+    const gated = { ...this._layout, series: this._layout.series.filter((sd) => this._isEntryVisible(sd)) };
+    return hitTestRadar(x, y, gated, this.lastInput?.theme ?? defaultLightTheme);
   }
   /**
    * Shared-mode lookup: snap to the nearest spoke (categoryIndex) by angle and
@@ -752,19 +779,20 @@ var RadarRendererController = class {
     let primary = null;
     let bestDist = Infinity;
     for (const sd of layout.series) {
-      if (!sd.visible) continue;
+      if (!this._isEntryVisible(sd)) continue;
       const pt = sd.points.find((p) => p.categoryIndex === categoryIndex);
       if (!pt) continue;
       allSeries.push({
         datasetId: sd.id,
         name: sd.name,
         label,
-        color: sd.color ?? (sd.gradientColor ? getPrimaryColor(sd.gradientColor) : getDefaultColor(sd.seriesIdx, this.lastInput?.theme ?? defaultLightTheme)),
+        color: sd.color ?? (sd.gradientColor ? getPrimaryColor(sd.gradientColor) : getDefaultColor(sd.colorIndex, this.lastInput?.theme ?? defaultLightTheme)),
         colorGradient: sd.gradientColor,
-        swatchColor: resolveSwatchColor({ color: sd.color ?? sd.gradientColor }, sd.seriesIdx, void 0, this.lastInput?.theme),
+        swatchColor: resolveSwatchColor({ color: sd.color ?? sd.gradientColor }, sd.colorIndex, void 0, this.lastInput?.theme),
         value: pt.value,
-        formattedValue: String(pt.value),
-        cursorFormattedValue: String(pt.value),
+        // No pre-formatted value: the HTML tooltip formats the raw value via
+        // `buildTooltipContent` (locale-aware, 2dp). Radar has no crosshair, so
+        // `cursorFormattedValue` is unused.
         snapPixel: Math.sqrt((pt.x - layout.center.x) ** 2 + (pt.y - layout.center.y) ** 2)
       });
       const d = Math.sqrt((pt.x - x) ** 2 + (pt.y - y) ** 2);
@@ -775,9 +803,9 @@ var RadarRendererController = class {
           index: categoryIndex,
           label,
           value: pt.value,
-          color: sd.color ?? (sd.gradientColor ? getPrimaryColor(sd.gradientColor) : getDefaultColor(sd.seriesIdx, this.lastInput?.theme ?? defaultLightTheme)),
+          color: sd.color ?? (sd.gradientColor ? getPrimaryColor(sd.gradientColor) : getDefaultColor(sd.colorIndex, this.lastInput?.theme ?? defaultLightTheme)),
           colorGradient: sd.gradientColor,
-          swatchColor: resolveSwatchColor({ color: sd.color ?? sd.gradientColor }, sd.seriesIdx, void 0, this.lastInput?.theme)
+          swatchColor: resolveSwatchColor({ color: sd.color ?? sd.gradientColor }, sd.colorIndex, void 0, this.lastInput?.theme)
         };
       }
     }

package/dist/{chunk-FHTC2YDB.mjs → chunks/chunk-SVASYTK5.mjs}

@@ -1,7 +1,8 @@
-import { traceRoundedRect } from './chunk-CHW4RKY3.mjs';
-import { resolveBorderRadius, clampRectBorderRadius, hasBorderRadius } from './chunk-VGLSBZDN.mjs';
-import { DEFAULT_HOVER_DIM_OPACITY } from './chunk-NKUYIWAP.mjs';
-import { resolveAccessor, makeItemContext } from './chunk-O2X6FF45.mjs';
+import { traceRoundedRect } from './chunk-576P5DBH.mjs';
+import { clampRectBorderRadius, resolveBorderRadius, hasBorderRadius } from './chunk-F2E2QCZM.mjs';
+import { DEFAULT_HOVER_DIM_OPACITY } from './chunk-6LUIVTNV.mjs';
+import { resolveAccessor, makeItemContext } from './chunk-BDCNBS6W.mjs';
+import { adjustBrightness } from './chunk-BF7RP4A3.mjs';
 
 // src/series/candlestick/canvas/index.ts
 var DEFAULT_BAR_WIDTH_RATIO = 0.7;
@@ -20,6 +21,51 @@ function drawCandleBodyAndWicksCanvas(ctx, candle, wickWidth, borderStyle) {
   const borderDash = candle.borderDash ?? borderStyle.borderDash;
   const borderDashOffset = candle.borderDashOffset ?? borderStyle.borderDashOffset;
   const inset = borderAlign === "inner" ? borderWidth / 2 : 0;
+  if (candle.orientation === "horizontal") {
+    const cy = candle.x;
+    const halfThick = candle.bodyWidth / 2;
+    const bLeft = candle.bodyTop;
+    const bRight = candle.bodyBottom;
+    const wLow = Math.min(candle.wickTop, candle.wickBottom);
+    const wHigh = Math.max(candle.wickTop, candle.wickBottom);
+    ctx.strokeStyle = candle.wickColor;
+    ctx.lineWidth = wickWidth;
+    ctx.setLineDash([]);
+    ctx.beginPath();
+    if (bLeft > wLow) {
+      ctx.moveTo(wLow, cy);
+      ctx.lineTo(bLeft, cy);
+    }
+    if (wHigh > bRight) {
+      ctx.moveTo(bRight, cy);
+      ctx.lineTo(wHigh, cy);
+    }
+    ctx.stroke();
+    ctx.strokeStyle = candle.bodyStroke;
+    ctx.lineWidth = borderWidth;
+    ctx.lineJoin = borderJoinStyle;
+    ctx.setLineDash(borderDash);
+    ctx.lineDashOffset = borderDashOffset;
+    const bx = bLeft + inset;
+    const by = cy - halfThick + inset;
+    const bw = Math.max(1, bRight - bLeft - inset * 2);
+    const bh = Math.max(0, candle.bodyWidth - inset * 2);
+    const clampedH = clampRectBorderRadius(resolveBorderRadius(borderStyle.borderRadius), bw, bh);
+    ctx.beginPath();
+    if (hasBorderRadius(clampedH)) {
+      traceRoundedRect(createCanvasArcPathBuilder(ctx), bx, by, bw, bh, clampedH);
+    } else {
+      ctx.rect(bx, by, bw, bh);
+    }
+    if (candle.bodyFill !== null) {
+      ctx.fillStyle = candle.bodyFill;
+      ctx.fill();
+    }
+    ctx.stroke();
+    ctx.setLineDash([]);
+    ctx.lineDashOffset = 0;
+    return;
+  }
   const halfBody = candle.bodyWidth / 2;
   const bodyLeft = candle.x - halfBody + inset;
   const bodyTop = candle.bodyTop + inset;
@@ -64,6 +110,17 @@ function drawOhlcTicksCanvas(ctx, candle, tickWidth, wickWidth) {
   ctx.lineWidth = wickWidth;
   ctx.setLineDash([]);
   ctx.beginPath();
+  if (candle.orientation === "horizontal") {
+    const cy = candle.x;
+    ctx.moveTo(Math.min(candle.wickTop, candle.wickBottom), cy);
+    ctx.lineTo(Math.max(candle.wickTop, candle.wickBottom), cy);
+    ctx.moveTo(candle.openY, cy);
+    ctx.lineTo(candle.openY, cy + tickWidth);
+    ctx.moveTo(candle.closeY, cy - tickWidth);
+    ctx.lineTo(candle.closeY, cy);
+    ctx.stroke();
+    return;
+  }
   ctx.moveTo(candle.x, candle.wickTop);
   ctx.lineTo(candle.x, candle.wickBottom);
   ctx.moveTo(candle.x - tickWidth, candle.openY);
@@ -89,7 +146,15 @@ function renderCandlestickCanvas(props, layout, ctx, context) {
     const hoverBorder = isHovered ? resolveAccessor(props.hoverBorderColor, makeItemContext(dataArr?.[candle.dataIndex], candle.dataIndex, { value: candle.close, category: candle.label, ...seriesExtras }), { arrayMode: "cycle" }) : void 0;
     const hoverFillStr = hoverFill !== void 0 ? typeof hoverFill === "string" ? hoverFill : String(hoverFill) : void 0;
     const hoverBorderStr = hoverBorder !== void 0 ? typeof hoverBorder === "string" ? hoverBorder : String(hoverBorder) : void 0;
-    const renderCandle = hoverFillStr !== void 0 || hoverBorderStr !== void 0 ? { ...candle, bodyFill: hoverFillStr ?? candle.bodyFill, bodyStroke: hoverBorderStr ?? candle.bodyStroke, wickColor: hoverFillStr ?? candle.wickColor} : candle;
+    const hoverBrightness = isHovered && props.effects ? props.effects.hoverBrightness ?? context.theme.hoverBrightness ?? 1 : 1;
+    const shouldBrighten = hoverBrightness !== 1;
+    const brightenFill = (value) => shouldBrighten && value !== null ? adjustBrightness(value, hoverBrightness) : value;
+    const brightenStroke = (value) => shouldBrighten ? adjustBrightness(value, hoverBrightness) : value;
+    const renderCandle = hoverFillStr !== void 0 || hoverBorderStr !== void 0 || shouldBrighten ? {
+      ...candle,
+      bodyFill: hoverFillStr ?? brightenFill(candle.bodyFill),
+      bodyStroke: hoverBorderStr ?? brightenStroke(candle.bodyStroke),
+      wickColor: hoverFillStr ?? brightenStroke(candle.wickColor)} : candle;
     if (variant === "ohlc") {
       drawOhlcTicksCanvas(ctx, renderCandle, tickWidth, renderCandle.wickStrokeWidth);
     } else {

package/dist/{chunk-ARB5T6MP.mjs → chunks/chunk-SWVOBJLG.mjs}

@@ -1,104 +1,7 @@
-import { computeSliceGeometry } from './chunk-4C6EVJ54.mjs';
-import { drawCanvasArc, CLIP_PIXEL_MARGIN } from './chunk-LVMDQ4OJ.mjs';
-import { calculateRadiusAndCenter } from './chunk-NPDZLYIF.mjs';
-import { computeSliceHoverEffects } from './chunk-BZN2QHGP.mjs';
-import { DEFAULT_FALLBACK_COLOR } from './chunk-NKUYIWAP.mjs';
-import { defaultLightTheme, isGradientColor, remapStopsForDonut, createCanvasGradientFromColor, resolveAccessor, makeItemContext, resolveDash, getColorValue, getColor } from './chunk-O2X6FF45.mjs';
-import { withCanvasState } from './chunk-SSLTFJ3U.mjs';
+import { calculateRadiusAndCenter } from './chunk-AJ24XDEK.mjs';
+import { defaultLightTheme, resolveAccessor, makeItemContext, resolveDash, getColorValue, getColor } from './chunk-BDCNBS6W.mjs';
 
 // src/circular/canvas.utils.ts
-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();
-      }
-    });
-  }
-}
 function buildHitTestStates(slices) {
   const statesByDataset = /* @__PURE__ */ new Map();
   for (const slice of slices) {
@@ -323,4 +226,4 @@ function calculateRingLayouts(datasets, isDatasetVisible, isItemVisible, baseInn
   });
 }
 
-export { applyRingLayout, buildHitTestStates, buildPieSliceContentItems, buildPieVisibilityMap, buildRingTarget, buildSliceStyleData, calculateRingLayouts, computeSliceRadiusRatios, renderCanvasSlices };
+export { applyRingLayout, buildHitTestStates, buildPieSliceContentItems, buildPieVisibilityMap, buildRingTarget, buildSliceStyleData, calculateRingLayouts, computeSliceRadiusRatios };

package/dist/{chunk-JGOVWSKH.mjs → chunks/chunk-TW3KLJVO.mjs}

@@ -1,6 +1,7 @@
-import { formatTimeLabel, formatHitValue, formatCursorValue } from './chunk-DP2IZNN3.mjs';
-import { hitTestBar } from './chunk-AUF4CHDP.mjs';
-import { makeItemContext, resolveAccessor, getColor, resolveSwatchColor, asGradient } from './chunk-O2X6FF45.mjs';
+import { formatTimeLabel, formatHitValue, formatCursorValue } from './chunk-HHBFQ6AI.mjs';
+import { hitTestBar } from './chunk-DJOHDKTP.mjs';
+import { makeItemContext, resolveAccessor, getColor, resolveSwatchColor, asGradient } from './chunk-BDCNBS6W.mjs';
+import { resolveCartesianAccessors } from './chunk-G3DIMENH.mjs';
 
 // src/cartesian/hittest-wrappers/bar.ts
 function barHitTest(x, y, ctx) {
@@ -11,15 +12,16 @@ function barHitTest(x, y, ctx) {
     const dataset = datasets.get(datasetId);
     if (!dataset) continue;
     const barProps = renderPropsCache.get(datasetId) ?? dataset.props;
+    const acc = resolveCartesianAccessors(barProps);
     const hitIndex = hitTestBar(x, y, {}, layout);
     if (hitIndex !== null) {
       const item = barProps.data?.[hitIndex];
       const hitCtx = makeItemContext(item, hitIndex);
-      const rawLabel = item ? String(resolveAccessor(barProps.categoryField, hitCtx) ?? `Item ${hitIndex}`) : `Item ${hitIndex}`;
+      const rawLabel = item ? String(resolveAccessor(acc.independentField, hitCtx) ?? `Item ${hitIndex}`) : `Item ${hitIndex}`;
       const label = formatTimeLabel(rawLabel, layoutData);
-      const value = item ? Number(resolveAccessor(barProps.valueField, hitCtx) ?? 0) : 0;
-      const color = typeof layout.colors[hitIndex] === "string" ? layout.colors[hitIndex] : getColor({ color: layout.colors[hitIndex] }, layout.datasetIndex, void 0, ctx.theme);
-      const swatchColor = resolveSwatchColor({ color: layout.colors[hitIndex] }, layout.datasetIndex, void 0, ctx.theme);
+      const value = item ? Number(resolveAccessor(acc.measureField, hitCtx) ?? 0) : 0;
+      const color = typeof layout.colors[hitIndex] === "string" ? layout.colors[hitIndex] : getColor({ color: layout.colors[hitIndex] }, layout.colorIndex, void 0, ctx.theme);
+      const swatchColor = resolveSwatchColor({ color: layout.colors[hitIndex] }, layout.colorIndex, void 0, ctx.theme);
       let percentage;
       if (layoutData.isPercentStacked && layoutData.categoryTotals) {
         const catTotal = layoutData.categoryTotals[hitIndex];
@@ -43,7 +45,28 @@ function barHitTest(x, y, ctx) {
       const displayValue = layoutData.isPercentStacked ? Math.round(value * 10) / 10 : value;
       const formattedValue = formatHitValue(displayValue, barProps, orientation, layoutData);
       const cursorFormattedValue = formatCursorValue(x, y, barProps, orientation, layoutData);
-      return { datasetId, index: hitIndex, label, value, color, colorGradient: asGradient(layout.colors[hitIndex]), swatchColor, percentage, snapX, snapY, formattedValue, cursorFormattedValue };
+      const xyExtra = acc.independentIsCategory ? {} : {
+        xValue: item ? Number(resolveAccessor(acc.independentField, hitCtx)) : hitIndex,
+        yValue: value,
+        xAxisTitle: layoutData.xAxisLayout?.title?.text,
+        yAxisTitle: layoutData.yAxisLayout?.title?.text
+      };
+      return {
+        datasetId,
+        index: hitIndex,
+        label,
+        value,
+        color,
+        colorGradient: asGradient(layout.colors[hitIndex]),
+        swatchColor,
+        percentage,
+        snapX,
+        snapY,
+        formattedValue,
+        cursorFormattedValue,
+        independentIsCategory: acc.independentIsCategory,
+        ...xyExtra
+      };
     }
   }
   return null;
@@ -80,11 +103,12 @@ function barFindNearest(x, y, ctx) {
     if (dist < bestDist) {
       bestDist = dist;
       const barProps = renderPropsCache.get(datasetId) ?? dataset.props;
+      const acc = resolveCartesianAccessors(barProps);
       const item = barProps.data?.[nearestCatIdx];
       const nearCtx = makeItemContext(item, nearestCatIdx);
-      const rawLabel = item ? String(resolveAccessor(barProps.categoryField, nearCtx) ?? `Item ${nearestCatIdx}`) : `Item ${nearestCatIdx}`;
+      const rawLabel = item ? String(resolveAccessor(acc.independentField, nearCtx) ?? `Item ${nearestCatIdx}`) : `Item ${nearestCatIdx}`;
       const label = formatTimeLabel(rawLabel, layoutData);
-      const value = item ? Number(resolveAccessor(barProps.valueField, nearCtx) ?? 0) : 0;
+      const value = item ? Number(resolveAccessor(acc.measureField, nearCtx) ?? 0) : 0;
       const color = typeof layout.colors[nearestCatIdx] === "string" ? layout.colors[nearestCatIdx] : getColor({ color: layout.colors[nearestCatIdx] }, layout.datasetIndex, void 0, ctx.theme);
       const swatchColor = resolveSwatchColor({ color: layout.colors[nearestCatIdx] }, layout.datasetIndex, void 0, ctx.theme);
       let snapX;
@@ -137,11 +161,12 @@ function barFindAllNearest(x, y, ctx) {
     const dataset = datasets.get(datasetId);
     if (!dataset) continue;
     const barProps = renderPropsCache.get(datasetId) ?? dataset.props;
+    const acc = resolveCartesianAccessors(barProps);
     const item = barProps.data?.[nearestCatIdx];
     const nearCtx2 = makeItemContext(item, nearestCatIdx);
-    const rawLabel = item ? String(resolveAccessor(barProps.categoryField, nearCtx2) ?? `Item ${nearestCatIdx}`) : `Item ${nearestCatIdx}`;
+    const rawLabel = item ? String(resolveAccessor(acc.independentField, nearCtx2) ?? `Item ${nearestCatIdx}`) : `Item ${nearestCatIdx}`;
     const label = formatTimeLabel(rawLabel, layoutData);
-    const value = item ? Number(resolveAccessor(barProps.valueField, nearCtx2) ?? 0) : 0;
+    const value = item ? Number(resolveAccessor(acc.measureField, nearCtx2) ?? 0) : 0;
     const color = typeof layout.colors[nearestCatIdx] === "string" ? layout.colors[nearestCatIdx] : getColor({ color: layout.colors[nearestCatIdx] }, layout.datasetIndex, void 0, ctx.theme);
     const colorGradient = asGradient(layout.colors[nearestCatIdx]);
     const swatchColor = resolveSwatchColor({ color: layout.colors[nearestCatIdx] }, layout.datasetIndex, void 0, ctx.theme);