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

package/dist/{chunk-BKP26M4K.mjs → chunks/chunk-7LZWQVTL.mjs}

@@ -1,7 +1,9 @@
-import { normalizePadding } from './chunk-NPDZLYIF.mjs';
-import { DEFAULT_NAV_GRIP_LINE_GAP, DEFAULT_NAV_HANDLE_WIDTH, DEFAULT_NAV_MIN_SELECTION_WIDTH, DEFAULT_NAV_STYLE, DEFAULT_NAV_PADDING_X, DEFAULT_NAV_PADDING_Y } from './chunk-NKUYIWAP.mjs';
-import { defaultLightTheme, batchResolveAccessor, FIELD_DEFAULTS } from './chunk-O2X6FF45.mjs';
-import { toTimestamp, createLinearScale, generateNiceTicks, generateTimeTicks, formatTimeTick } from './chunk-RQ3CKQOX.mjs';
+import { normalizePadding } from './chunk-AJ24XDEK.mjs';
+import { safeFormat } from './chunk-DIJFKY6H.mjs';
+import { DEFAULT_NAV_GRIP_LINE_GAP, DEFAULT_NAV_HANDLE_WIDTH, DEFAULT_NAV_MIN_SELECTION_WIDTH, DEFAULT_NAV_STYLE, DEFAULT_NAV_PADDING_X, DEFAULT_NAV_PADDING_Y } from './chunk-6LUIVTNV.mjs';
+import { defaultLightTheme, batchResolveAccessor } from './chunk-BDCNBS6W.mjs';
+import { resolveCartesianAccessors } from './chunk-G3DIMENH.mjs';
+import { toTimestamp, createLinearScale, generateNiceTicks, generateTimeTicks, formatTimeTick } from './chunk-K7AGQTVK.mjs';
 
 // src/renderers/navigator/geometry.ts
 var NAV_PADDING_Y = DEFAULT_NAV_PADDING_Y;
@@ -62,9 +64,12 @@ function extractNavigatorData(datasets, targetSeriesId, isTimeAxis) {
   let isCategoryAxis = false;
   let isNumericAxis = false;
   let catLabels;
+  let orientation = "vertical";
   if (targetDs.type === "candlestick") {
     const cp = props;
-    const rawTimeValues = batchResolveAccessor(cp.timeField, data);
+    const cacc = resolveCartesianAccessors(cp);
+    orientation = cacc.orientation;
+    const rawTimeValues = batchResolveAccessor(cacc.independentField, data);
     if (isTimeAxis) {
       xValues = rawTimeValues.map((v) => toTimestamp(v));
     } else {
@@ -73,25 +78,21 @@ function extractNavigatorData(datasets, targetSeriesId, isTimeAxis) {
       xValues = rawTimeValues.map((_, i) => i);
     }
     yValues = batchResolveAccessor(cp.closeField, data);
-  } else if (targetDs.type === "scatter") {
-    const xField = props.xField ?? props.x ?? FIELD_DEFAULTS.xField;
-    const yField = props.yField ?? props.y ?? FIELD_DEFAULTS.yField;
-    xValues = batchResolveAccessor(xField, data);
-    yValues = batchResolveAccessor(yField, data);
-    isCategoryAxis = false;
-    isNumericAxis = true;
   } else {
-    const catField = props.time ?? props.timeField ?? props.categoryField ?? props.category ?? FIELD_DEFAULTS.categoryField;
-    const valField = props.valueField ?? props.value ?? FIELD_DEFAULTS.valueField;
-    const rawXValues = batchResolveAccessor(catField, data);
-    if (isTimeAxis) {
-      xValues = rawXValues.map((v) => toTimestamp(v));
+    const acc = resolveCartesianAccessors(props);
+    const rawIndep = batchResolveAccessor(acc.independentField, data);
+    orientation = acc.orientation;
+    yValues = batchResolveAccessor(acc.measureField, data);
+    if (!acc.independentIsCategory) {
+      isNumericAxis = true;
+      xValues = rawIndep.map((v) => Number(v));
+    } else if (isTimeAxis) {
+      xValues = rawIndep.map((v) => toTimestamp(v));
     } else {
       isCategoryAxis = true;
-      catLabels = rawXValues.map((v) => String(v ?? ""));
-      xValues = rawXValues.map((_, i) => i);
+      catLabels = rawIndep.map((v) => String(v ?? ""));
+      xValues = rawIndep.map((_, i) => i);
     }
-    yValues = batchResolveAccessor(valField, data);
   }
   const points = [];
   for (let i = 0; i < xValues.length; i++) {
@@ -114,7 +115,7 @@ function extractNavigatorData(datasets, targetSeriesId, isTimeAxis) {
     yMin -= 1;
     yMax += 1;
   }
-  return { points, xDomain, yDomain: [yMin, yMax], isCategory: isCategoryAxis, categoryLabels: catLabels, isNumericAxis, sourceType: targetDs.type };
+  return { points, xDomain, yDomain: [yMin, yMax], isCategory: isCategoryAxis, categoryLabels: catLabels, isNumericAxis, sourceType: targetDs.type, orientation };
 }
 function createNavigatorScales(data, width, height, padding) {
   const px = padding?.left ?? NAV_PADDING_X;
@@ -170,7 +171,14 @@ function computeNavigatorTicks(xDomain, xScale, width, locale, categoryLabels, i
     const ticks2 = [];
     for (let i = 0; i < totalCats; i += step) {
       const raw = categoryLabels[i];
-      ticks2.push({ px: xScale(i), label: formatter ? formatter(raw, i) : raw });
+      ticks2.push({
+        px: xScale(i),
+        label: formatter ? safeFormat(
+          () => formatter(raw, i),
+          () => raw,
+          "navigator tick"
+        ) : raw
+      });
     }
     return ticks2;
   }
@@ -190,7 +198,18 @@ function computeNavigatorTicks(xDomain, xScale, width, locale, categoryLabels, i
     label: formatTimeTick(ts, interval.unit, void 0, void 0, locale)
   }));
 }
-function computeNavigatorSelection(zoomState, xScale, width, yScale, height) {
+function computeNavigatorSelection(zoomState, xScale, width, yScale, height, orientation = "vertical") {
+  if (orientation === "horizontal") {
+    if (!xScale || !zoomState.y) {
+      return { x: 0, width, isZoomed: false };
+    }
+    const minW2 = Math.min(MIN_SELECTION_WIDTH, width);
+    const rawLeft2 = Math.max(0, xScale(zoomState.y.min));
+    const rawRight2 = Math.min(width, xScale(zoomState.y.max));
+    const selW2 = Math.max(rawRight2 - rawLeft2, minW2);
+    const selX2 = Math.min(rawLeft2, Math.max(0, width - selW2));
+    return { x: selX2, width: selW2, isZoomed: true };
+  }
   if (!xScale || !zoomState.x) {
     return { x: 0, width, isZoomed: false };
   }
@@ -273,7 +292,7 @@ function calculateNavigatorLayout(chartArea, config, datasets, zoomState, isTime
   const scales = createNavigatorScales(animatedData, area.width, area.height, resolved.padding);
   const paths = buildNavigatorPaths(data.points, scales, area.height, data.sourceType);
   const ticks = computeNavigatorTicks(effectiveXDomain, scales.x, area.width, locale, data.categoryLabels, data.isNumericAxis, tickFormat);
-  const selection = computeNavigatorSelection(zoomState, scales.x, area.width, data.isNumericAxis ? scales.y : null, data.isNumericAxis ? area.height : void 0);
+  const selection = computeNavigatorSelection(zoomState, scales.x, area.width, data.isNumericAxis ? scales.y : null, data.isNumericAxis ? area.height : void 0, data.orientation);
   const primaryColor = resolveSeriesColor(primaryConfig, primarySeriesId ? datasets.get(primarySeriesId) : void 0);
   const allSeries = [
     { points: data.points, paths, color: primaryColor, sourceType: data.sourceType },

package/dist/{chunk-NHRK5KU2.mjs → chunks/chunk-A5YBHYIS.mjs}

@@ -1,14 +1,14 @@
-import { computeDrillOutOrigin, computeZoomTransform } from './chunk-AGU3NG6D.mjs';
-import { AnimatedScene, resolveAnimatedProps, TREEMAP_ANIMATABLE_PROPS } from './chunk-VN7CKCSE.mjs';
-import { getCellLabelInfo } from './chunk-XIHBK5D3.mjs';
-import { calculateTreemapLayout } from './chunk-VVI3OBPJ.mjs';
-import { reconcileSvgChildren } from './chunk-KP2TWD4Z.mjs';
-import { parseAnimationConfig, getEasing } from './chunk-3WEMHXZI.mjs';
-import { raf, cancelRaf } from './chunk-EDAKJLNA.mjs';
-import { buildAccessibilityRenderContext, generateSeriesDescription } from './chunk-OGJ6IIBW.mjs';
-import { CHAR_WIDTH_RATIO } from './chunk-XTVE4P3L.mjs';
-import { buildAncestorChain } from './chunk-WA3OVISZ.mjs';
-import { configureCanvasHiDPI, materializeSvgNode, setAttr } from './chunk-SSLTFJ3U.mjs';
+import { computeDrillOutOrigin, computeZoomTransform } from './chunk-AWMO5TS3.mjs';
+import { AnimatedScene, resolveAnimatedProps, TREEMAP_ANIMATABLE_PROPS } from './chunk-JS47MSB2.mjs';
+import { calculateTreemapLayout, getCellLabelInfo } from './chunk-KCSMOAZO.mjs';
+import { reconcileSvgChildren } from './chunk-FWNWV3H7.mjs';
+import { parseAnimationConfig, getEasing } from './chunk-LTQH3LQJ.mjs';
+import { raf, cancelRaf } from './chunk-5WFF272M.mjs';
+import { buildAccessibilityRenderContext, generateSeriesDescription } from './chunk-IFJPDARC.mjs';
+import { CHAR_WIDTH_RATIO } from './chunk-56MASQS2.mjs';
+import { DEFAULT_HOVER_DIM_OPACITY, DEFAULT_HOVER_BRIGHTNESS } from './chunk-6LUIVTNV.mjs';
+import { buildAncestorChain } from './chunk-4KQZXAHZ.mjs';
+import { configureCanvasHiDPI, materializeSvgNode, setAttr } from './chunk-BF7RP4A3.mjs';
 
 // src/series/treemap/controller/helpers.ts
 function buildTreemapDataFingerprint(layouts) {
@@ -89,7 +89,7 @@ function projectTreemapSceneFrame(cellScene, groupBgScene, targetLayouts) {
     targetBgByDataset.set(datasetId, bgMap);
   }
   const cellsByDataset = /* @__PURE__ */ new Map();
-  for (const el of cellScene.getElements()) {
+  for (const el of cellScene.elementValues()) {
     const s = el.current;
     const sep = el.id.indexOf("::");
     if (sep < 0) continue;
@@ -119,7 +119,7 @@ function projectTreemapSceneFrame(cellScene, groupBgScene, targetLayouts) {
     arr.push(cell);
   }
   const bgsByDataset = /* @__PURE__ */ new Map();
-  for (const el of groupBgScene.getElements()) {
+  for (const el of groupBgScene.elementValues()) {
     const s = el.current;
     const sep = el.id.indexOf("::");
     if (sep < 0) continue;
@@ -205,7 +205,7 @@ function resolveId(ctx, item, categoryField, nodeIdField, itemIndex) {
 function buildTreemapSvgChildren(params) {
   const children = [];
   for (const [dsId, { props, layout }] of params.layoutMap) {
-    const node = params.paint.renderSvg(props, layout, { ...params.fontContext, interaction: params.interaction });
+    const node = params.paint.renderSvg(props, layout, { ...params.fontContext, interaction: params.interaction, effects: params.effects });
     setAttr(node, "data-dataset", dsId);
     if (params.accessibility?.enabled && params.accessibility.landmarkVerbosity === "all") {
       setAttr(node, "role", "region");
@@ -215,13 +215,21 @@ function buildTreemapSvgChildren(params) {
   }
   return children;
 }
+function resolveTreemapHoverEffects(input) {
+  if (!input?.hoverConfig) return void 0;
+  return {
+    hoverBrightness: input.hoverConfig.brightness ?? input.theme.hoverBrightness ?? DEFAULT_HOVER_BRIGHTNESS,
+    dimOpacity: input.hoverConfig.dimOpacity ?? input.theme.dimOpacity ?? DEFAULT_HOVER_DIM_OPACITY
+  };
+}
 function renderSvgGroup(ctx, group, layoutMap, fontContext, interaction, accessibility) {
-  const children = buildTreemapSvgChildren({ paint: ctx._paint, layoutMap, fontContext, interaction, accessibility });
+  const children = buildTreemapSvgChildren({ paint: ctx._paint, layoutMap, fontContext, interaction, effects: resolveTreemapHoverEffects(ctx.lastInput), accessibility });
   group.replaceChildren(...children.map(materializeSvgNode));
 }
 function renderAllCanvas(ctx, c2d, layoutMap, fontContext, interaction) {
+  const effects = resolveTreemapHoverEffects(ctx.lastInput);
   for (const [, { props, layout }] of layoutMap) {
-    ctx._paint.renderCanvas(props, layout, c2d, { ...fontContext, interaction });
+    ctx._paint.renderCanvas(props, layout, c2d, { ...fontContext, interaction, effects });
   }
   renderCanvasCustomContent(ctx, c2d);
 }
@@ -275,7 +283,7 @@ function applyHover(ctx, hover) {
     liveLayoutMap.set(id, { props: mergedProps, layout: liveLayout });
   }
   if (input.renderer === "svg" && ctx.svgGroup) {
-    const children = buildTreemapSvgChildren({ paint: ctx._paint, layoutMap: liveLayoutMap, fontContext, interaction });
+    const children = buildTreemapSvgChildren({ paint: ctx._paint, layoutMap: liveLayoutMap, fontContext, interaction, effects: resolveTreemapHoverEffects(input) });
     reconcileSvgChildren(ctx.svgGroup, children);
     return;
   }

package/dist/{chunk-ZT2Z7ERM.mjs → chunks/chunk-AC5EAWIP.mjs}

@@ -1,9 +1,10 @@
-import { createDrawImage } from './chunk-7CMVDIOU.mjs';
-import { measureFontMetrics, measureTextWidth } from './chunk-XTVE4P3L.mjs';
-import { DEFAULT_HOVER_DIM_OPACITY, DEFAULT_HOVER_POINT_RADIUS_MULTIPLIER, DEFAULT_REFERENCE_LINE_STROKE, DEFAULT_REFERENCE_LINE_WIDTH, DEFAULT_REFERENCE_LABEL_OFFSET, DEFAULT_REFERENCE_BAND_FILL, DEFAULT_REFERENCE_BAND_OPACITY, resolveFontFamily, resolveFontSize, DEFAULT_REFERENCE_LABEL_FONT_SIZE, DEFAULT_REFERENCE_LABEL_FONT_WEIGHT } from './chunk-NKUYIWAP.mjs';
-import { resolveAccessor, makeItemContext, resolveSwatchColor, isGradientColor } from './chunk-O2X6FF45.mjs';
-import { createSvgGroup, appendChild, createSvgRect, createSvgText, createSvgLine, withCanvasState } from './chunk-SSLTFJ3U.mjs';
-import { shallowEqual } from './chunk-RQ3CKQOX.mjs';
+import { createDrawImage } from './chunk-HXDLOOCS.mjs';
+import { safeRenderProp } from './chunk-DIJFKY6H.mjs';
+import { measureFontMetrics, measureTextWidth } from './chunk-56MASQS2.mjs';
+import { DEFAULT_HOVER_DIM_OPACITY, DEFAULT_HOVER_POINT_RADIUS_MULTIPLIER, DEFAULT_REFERENCE_LINE_STROKE, DEFAULT_REFERENCE_LINE_WIDTH, DEFAULT_REFERENCE_LABEL_OFFSET, DEFAULT_REFERENCE_BAND_FILL, DEFAULT_REFERENCE_BAND_OPACITY, resolveFontFamily, resolveFontSize, DEFAULT_REFERENCE_LABEL_FONT_SIZE, DEFAULT_REFERENCE_LABEL_FONT_WEIGHT } from './chunk-6LUIVTNV.mjs';
+import { buildColorIndexMap, resolveAccessor, makeItemContext, resolveSwatchColor, isGradientColor } from './chunk-BDCNBS6W.mjs';
+import { createSvgGroup, appendChild, createSvgRect, createSvgText, createSvgLine, withCanvasState } from './chunk-BF7RP4A3.mjs';
+import { shallowEqual } from './chunk-K7AGQTVK.mjs';
 
 // src/utils/customRender.utils.ts
 function renderCustomMarkersCanvas(ctx, entries, hover, options) {
@@ -35,7 +36,7 @@ function renderCustomMarkersCanvas(ctx, entries, hover, options) {
       ctx.save();
       ctx.translate(pt.x, pt.y);
       ctx.globalAlpha = opacity;
-      entry.renderMarker(context);
+      safeRenderProp(() => entry.renderMarker(context), "marker");
       ctx.restore();
     }
   }
@@ -106,19 +107,21 @@ function resolveLegendGradient(props, index, item, extras) {
 function buildLegendItems(options) {
   const { datasets, datasetVisibility, hiddenItems, isCartesian, hasRadarDatasets, hasPolarDatasets, hasStackedPies, theme } = options;
   const sortedDatasets = Array.from(datasets.entries()).sort(([, a], [, b]) => a.order - b.order);
+  const colorIndexById = buildColorIndexMap(datasets);
   if (isCartesian || hasRadarDatasets || hasPolarDatasets) {
     const items2 = [];
     for (const [datasetId, dataset] of sortedDatasets) {
       const visible = datasetVisibility.get(datasetId) ?? true;
       const props = dataset.props;
       const firstItem = props.data?.[0];
-      const color = resolveLegendColor(props, dataset.order, firstItem, theme);
+      const colorIndex = colorIndexById.get(datasetId) ?? dataset.order;
+      const color = resolveLegendColor(props, colorIndex, firstItem, theme);
       items2.push({
         type: "dataset",
         datasetId,
         label: props.name ?? datasetId,
         color,
-        colorGradient: resolveLegendGradient(props, dataset.order, firstItem),
+        colorGradient: resolveLegendGradient(props, colorIndex, firstItem),
         visible
       });
     }

package/dist/{chunk-ZTL2FQEW.mjs → chunks/chunk-AETETRB4.mjs}

@@ -1,9 +1,10 @@
-import { hasCollisions } from './chunk-R6Y3R7EW.mjs';
-import { measureTextWidth, measureFontMetrics, svgAnchorToCanvasAlign } from './chunk-XTVE4P3L.mjs';
-import { DEFAULT_TITLE_LABEL_GAP, resolveFontSize, DEFAULT_TITLE_FONT_SIZE, resolveFontFamily, resolveAxisColor, DEFAULT_TICK_LENGTH, DEFAULT_LABEL_PADDING, DEFAULT_TICK_FONT_SIZE } from './chunk-NKUYIWAP.mjs';
-import { defaultLightTheme } from './chunk-O2X6FF45.mjs';
-import { createSvgGroup, appendChild, createSvgRect, createSvgLine, setAttr, createSvgText, withCanvasState } from './chunk-SSLTFJ3U.mjs';
-import { crisp, detectTickUnit, isPeriodBoundary, formatTimeTick, generateIntervalTicks } from './chunk-RQ3CKQOX.mjs';
+import { hasCollisions } from './chunk-GOOBVFFH.mjs';
+import { safeFormat } from './chunk-DIJFKY6H.mjs';
+import { measureTextWidth, measureFontMetrics, svgAnchorToCanvasAlign } from './chunk-56MASQS2.mjs';
+import { DEFAULT_TITLE_LABEL_GAP, resolveFontSize, DEFAULT_TITLE_FONT_SIZE, resolveFontFamily, resolveAxisColor, DEFAULT_TICK_LENGTH, DEFAULT_LABEL_PADDING, DEFAULT_TICK_FONT_SIZE } from './chunk-6LUIVTNV.mjs';
+import { defaultLightTheme } from './chunk-BDCNBS6W.mjs';
+import { createSvgGroup, appendChild, createSvgRect, createSvgLine, setAttr, createSvgText, withCanvasState } from './chunk-BF7RP4A3.mjs';
+import { crisp, detectTickUnit, isPeriodBoundary, formatTimeTick, generateIntervalTicks } from './chunk-K7AGQTVK.mjs';
 
 // src/renderers/axis/geometry.ticks.ts
 function resolveTickStyle(style, axisColor, globalFont) {
@@ -140,7 +141,11 @@ function calculateTicks(scale, position, chartArea, props, style, locale) {
       const maxTicks = Math.max(1, Math.floor(axisLength / userMinGridDistance));
       step = Math.max(1, Math.ceil(filtered.length / maxTicks));
     } else if (isHorizontal) {
-      const sampleLabel = formatter ? typeof formatter === "function" ? formatter(filtered[0].value, 0) : String(filtered[0].value) : formatValue(filtered[0].value, locale);
+      const sampleLabel = formatter ? typeof formatter === "function" ? safeFormat(
+        () => formatter(filtered[0].value, 0),
+        () => formatValue(filtered[0].value, locale),
+        "tick"
+      ) : String(filtered[0].value) : formatValue(filtered[0].value, locale);
       const sampleWidth = measureTextWidth(sampleLabel, style.fontSize, style.fontWeight, style.fontFamily);
       const textHeight = style.fontSize * 1.2;
       const footprint0 = sampleWidth;
@@ -149,7 +154,13 @@ function calculateTicks(scale, position, chartArea, props, style, locale) {
       const step0 = Math.max(1, Math.ceil(filtered.length / maxTicks0));
       if (step0 === 1) {
         if (manualRotation === 0 && (baseProps.autoRotate ?? true)) {
-          const preLabels = filtered.map((v, idx) => formatter ? typeof formatter === "function" ? formatter(v.value, idx) : String(v.value) : formatValue(v.value, locale));
+          const preLabels = filtered.map(
+            (v, idx) => formatter ? typeof formatter === "function" ? safeFormat(
+              () => formatter(v.value, idx),
+              () => formatValue(v.value, locale),
+              "tick"
+            ) : String(v.value) : formatValue(v.value, locale)
+          );
           if (hasCollisions(
             preLabels,
             filtered.map((v) => v.pos),
@@ -203,7 +214,11 @@ function calculateTicks(scale, position, chartArea, props, style, locale) {
     const isFirst = i === 0;
     const isLast = i >= filtered.length - step;
     const isHidden = isFirst && !showFirst || isLast && !showLast;
-    const label = isHidden ? "" : formatter ? typeof formatter === "function" ? formatter(value, i) : String(value) : formatValue(value, locale);
+    const label = isHidden ? "" : formatter ? typeof formatter === "function" ? safeFormat(
+      () => formatter(value, i),
+      () => formatValue(value, locale),
+      "tick"
+    ) : String(value) : formatValue(value, locale);
     const perTickStyle = tickStyleFn ? tickStyleFn(value, i) : void 0;
     let baseAnchor;
     let baseBaseline;

package/dist/{chunk-NPDZLYIF.mjs → chunks/chunk-AJ24XDEK.mjs}

@@ -1,5 +1,5 @@
-import { DEFAULT_CHART_PADDING, resolveFontSize, DEFAULT_CHART_TITLE_FONT_SIZE, DEFAULT_CHART_TITLE_PADDING, DEFAULT_CHART_CAPTION_FONT_SIZE, DEFAULT_CHART_CAPTION_PADDING, DEFAULT_LEGEND_PADDING, DEFAULT_LEGEND_WIDTH, DEFAULT_LEGEND_HEIGHT } from './chunk-NKUYIWAP.mjs';
-import { calculateArcBoundingBox } from './chunk-RQ3CKQOX.mjs';
+import { DEFAULT_CHART_PADDING, resolveFontSize, DEFAULT_CHART_TITLE_FONT_SIZE, DEFAULT_CHART_TITLE_PADDING, DEFAULT_CHART_CAPTION_FONT_SIZE, DEFAULT_CHART_CAPTION_PADDING, DEFAULT_LEGEND_PADDING, DEFAULT_LEGEND_WIDTH, DEFAULT_LEGEND_HEIGHT } from './chunk-6LUIVTNV.mjs';
+import { calculateArcBoundingBox } from './chunk-K7AGQTVK.mjs';
 
 // src/utils/layout/layout.utils.ts
 function normalizePadding(padding) {

package/dist/chunks/chunk-ARVMVGWS.mjs

@@ -0,0 +1,40 @@
+import { toRad } from './chunk-K7AGQTVK.mjs';
+
+// src/circular/radial.helpers.ts
+function computeSliceGeometry(slice, currentAngle, frame) {
+  const { outerRadius, innerRadius, willBeSingleSlice, currentRingRadii, hoverState, hoverOffset, hoverScale } = frame;
+  const ringRadii = currentRingRadii.get(String(slice.datasetIndex));
+  const baseOuterRadius = ringRadii?.outer ?? outerRadius;
+  const sliceInnerRadius = ringRadii?.inner ?? innerRadius;
+  const sliceOuterRadius = sliceInnerRadius + (baseOuterRadius - sliceInnerRadius) * slice.radiusRatio;
+  const spacing = slice.spacing ?? 0;
+  const spacingAngle = spacing > 0 && sliceOuterRadius > 0 ? spacing / sliceOuterRadius * (180 / Math.PI) : 0;
+  const halfSpacing = spacingAngle / 2;
+  const angle = slice.endAngle - slice.rotation;
+  const isFullCircleSlice = willBeSingleSlice || slice.targetAngle >= 355 || angle >= 355;
+  const midAngle = currentAngle + angle / 2;
+  const midRadius = (sliceOuterRadius + sliceInnerRadius) / 2;
+  const isHovered = hoverState.datasetIndex === slice.datasetIndex && hoverState.index === slice.originalIndex;
+  const sliceHoverOffset = isHovered && !isFullCircleSlice ? hoverOffset : 0;
+  const hoverOffsetX = sliceHoverOffset > 0 ? Math.cos(toRad(midAngle)) * sliceHoverOffset : 0;
+  const hoverOffsetY = sliceHoverOffset > 0 ? Math.sin(toRad(midAngle)) * sliceHoverOffset : 0;
+  const baseOffset = slice.baseOffset ?? 0;
+  const baseOffsetX = baseOffset !== 0 ? Math.cos(toRad(midAngle)) * baseOffset : 0;
+  const baseOffsetY = baseOffset !== 0 ? Math.sin(toRad(midAngle)) * baseOffset : 0;
+  const scale = isHovered && !isFullCircleSlice && hoverScale > 1 ? hoverScale : 1;
+  return {
+    sliceOuterRadius,
+    sliceInnerRadius,
+    isFullCircleSlice,
+    midAngle,
+    midRadius,
+    isHovered,
+    offsetX: hoverOffsetX + baseOffsetX,
+    offsetY: hoverOffsetY + baseOffsetY,
+    scale,
+    renderRotation: isFullCircleSlice ? currentAngle : currentAngle + halfSpacing,
+    renderAngle: isFullCircleSlice ? angle : Math.max(0, angle - spacingAngle)
+  };
+}
+
+export { computeSliceGeometry };

package/dist/{chunk-3IYSJ2U7.mjs → chunks/chunk-AYEAEAOV.mjs}

@@ -1,10 +1,10 @@
-import { normalizeCrosshairConfig } from './chunk-QWQ6HY4I.mjs';
-import { resolveNavigatorConfig } from './chunk-BKP26M4K.mjs';
-import { buildLegendItems, resolveLegendClickAction } from './chunk-ZT2Z7ERM.mjs';
-import { normalizePadding, calculateTitleLayout, calculateLegendArea, calculateChartArea } from './chunk-NPDZLYIF.mjs';
-import { generateChartTypeDescription, generateChartSummary } from './chunk-OGJ6IIBW.mjs';
-import { DEFAULT_CHART_TITLE_PADDING, DEFAULT_LEGEND_PADDING, DEFAULT_CHART_CAPTION_PADDING } from './chunk-NKUYIWAP.mjs';
-import { EXPORT_MENU_CONSTANTS } from './chunk-OWW3K55O.mjs';
+import { normalizeCrosshairConfig } from './chunk-O4BTKF5R.mjs';
+import { resolveNavigatorConfig } from './chunk-7LZWQVTL.mjs';
+import { buildLegendItems, resolveLegendClickAction } from './chunk-AC5EAWIP.mjs';
+import { normalizePadding, calculateTitleLayout, calculateLegendArea, calculateChartArea } from './chunk-AJ24XDEK.mjs';
+import { generateChartTypeDescription, generateChartSummary } from './chunk-IFJPDARC.mjs';
+import { DEFAULT_CHART_TITLE_PADDING, DEFAULT_LEGEND_PADDING, DEFAULT_CHART_CAPTION_PADDING } from './chunk-6LUIVTNV.mjs';
+import { EXPORT_MENU_CONSTANTS } from './chunk-RIAPS5AW.mjs';
 
 // src/orchestrator/computeLayout.ts
 function buildLayoutInputs(p) {
@@ -467,6 +467,9 @@ function processMouseMoveCore(x, y, ctx, lastHover, tooltipConfig) {
       cursorFormattedValue: typeof extHit["cursorFormattedValue"] === "string" ? extHit["cursorFormattedValue"] : void 0,
       xValue: extHit["xValue"],
       yValue: extHit["yValue"],
+      independentIsCategory: typeof extHit["independentIsCategory"] === "boolean" ? extHit["independentIsCategory"] : void 0,
+      xAxisTitle: typeof extHit["xAxisTitle"] === "string" ? extHit["xAxisTitle"] : void 0,
+      yAxisTitle: typeof extHit["yAxisTitle"] === "string" ? extHit["yAxisTitle"] : void 0,
       ohlc: extHit["ohlc"],
       bubbleValue: typeof extHit["bubbleValue"] === "number" ? extHit["bubbleValue"] : void 0,
       snapX: ctx.hasCrosshair ? cartHit?.snapX : void 0,

package/dist/{chunk-M7B3JF43.mjs → chunks/chunk-AZPJMIZE.mjs}

@@ -1,5 +1,6 @@
-import { hitTestCandlestick } from './chunk-3OZLP4I4.mjs';
-import { formatTimeLabel, formatHitValue, formatCursorValue } from './chunk-DP2IZNN3.mjs';
+import { hitTestCandlestick } from './chunk-HWT6UEYE.mjs';
+import { formatTimeLabel, formatHitValue, formatCursorValue } from './chunk-HHBFQ6AI.mjs';
+import { formatTooltipValue } from './chunk-56MASQS2.mjs';
 
 // src/cartesian/hittest-wrappers/candlestick.ts
 function candlestickHitTest(x, y, ctx) {
@@ -53,7 +54,7 @@ function candlestickFindAllNearest(x, y, ctx) {
     const color = candle.bodyStroke;
     const ohlc = { open: candle.open, high: candle.high, low: candle.low, close: candle.close };
     const label = formatTimeLabel(candle.label, layoutData);
-    const formattedValue = props ? formatHitValue(candle.close, props, "vertical", layoutData) : String(candle.close);
+    const formattedValue = props ? formatHitValue(candle.close, props, "vertical", layoutData) : formatTooltipValue(candle.close);
     const cursorFormattedValue = props ? formatCursorValue(x, y, props, "vertical", layoutData) : formattedValue;
     allSeries.push({
       datasetId,