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

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-OHGCZZPZ.mjs → chunks/chunk-SY7LVXIW.mjs}

@@ -1,17 +1,17 @@
-import { calculatePolarLayout, hitTestPolar } from './chunk-WCG35U6M.mjs';
-import { resolvePolarLabels } from './chunk-UPRXABX5.mjs';
-import { resolveSharedRadialGrid } from './chunk-TA4MVAEX.mjs';
-import { renderResolvedLabels } from './chunk-QQBXUDM4.mjs';
-import { AnimatedScene, resolveAnimatedProps, POLAR_ANIMATABLE_PROPS } from './chunk-VN7CKCSE.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 { defaultLightTheme, resolveSwatchColor, getDefaultColor } from './chunk-O2X6FF45.mjs';
-import { setAttr, createSvgGroup, materializeSvgNode } from './chunk-SSLTFJ3U.mjs';
+import { calculatePolarLayout, hitTestPolar } from './chunk-LJ6BXF3H.mjs';
+import { resolveSharedRadialGrid } from './chunk-CFA2SUBF.mjs';
+import { resolvePolarLabels } from './chunk-RH3OQ2VX.mjs';
+import { renderResolvedLabels } from './chunk-G3DYNMWT.mjs';
+import { AnimatedScene, resolveAnimatedProps, POLAR_ANIMATABLE_PROPS } from './chunk-JS47MSB2.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 { DEFAULT_HOVER_DIM_OPACITY, DEFAULT_HOVER_BRIGHTNESS } from './chunk-6LUIVTNV.mjs';
+import { defaultLightTheme, resolveSwatchColor, getDefaultColor } from './chunk-BDCNBS6W.mjs';
+import { interpolateRadialGrid } from './chunk-CKQ4DNNJ.mjs';
+import { setAttr, createSvgGroup, materializeSvgNode } from './chunk-BF7RP4A3.mjs';
 
 // src/series/polar/controller/index.ts
 var POLAR_BAR_REGISTRY = {
@@ -72,17 +72,23 @@ var PolarRendererController = class {
     if (!this._hasPolarDatasets) {
       this._layout = null;
       this.lastRenderedLayout = null;
+      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 polarEntries = collectItems(sortedDatasets, datasetVisibility).polar;
     if (polarEntries.length === 0) {
       this._layout = null;
+      if (input.renderer === "svg" && this.svgGroup) {
+        while (this.svgGroup.firstChild) this.svgGroup.removeChild(this.svgGroup.firstChild);
+      }
       return;
     }
     const anyVisible = polarEntries.some((e) => e.visible);
     if (!anyVisible) {
-      const liveCount = this._scene.getElements().length;
+      const liveCount = this._scene.elementCount;
       if (liveCount === 0) {
         this._layout = null;
         this.lastRenderedLayout = null;
@@ -114,7 +120,7 @@ var PolarRendererController = class {
         this._startAnimLoop();
       } else {
         this._scene.tick(performance.now());
-        if (this._scene.getElements().length === 0) {
+        if (this._scene.elementCount === 0) {
           this._layout = null;
         }
         this._renderSceneFrame();
@@ -137,7 +143,10 @@ var PolarRendererController = class {
     const fingerprint = targetLayout.bars.map((b) => `${polarBarKey(b)}:${b.value}:${Math.round(b.outerRadius)}:${Math.round(b.startAngle)}`).join("|") + `|dom:${targetLayout.domain[0]},${targetLayout.domain[1]}`;
     const dataChanged = fingerprint !== this._lastFingerprint;
     const shouldAnimate = animEnabled && duration > 0 && dataChanged;
-    if (!dataChanged) return;
+    if (!dataChanged) {
+      if (input.renderer === "canvas") input.requestRedraw?.();
+      return;
+    }
     const sceneTargets = /* @__PURE__ */ new Map();
     for (const b of targetLayout.bars) {
       sceneTargets.set(polarBarKey(b), b);
@@ -150,7 +159,8 @@ var PolarRendererController = class {
     this._scene.diff(sceneTargets, opts);
     this._lastFingerprint = fingerprint;
     const tickCount = yAxes ? Array.from(yAxes.values())[0]?.props?.tickCount : void 0;
-    const resolved = resolveSharedRadialGrid(targetLayout.grid, targetLayout.domain, targetLayout.rawDataMax, targetLayout.maxRadius, tickCount);
+    const targetInnerRadius = targetLayout.innerRadiusRatio * targetLayout.maxRadius;
+    const resolved = resolveSharedRadialGrid(targetLayout.grid, targetLayout.domain, targetLayout.rawDataMax, targetLayout.maxRadius, tickCount, targetInnerRadius);
     const targetDomain = resolved.domain;
     const prevSettled = this._lastSettledDomain;
     const domainChanged = !prevSettled || prevSettled[0] !== targetDomain[0] || prevSettled[1] !== targetDomain[1];
@@ -161,6 +171,7 @@ var PolarRendererController = class {
         toDomain: targetDomain,
         targetGrid: { ...targetLayout.grid, levels: resolved.levelValues.length, levelValues: resolved.levelValues, levelRadii: resolved.levelRadii },
         targetRadius: targetLayout.maxRadius,
+        targetInnerRadius,
         startTime: -1,
         duration,
         easing
@@ -190,9 +201,22 @@ var PolarRendererController = class {
       this.lastInput.requestRedraw?.();
     }
   }
+  /**
+   * Drop toggled-off datasets' bars from a layout before hit-testing. Both the
+   * all-hidden path (which keeps `_layout` anchored with the last-toggled
+   * dataset's full-thickness bars) and the no-animation path (which leaves a
+   * stale `lastRenderedLayout`) can present a hidden series' bars with
+   * `hidden: false`, so gate on the authoritative `datasetVisibility` rather
+   * than the layout's own flags (mirrors the radar fix).
+   */
+  _gateHidden(layout) {
+    const vis = this.lastInput?.datasetVisibility;
+    if (!vis) return layout;
+    return { ...layout, bars: layout.bars.filter((b) => vis.get(b.datasetId) !== false) };
+  }
   hitTest(x, y) {
     if (!this._layout) return null;
-    return hitTestPolar(x, y, this._layout, this.lastInput?.theme ?? defaultLightTheme);
+    return hitTestPolar(x, y, this._gateHidden(this._layout), this.lastInput?.theme ?? defaultLightTheme);
   }
   /**
    * Shared-mode lookup: find the wedge under the cursor, then return all
@@ -200,8 +224,9 @@ var PolarRendererController = class {
    * cartesian bar/line shared tooltip).
    */
   findAllNearest(x, y) {
-    const layout = this.lastRenderedLayout ?? this._layout;
-    if (!layout) return null;
+    const raw = this.lastRenderedLayout ?? this._layout;
+    if (!raw) return null;
+    const layout = this._gateHidden(raw);
     const primary = hitTestPolar(x, y, layout, this.lastInput?.theme ?? defaultLightTheme);
     if (!primary) return null;
     const label = layout.categories[primary.index] ?? primary.label;
@@ -214,12 +239,13 @@ var PolarRendererController = class {
         datasetId: bar.datasetId,
         name: bar.name,
         label,
-        color: bar.color ?? getDefaultColor(bar.seriesIdx, this.lastInput?.theme ?? defaultLightTheme),
+        color: bar.color ?? getDefaultColor(bar.colorIndex, this.lastInput?.theme ?? defaultLightTheme),
         colorGradient: gradColor,
-        swatchColor: resolveSwatchColor({ color: bar.color ?? gradColor }, bar.seriesIdx, void 0, this.lastInput?.theme),
+        swatchColor: resolveSwatchColor({ color: bar.color ?? gradColor }, bar.colorIndex, void 0, this.lastInput?.theme),
         value: bar.value,
-        formattedValue: String(bar.value),
-        cursorFormattedValue: String(bar.value),
+        // No pre-formatted value: the HTML tooltip formats the raw value via
+        // `buildTooltipContent` (locale-aware, 2dp). Polar has no crosshair, so
+        // `cursorFormattedValue` is unused.
         snapPixel: bar.outerRadius
       });
     }
@@ -319,7 +345,7 @@ var PolarRendererController = class {
     if (!this._layout) return null;
     const bars = [];
     const hasOverrides = this._propertyOverrides.size > 0;
-    for (const el of this._scene.getElements()) {
+    for (const el of this._scene.elementValues()) {
       const base = el.current;
       const overrides = hasOverrides ? this._propertyOverrides.get(base.datasetId) : void 0;
       bars.push(overrides ? { ...base, ...overrides } : { ...base });
@@ -331,7 +357,7 @@ var PolarRendererController = class {
       const elapsed = now - this._gridLerp.startTime;
       const raw = Math.max(0, Math.min(1, elapsed / this._gridLerp.duration));
       const p = this._gridLerp.easing(raw);
-      grid = interpolateRadialGrid(this._gridLerp.fromDomain, this._gridLerp.toDomain, this._gridLerp.targetGrid, this._gridLerp.targetRadius, p);
+      grid = interpolateRadialGrid(this._gridLerp.fromDomain, this._gridLerp.toDomain, this._gridLerp.targetGrid, this._gridLerp.targetRadius, p, this._gridLerp.targetInnerRadius);
       gridAnimating = true;
       if (raw >= 1) {
         this._lastSettledDomain = this._gridLerp.toDomain;

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);

package/dist/{chunk-RBLZRT5K.mjs → chunks/chunk-UF2TPGQB.mjs}

@@ -1,10 +1,9 @@
-import { renderPieCanvas } from './chunk-VWF57TS3.mjs';
-import { renderPieSvg } from './chunk-IXOWSEHO.mjs';
-import { computeSlices, isFullCircle, findSliceAtPoint } from './chunk-LVMDQ4OJ.mjs';
-import { calculateRadiusAndCenter } from './chunk-NPDZLYIF.mjs';
-import { isIndexVisible } from './chunk-5JCI2DEB.mjs';
-import { FIELD_DEFAULTS, batchResolveRequired, batchResolveAccessor, resolveAccessor, makeItemContext } from './chunk-O2X6FF45.mjs';
-import { toRad } from './chunk-RQ3CKQOX.mjs';
+import { computeSlices, isFullCircle, findSliceAtPoint } from './chunk-4S3FOFCN.mjs';
+import { calculateRadiusAndCenter } from './chunk-AJ24XDEK.mjs';
+import { isIndexVisible } from './chunk-JQVX6XFW.mjs';
+import { computeItemHoverState, applyHoverEffects } from './chunk-F6AGZQDA.mjs';
+import { FIELD_DEFAULTS, batchResolveRequired, batchResolveAccessor, resolveAccessor, makeItemContext, getDefaultColor, resolveDash } from './chunk-BDCNBS6W.mjs';
+import { toRad } from './chunk-K7AGQTVK.mjs';
 
 // src/series/pie/geometry.ts
 var DEFAULT_START_ANGLE = -90;
@@ -179,12 +178,101 @@ function applyRingLayoutToProps(props, ringLayout) {
   };
 }
 
-// src/series/pie/index.ts
-var pieRenderer = {
-  calculateLayout: calculatePieLayout,
-  renderSvg: renderPieSvg,
-  renderCanvas: renderPieCanvas,
-  hitTest: hitTestPie
-};
+// src/series/pie/shared.ts
+function computeSliceRenderStates(props, layout, theme) {
+  const { interaction, effects } = props;
+  const { visibleSlices, center, outerRadius, innerRadius, colors, borderColors, isFullCircle: fullCircle } = layout;
+  const borderWidth = typeof props.borderStrokeWidth === "number" ? props.borderStrokeWidth : 0;
+  const dataArr = props.data ?? [];
+  const seriesExtras = { seriesIndex: props.order ?? 0, seriesId: props.id ?? "" };
+  const valueAccessor = props.valueField ?? FIELD_DEFAULTS.valueField;
+  const categoryAccessor = props.categoryField ?? props.labelField ?? FIELD_DEFAULTS.categoryField;
+  const ctxFor = (i) => {
+    const value = valueAccessor ? resolveAccessor(valueAccessor, makeItemContext(dataArr[i], i)) ?? null : null;
+    const category = categoryAccessor ? resolveAccessor(categoryAccessor, makeItemContext(dataArr[i], i)) ?? void 0 : void 0;
+    return makeItemContext(dataArr[i], i, { value, category, ...seriesExtras });
+  };
+  const resolveSliceBorderDash = (i) => resolveDash(props.borderDash, ctxFor(i));
+  const resolveSliceBorderDashOffset = (i) => resolveAccessor(props.borderDashOffset, ctxFor(i), { arrayMode: "clip", fallback: 0 }) ?? 0;
+  const resolveSliceOpacity = (i) => resolveAccessor(props.opacity, ctxFor(i), { arrayMode: "clip" });
+  const resolveSliceHoverColor = (i) => resolveAccessor(props.hoverColor, ctxFor(i), { arrayMode: "cycle" });
+  const resolveSliceHoverBorderColor = (i) => resolveAccessor(props.hoverBorderColor, ctxFor(i), { arrayMode: "cycle" });
+  const resolveSliceOffset = (i) => resolveAccessor(props.offset, ctxFor(i), { arrayMode: "clip", fallback: 0 }) ?? 0;
+  const borderRadius = typeof props.borderRadius === "number" ? props.borderRadius : typeof props.borderRadius === "object" && props.borderRadius !== null && !Array.isArray(props.borderRadius) ? props.borderRadius : void 0;
+  const hoverEnabled = effects !== void 0;
+  const slices = visibleSlices.map((slice) => {
+    const dataIndex = slice.dataIndex;
+    const userFill = colors[dataIndex];
+    const borderColor = borderColors[dataIndex];
+    const canvasFill = userFill ?? getDefaultColor(dataIndex, theme);
+    const hoverState = computeItemHoverState(dataIndex, interaction?.hoveredIndex, hoverEnabled);
+    const isInactive = hoverState.hasAnyHover && !hoverState.isHovered;
+    const itemHoverColor = resolveSliceHoverColor(dataIndex);
+    const itemHoverBorderColor = resolveSliceHoverBorderColor(dataIndex);
+    const itemEffects = hoverEnabled && effects && (itemHoverColor !== void 0 || itemHoverBorderColor !== void 0) ? {
+      ...effects,
+      hoverBackgroundColor: itemHoverColor ?? effects.hoverBackgroundColor,
+      hoverBorderColor: itemHoverBorderColor ?? effects.hoverBorderColor
+    } : hoverEnabled ? effects : void 0;
+    const {
+      color: effectColor,
+      opacity: hoverOpacity,
+      borderColor: effectBorderColor,
+      borderStrokeWidth: effectBorderWidth,
+      borderDash: effectBorderDash,
+      borderDashOffset: effectBorderDashOffset
+    } = applyHoverEffects(canvasFill, borderColor, borderWidth, resolveSliceBorderDash(dataIndex), resolveSliceBorderDashOffset(dataIndex), hoverState, itemEffects, theme);
+    const userOpacity = resolveSliceOpacity(dataIndex);
+    const opacity = userOpacity !== void 0 ? hoverOpacity * userOpacity : hoverOpacity;
+    const finalEffectColor = effectColor;
+    const baseSliceOffset = resolveSliceOffset(dataIndex);
+    const offset = baseSliceOffset > 0 || hoverEnabled && effects ? calculateSliceOffset(slice, hoverState.isHovered, hoverEnabled ? effects : void 0, baseSliceOffset) : { dx: 0, dy: 0 };
+    const scale = hoverEnabled && hoverState.isHovered && effects?.hoverScale ? effects.hoverScale : 1;
+    const arcConfig = {
+      rotation: slice.rotation,
+      endAngle: slice.endAngle,
+      outerRadius,
+      innerRadius,
+      borderRadius
+    };
+    return {
+      slice,
+      dataIndex,
+      effectColor: finalEffectColor,
+      effectBorderColor,
+      effectBorderWidth,
+      effectBorderDash,
+      effectBorderDashOffset,
+      opacity,
+      // SVG state — class composition + inline overrides
+      userFill,
+      userBorder: borderColor === "transparent" ? void 0 : borderColor,
+      isInactive,
+      offset,
+      scale,
+      arcConfig,
+      isHovered: hoverState.isHovered
+    };
+  });
+  return {
+    slices,
+    center,
+    outerRadius,
+    innerRadius,
+    isFullCircle: fullCircle
+  };
+}
+function calculateSliceOffset(slice, isHovered, effects, baseOffset = 0) {
+  let offset = baseOffset;
+  if (isHovered && effects?.hoverOffset) {
+    offset = Math.max(offset, effects.hoverOffset);
+  }
+  if (offset === 0) return { dx: 0, dy: 0 };
+  const angleRad = toRad(slice.valueAngle);
+  return {
+    dx: Math.cos(angleRad) * offset,
+    dy: Math.sin(angleRad) * offset
+  };
+}
 
-export { applyRingLayoutToProps, calculateMultiRingLayout, calculatePieLayout, hitTestPie, pieRenderer };
+export { applyRingLayoutToProps, calculateMultiRingLayout, calculatePieLayout, computeSliceRenderStates, hitTestPie };

package/dist/{chunk-X4D7FKUS.mjs → chunks/chunk-UZWWYKL7.mjs}

@@ -1,5 +1,5 @@
-import { DEFAULT_FALLBACK_COLOR } from './chunk-NKUYIWAP.mjs';
-import { getPrimaryColor } from './chunk-O2X6FF45.mjs';
+import { DEFAULT_FALLBACK_COLOR } from './chunk-6LUIVTNV.mjs';
+import { getPrimaryColor } from './chunk-BDCNBS6W.mjs';
 
 // src/cartesian/marker-overlay.utils.ts
 function literalSeriesColor(c) {

package/dist/{chunk-LKC7MZKK.mjs → chunks/chunk-XECVYJE2.mjs}

@@ -1,6 +1,7 @@
-import { DEFAULT_SCATTER_HIT_RADIUS, SCATTER_SPATIAL_INDEX_THRESHOLD } from './chunk-NKUYIWAP.mjs';
-import { buildQuadtree } from './chunk-C36VWQ7A.mjs';
-import { getDefaultColor, resolveSwatchColor, asGradient, getPrimaryColor } from './chunk-O2X6FF45.mjs';
+import { DEFAULT_SCATTER_HIT_RADIUS, SCATTER_SPATIAL_INDEX_THRESHOLD } from './chunk-6LUIVTNV.mjs';
+import { getDefaultColor, resolveSwatchColor, asGradient, getPrimaryColor } from './chunk-BDCNBS6W.mjs';
+import { buildQuadtree } from './chunk-KMKULH54.mjs';
+import { resolveCartesianAccessors } from './chunk-G3DIMENH.mjs';
 
 // src/cartesian/hittest-wrappers/scatter.ts
 function scatterHitTest(x, y, ctx) {
@@ -9,7 +10,7 @@ function scatterHitTest(x, y, ctx) {
   for (const [datasetId, scatterLayout] of ctx.layouts) {
     if (!ctx.renderPropsCache.has(datasetId)) continue;
     let hitPoint = null;
-    const layoutDefaultColor = scatterLayout.seriesColor ?? getDefaultColor(scatterLayout.seriesIdx, ctx.theme);
+    const layoutDefaultColor = scatterLayout.seriesColor ?? getDefaultColor(scatterLayout.colorIndex, ctx.theme);
     const scatterProps = ctx.renderPropsCache.get(datasetId);
     const configuredHitRadius = scatterProps?.pointHitRadius ?? DEFAULT_SCATTER_HIT_RADIUS;
     if (scatterLayout.visiblePoints.length > SCATTER_SPATIAL_INDEX_THRESHOLD) {
@@ -35,9 +36,10 @@ function scatterHitTest(x, y, ctx) {
             py: pt.py,
             xValue: pt.xValue,
             yValue: pt.yValue,
+            category: pt.category,
             sizeValue: pt.sizeValue,
             color: pt.color ?? layoutDefaultColor,
-            swatchColor: resolveSwatchColor({ color: pt.color ?? scatterLayout.seriesColor }, scatterLayout.seriesIdx, void 0, ctx.theme),
+            swatchColor: resolveSwatchColor({ color: pt.color ?? scatterLayout.seriesColor }, scatterLayout.colorIndex, void 0, ctx.theme),
             distSq: result.distSq
           };
         }
@@ -55,9 +57,10 @@ function scatterHitTest(x, y, ctx) {
             py: pt.py,
             xValue: pt.xValue,
             yValue: pt.yValue,
+            category: pt.category,
             sizeValue: pt.sizeValue,
             color: pt.color ?? layoutDefaultColor,
-            swatchColor: resolveSwatchColor({ color: pt.color ?? scatterLayout.seriesColor }, scatterLayout.seriesIdx, void 0, ctx.theme),
+            swatchColor: resolveSwatchColor({ color: pt.color ?? scatterLayout.seriesColor }, scatterLayout.colorIndex, void 0, ctx.theme),
             distSq
           };
         }
@@ -65,13 +68,18 @@ function scatterHitTest(x, y, ctx) {
     }
     if (hitPoint && hitPoint.distSq < bestDistSq) {
       bestDistSq = hitPoint.distSq;
-      const seriesName = ctx.renderPropsCache.get(datasetId)?.name ?? datasetId;
+      const scatterRenderProps = ctx.renderPropsCache.get(datasetId);
+      const seriesName = scatterRenderProps?.name ?? datasetId;
+      const independentIsCategory = scatterRenderProps ? resolveCartesianAccessors(scatterRenderProps).independentIsCategory : false;
+      const label = independentIsCategory && hitPoint.category != null ? hitPoint.category : seriesName;
       bestResult = {
         datasetId,
         index: hitPoint.dataIndex,
-        label: seriesName,
+        label,
         xValue: hitPoint.xValue,
         yValue: hitPoint.yValue,
+        category: hitPoint.category,
+        independentIsCategory,
         ...hitPoint.sizeValue != null ? { bubbleValue: hitPoint.sizeValue } : {},
         x: hitPoint.px,
         y: hitPoint.py,

package/dist/chunks/chunk-XMSAUIVL.mjs

@@ -0,0 +1 @@
+

package/dist/{chunk-J4RI2C2G.mjs → chunks/chunk-XPZTRMU2.mjs}

@@ -1,8 +1,8 @@
-import { drawMarkerCanvas } from './chunk-PRDVPOZX.mjs';
-import { DEFAULT_HOVER_POINT_RADIUS_MULTIPLIER, DEFAULT_LINE_MARKER_SIZE } from './chunk-NKUYIWAP.mjs';
-import { getDefaultColor, createCanvasGradientFromColor, makeItemContext, resolveDash, resolveAccessor, sampleGradientAt, getPrimaryColor } from './chunk-O2X6FF45.mjs';
-import { createCanvasPathBuilder, traceClosedSpline } from './chunk-IEGLX7VL.mjs';
-import { adjustBrightness, withCanvasState } from './chunk-SSLTFJ3U.mjs';
+import { drawMarkerCanvas } from './chunk-QIYJUZ7I.mjs';
+import { DEFAULT_HOVER_POINT_RADIUS_MULTIPLIER, DEFAULT_LINE_MARKER_SIZE } from './chunk-6LUIVTNV.mjs';
+import { getDefaultColor, createCanvasGradientFromColor, makeItemContext, resolveDash, resolveAccessor, sampleGradientAt, getPrimaryColor } from './chunk-BDCNBS6W.mjs';
+import { createCanvasPathBuilder, traceClosedSpline } from './chunk-PXUXZADY.mjs';
+import { adjustBrightness, withCanvasState } from './chunk-BF7RP4A3.mjs';
 
 // src/series/radar/canvas/index.ts
 function renderRadarSeriesCanvas(ctx, layout, seriesIndex, hoverState, effectConfig, seriesProps, theme) {
@@ -16,7 +16,7 @@ function renderRadarSeriesCanvas(ctx, layout, seriesIndex, hoverState, effectCon
   if (anyHover && !isSharedHover && !isSeriesHovered && effectConfig?.dimOpacity !== void 0) {
     seriesOpacity = effectConfig.dimOpacity;
   }
-  const baseColor = sd.color ?? getDefaultColor(sd.seriesIdx, theme);
+  const baseColor = sd.color ?? getDefaultColor(sd.colorIndex, theme);
   let fillColor = baseColor;
   let strokeColor = baseColor;
   if (!isSharedHover && isSeriesHovered && effectConfig?.hoverBrightness) {

package/dist/{chunk-BABQKA6K.mjs → chunks/chunk-XXJRGDKE.mjs}

@@ -1,4 +1,4 @@
-import { handleSyncedHighlightCartesian, handleSyncedHighlightRect, handleSyncedHighlightRadial, buildDatasetRegistrations } from './chunk-WYLILAOO.mjs';
+import { handleSyncedHighlightCartesian, handleSyncedHighlightRect, handleSyncedHighlightRadial, buildDatasetRegistrations } from './chunk-K44SD67H.mjs';
 
 // src/sync/SyncBus.ts
 function resolveAxis(value, fallback) {
@@ -270,9 +270,9 @@ var ChartSyncCoordinator = class {
           if (options.getIsCartesian()) {
             options.applyHighlight(handleSyncedHighlightCartesian(normalizedEvent, options.getRendererDelegate(), options.getHasCrosshair(), options.getIsSharedMode(), datasets));
           } else if (options.getIsRect() && event.categoryIndex != null) {
-            options.applyHighlight(handleSyncedHighlightRect(normalizedEvent, datasets, width, height));
+            options.applyHighlight(handleSyncedHighlightRect(normalizedEvent, datasets, width, height, this.prevVisibility));
           } else if (event.categoryIndex != null) {
-            options.applyHighlight(handleSyncedHighlightRadial(normalizedEvent, datasets, options.getRendererDelegate(), width, height));
+            options.applyHighlight(handleSyncedHighlightRadial(normalizedEvent, datasets, options.getRendererDelegate(), width, height, this.prevVisibility));
           }
         })
       );