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

package/dist/{chunk-XTVE4P3L.mjs → chunks/chunk-56MASQS2.mjs}

@@ -1,4 +1,4 @@
-import { createSvgText } from './chunk-SSLTFJ3U.mjs';
+import { createSvgText } from './chunk-BF7RP4A3.mjs';
 
 // src/utils/text/text.utils.ts
 var CHAR_WIDTH_RATIO = 0.65;
@@ -205,10 +205,14 @@ function formatCompactValue(v, locale) {
   if (Number.isInteger(v)) return String(v);
   return v.toFixed(1);
 }
+function formatTooltipValue(v, locale) {
+  if (!Number.isFinite(v)) return String(v);
+  return v.toLocaleString(locale, { maximumFractionDigits: 2 });
+}
 function svgAnchorToCanvasAlign(anchor) {
   if (anchor === "middle") return "center";
   if (anchor === "end") return "right";
   return "left";
 }
 
-export { CHAR_WIDTH_RATIO, calculateWrappedTextHeight, calculateWrappedTextWidth, cleanupMeasureContext, clearTextWidthCache, createSvgTitle, formatCompactValue, getTitleAnchor, getTitleX, getTitleY, measureFontMetrics, measureText, measureTextWidth, renderCanvasTitle, setTextMeasurer, svgAnchorToCanvasAlign, wrapText };
+export { CHAR_WIDTH_RATIO, calculateWrappedTextHeight, calculateWrappedTextWidth, cleanupMeasureContext, clearTextWidthCache, createSvgTitle, formatCompactValue, formatTooltipValue, getTitleAnchor, getTitleX, getTitleY, measureFontMetrics, measureText, measureTextWidth, renderCanvasTitle, setTextMeasurer, svgAnchorToCanvasAlign, wrapText };

package/dist/{chunk-DTWTCFRG.mjs → chunks/chunk-5EQSFUBA.mjs}

@@ -1,7 +1,9 @@
-import { resolveBoostActive } from './chunk-PRDVPOZX.mjs';
-import { SCATTER_BOOST_AUTO_THRESHOLD, DEFAULT_MIN_BUBBLE_SIZE, DEFAULT_MAX_BUBBLE_SIZE, DEFAULT_SCATTER_MARKER_SIZE, DEFAULT_SCATTER_HIT_RADIUS, SCATTER_SPATIAL_INDEX_THRESHOLD } from './chunk-NKUYIWAP.mjs';
-import { buildQuadtree } from './chunk-C36VWQ7A.mjs';
-import { batchResolveAccessor, resolveAccessor, makeItemContext } from './chunk-O2X6FF45.mjs';
+import { bandCenter } from './chunk-RLS3GMJ6.mjs';
+import { resolveBoostActive } from './chunk-QIYJUZ7I.mjs';
+import { SCATTER_BOOST_AUTO_THRESHOLD, DEFAULT_MIN_BUBBLE_SIZE, DEFAULT_MAX_BUBBLE_SIZE, DEFAULT_SCATTER_MARKER_SIZE, DEFAULT_SCATTER_HIT_RADIUS, SCATTER_SPATIAL_INDEX_THRESHOLD } from './chunk-6LUIVTNV.mjs';
+import { batchResolveAccessor, resolveAccessor, makeItemContext } from './chunk-BDCNBS6W.mjs';
+import { buildQuadtree } from './chunk-KMKULH54.mjs';
+import { resolveCartesianAccessors } from './chunk-G3DIMENH.mjs';
 
 // src/series/scatter/geometry.ts
 function isBoostActive(props, visibleCount) {
@@ -9,15 +11,21 @@ function isBoostActive(props, visibleCount) {
 }
 function calculateScatterLayout(props, chartArea, config) {
   const { data = [] } = props;
-  const { xScale, yScale, stackBases } = config ?? { xScale: void 0, yScale: void 0, stackBases: void 0 };
+  const { xScale, yScale, stackBases, orientation } = config ?? { xScale: void 0, yScale: void 0, stackBases: void 0, orientation: "vertical" };
+  const horizontal = orientation === "horizontal";
   const markerSizeAccessor = props.markerSize;
   const minSize = props.minSize ?? DEFAULT_MIN_BUBBLE_SIZE;
   const maxSize = props.maxSize ?? DEFAULT_MAX_BUBBLE_SIZE;
   const seriesIdx = props.order ?? 0;
   const seriesExtras = { seriesIndex: seriesIdx, seriesId: props.id ?? "" };
-  const xValues = batchResolveAccessor(props.xField, data);
-  const yValues = batchResolveAccessor(props.yField, data);
-  const seriesColor = props.color != null && data.length > 0 ? resolveAccessor(props.color, makeItemContext(data[0], 0, { value: yValues[0], category: String(xValues[0]), ...seriesExtras })) : void 0;
+  const acc = resolveCartesianAccessors(props);
+  const isCategoryX = acc.independentIsCategory;
+  const yValues = batchResolveAccessor(acc.measureField, data);
+  const categoriesRaw = isCategoryX ? batchResolveAccessor(acc.independentField, data) : void 0;
+  const xValues = isCategoryX ? void 0 : batchResolveAccessor(acc.independentField, data);
+  const bandScale = isCategoryX ? xScale : void 0;
+  const firstCategory = isCategoryX ? categoriesRaw != null && categoriesRaw[0] != null ? String(categoriesRaw[0]) : "" : String(xValues?.[0]);
+  const seriesColor = props.color != null && data.length > 0 ? resolveAccessor(props.color, makeItemContext(data[0], 0, { value: yValues[0], category: firstCategory, ...seriesExtras })) : void 0;
   let sizeValues;
   let sizeMin = Infinity;
   let sizeMax = -Infinity;
@@ -38,15 +46,34 @@ function calculateScatterLayout(props, chartArea, config) {
   const colorAccessor = props.color;
   const rotationAccessor = props.pointRotation;
   const points = data.map((item, i) => {
-    const rawX = xValues[i];
     const rawY = yValues[i];
-    const xVal = (rawX == null || isNaN(rawX)) && treatNullAsZero ? 0 : rawX;
     const yVal = (rawY == null || isNaN(rawY)) && treatNullAsZero ? 0 : rawY;
     const visible = props.visibility ? props.visibility.get(i) !== false : true;
     const stackBase = stackBases?.[i] ?? 0;
-    const px = xScale(xVal);
-    const py = yScale(yVal == null || typeof yVal === "number" && isNaN(yVal) ? yVal : stackBase + yVal);
-    const ctx = makeItemContext(item, i, { value: yVal, category: String(xVal), ...seriesExtras });
+    const valuePos = yScale(yVal == null || typeof yVal === "number" && isNaN(yVal) ? yVal : stackBase + yVal);
+    let px;
+    let py;
+    let xVal;
+    let categoryLabel;
+    if (isCategoryX) {
+      const cat = categoriesRaw[i];
+      categoryLabel = cat == null ? void 0 : String(cat);
+      const bandPos = categoryLabel != null ? bandCenter(bandScale, categoryLabel) : NaN;
+      if (horizontal) {
+        px = valuePos;
+        py = bandPos;
+      } else {
+        px = bandPos;
+        py = valuePos;
+      }
+      xVal = i;
+    } else {
+      const rawX = xValues[i];
+      xVal = (rawX == null || isNaN(rawX)) && treatNullAsZero ? 0 : rawX;
+      px = xScale(xVal);
+      py = valuePos;
+    }
+    const ctx = makeItemContext(item, i, { value: yVal, category: categoryLabel ?? String(xVal), ...seriesExtras });
     let radius = resolveAccessor(markerSizeAccessor, ctx, { arrayMode: "clip", fallback: DEFAULT_SCATTER_MARKER_SIZE }) ?? DEFAULT_SCATTER_MARKER_SIZE;
     if (sizeValues) {
       const sizeVal = sizeValues[i];
@@ -67,6 +94,7 @@ function calculateScatterLayout(props, chartArea, config) {
       py,
       xValue: xVal,
       yValue: yVal,
+      ...categoryLabel != null ? { category: categoryLabel } : {},
       radius,
       rotation,
       ...sizeValues ? { sizeValue: sizeValues[i] } : {},

package/dist/{chunk-KQIFO5I3.mjs → chunks/chunk-5QSTMSPW.mjs}

@@ -1,9 +1,9 @@
-import { createCanvasLinePathBuilder, traceCurve, reversedBaseEdge } from './chunk-HDFGCN2F.mjs';
-import { resolveBoostActive, MARKER_SHAPE_NAMES, traceMarkerShapeCanvasAt, drawMarkerCanvas } from './chunk-PRDVPOZX.mjs';
-import { computeItemHoverState, applyHoverEffects } from './chunk-BZN2QHGP.mjs';
-import { DEFAULT_LINE_WIDTH, DEFAULT_LINE_MARKER_SIZE, DEFAULT_AREA_FILL_OPACITY, DEFAULT_HOVER_DIM_OPACITY, LINE_BOOST_AUTO_THRESHOLD, DEFAULT_HOVER_POINT_RADIUS_MULTIPLIER } from './chunk-NKUYIWAP.mjs';
-import { makeItemContext, resolveDash, resolveAccessor, getDefaultColor, isGradientColor, createCanvasGradientFromColor, getPrimaryColor } from './chunk-O2X6FF45.mjs';
-import { withCanvasState } from './chunk-SSLTFJ3U.mjs';
+import { createCanvasLinePathBuilder, traceCurve, reversedBaseEdge } from './chunk-HBTCRORW.mjs';
+import { resolveBoostActive, MARKER_SHAPE_NAMES, traceMarkerShapeCanvasAt, drawMarkerCanvas } from './chunk-QIYJUZ7I.mjs';
+import { computeItemHoverState, applyHoverEffects } from './chunk-F6AGZQDA.mjs';
+import { DEFAULT_LINE_WIDTH, DEFAULT_LINE_MARKER_SIZE, DEFAULT_AREA_FILL_OPACITY, DEFAULT_HOVER_DIM_OPACITY, LINE_BOOST_AUTO_THRESHOLD, DEFAULT_HOVER_POINT_RADIUS_MULTIPLIER } from './chunk-6LUIVTNV.mjs';
+import { makeItemContext, resolveDash, resolveAccessor, getDefaultColor, isGradientColor, createCanvasGradientFromColor, getPrimaryColor } from './chunk-BDCNBS6W.mjs';
+import { withCanvasState } from './chunk-BF7RP4A3.mjs';
 
 // src/series/line/canvas/index.ts
 var DEFAULT_CURVE = "linear";
@@ -34,7 +34,7 @@ function renderLineCanvas(props, layout, ctx, context) {
   const isSeriesDimmed = props.interaction?.isSeriesDimmed ?? false;
   const effects = props.effects;
   const seriesDimOpacity = isSeriesDimmed ? effects?.dimOpacity ?? context.theme.dimOpacity ?? DEFAULT_HOVER_DIM_OPACITY : 1;
-  const lineColor = layout.lineColor ?? getDefaultColor(layout.seriesIdx, context.theme);
+  const lineColor = layout.lineColor ?? getDefaultColor(layout.colorIndex, context.theme);
   const seriesExtras = { seriesIndex: layout.seriesIdx, seriesId: layout.datasetId };
   let strokeStyle;
   if (isGradientColor(lineColor)) {
@@ -187,7 +187,8 @@ function renderLineCanvas(props, layout, ctx, context) {
         if (!showMarkers && !hoverState.isHovered) continue;
         const pointColor = props.pointColors?.[pt.dataIndex];
         const ptCtxC = makeItemContext(props.data?.[pt.dataIndex], pt.dataIndex, { value: pt.value, category: pt.category, ...seriesExtras });
-        const baseColor = pointColor ?? resolveAccessor(props.pointBackgroundColor, ptCtxC, { arrayMode: "cycle" }) ?? (typeof lineColor === "string" ? lineColor : "#000");
+        const resolvedPointColor = pointColor ?? resolveAccessor(props.pointBackgroundColor, ptCtxC, { arrayMode: "cycle" });
+        const baseColor = resolvedPointColor ? getPrimaryColor(resolvedPointColor) : getPrimaryColor(lineColor ?? "#000");
         const baseBorderColor = resolveAccessor(props.pointBorderColor, ptCtxC, { arrayMode: "cycle" }) ?? baseColor;
         const baseBorderWidth = resolveAccessor(props.pointBorderStrokeWidth, ptCtxC, { arrayMode: "clip", fallback: 0 }) ?? 0;
         const ptHoverBgC = resolveAccessor(props.pointHoverBackgroundColor, ptCtxC, { arrayMode: "cycle" });
@@ -203,19 +204,23 @@ function renderLineCanvas(props, layout, ctx, context) {
         const effectResult = applyHoverEffects(baseColor, baseBorderColor, baseBorderWidth, props.lineDash, props.lineDashOffset ?? 0, hoverState, effectConfig, context.theme);
         const ptMarkerSize = resolveMarkerSize(ptCtxC);
         const currentSize = hoverState.isHovered ? effects?.hoverPointRadius ?? ptMarkerSize * (effects?.hoverRadiusMultiplier ?? DEFAULT_HOVER_POINT_RADIUS_MULTIPLIER) : ptMarkerSize;
+        const useGradientFill = !resolvedPointColor && isGradientColor(lineColor);
+        const markerFill = useGradientFill ? strokeStyle : effectResult.color;
+        const brightnessOverlay = useGradientFill && hoverState.isHovered && effects?.hoverBrightness && effects.hoverBrightness > 1 ? (effects.hoverBrightness - 1) * 0.6 : void 0;
         drawMarkerCanvas(ctx, {
           x: pt.x,
           y: pt.y,
           size: currentSize,
           shape: resolveMarkerShape(ptCtxC, currentSize),
-          fillStyle: effectResult.color,
+          fillStyle: markerFill,
           strokeStyle: effectResult.borderColor,
           lineStrokeWidth: effectResult.borderStrokeWidth,
           opacity: effectResult.opacity,
           rotation: resolveMarkerRotation(ptCtxC),
           lineDash: resolvePointDash(ptCtxC),
           lineDashOffset: resolvePointDashOffset(ptCtxC),
-          lineJoin: props.pointBorderJoinStyle
+          lineJoin: props.pointBorderJoinStyle,
+          brightnessOverlay
         });
       }
     }

package/dist/{chunk-NKUYIWAP.mjs → chunks/chunk-6LUIVTNV.mjs}

@@ -1,6 +1,6 @@
-import { perceivedLuminanceFromRGB } from './chunk-QS76E3TD.mjs';
-import { defaultLightTheme } from './chunk-O2X6FF45.mjs';
-import { parseHexColor } from './chunk-SSLTFJ3U.mjs';
+import { perceivedLuminanceFromRGB } from './chunk-RI32WIDX.mjs';
+import { defaultLightTheme } from './chunk-BDCNBS6W.mjs';
+import { parseHexColor } from './chunk-BF7RP4A3.mjs';
 
 // src/utils/theme/defaults.ts
 var LIGHT_MODE_COLORS = {
@@ -59,7 +59,7 @@ var DEFAULT_REFERENCE_LABEL_FONT_SIZE = 11;
 var DEFAULT_REFERENCE_LABEL_FONT_WEIGHT = 500;
 var DEFAULT_REFERENCE_LABEL_OFFSET = 4;
 var DEFAULT_HOVER_BRIGHTNESS = 1.1;
-var DEFAULT_HOVER_DIM_OPACITY = 0.6;
+var DEFAULT_HOVER_DIM_OPACITY = 1;
 var DEFAULT_HOVER_POINT_RADIUS_MULTIPLIER = 1.3;
 var DEFAULT_HOVER_OFFSET = 0;
 var DEFAULT_LINE_WIDTH = 2;
@@ -87,11 +87,11 @@ var DEFAULT_CANDLESTICK_NEUTRAL_COLOR = "#6b7280";
 var DEFAULT_CANDLESTICK_WICK_WIDTH = 1;
 var DEFAULT_TREEMAP_PADDING = 2;
 var DEFAULT_TREEMAP_GROUP_LABEL_HEIGHT = 18;
-var DEFAULT_TREEMAP_CELL_COLOR = "#3563e9";
+var DEFAULT_TREEMAP_CELL_COLOR = "#5daeea";
 var DEFAULT_TREEMAP_HEADER_BG = "rgba(0,0,0,0.6)";
 var DEFAULT_TREEMAP_HEADER_TEXT_COLOR = "#FFFFFF";
 var DEFAULT_TREEMAP_CELL_BORDER_COLOR = "rgba(0,0,0,0.15)";
-var DEFAULT_TREEMAP_GROUP_COLORS = ["#3563e9", "#e8722d", "#1fbe8b", "#dc2f4f", "#6852d9", "#1dafd9", "#d63384", "#88b83f", "#a855cc", "#d9a422"];
+var DEFAULT_TREEMAP_GROUP_COLORS = ["#5daeea", "#ffad5a", "#ffd166", "#4ecdc4", "#7c8cff", "#c084fc", "#ff6fae", "#9ccc3c", "#ff7a66", "#36b7d6", "#a78bfa", "#5ccf9f", "#fda4af", "#94a3b8"];
 var DEFAULT_NAV_PADDING_Y = 4;
 var DEFAULT_NAV_PADDING_X = 6;
 var DEFAULT_NAV_MIN_SELECTION_WIDTH = 20;

package/dist/chunks/chunk-6MAO6I3E.mjs

@@ -0,0 +1,6 @@
+// src/series/radial-accessors.ts
+function resolveRadialAccessors(props) {
+  return { angularField: props.categoryXField, radialField: props.valueYField };
+}
+
+export { resolveRadialAccessors };

package/dist/{chunk-DN6AXQYZ.mjs → chunks/chunk-72M66Y2U.mjs}

@@ -1,9 +1,10 @@
-import { getCategoryLabelAnchor } from './chunk-WCG35U6M.mjs';
-import { resolveBandGeometry, buildWedgePath, buildCircleSvgPath, buildPolygonPath, resolveLineGeometry } from './chunk-TA4MVAEX.mjs';
-import { formatCompactValue, measureFontMetrics, svgAnchorToCanvasAlign } from './chunk-XTVE4P3L.mjs';
-import { resolveAxisColor } from './chunk-NKUYIWAP.mjs';
-import { createSvgGroup, appendChild, createSvgPath, createSvgText, createSvgLine, createSvgCircle, withCanvasState } from './chunk-SSLTFJ3U.mjs';
-import { toRad } from './chunk-RQ3CKQOX.mjs';
+import { getCategoryLabelAnchor } from './chunk-FYVMRQFF.mjs';
+import { resolveBandGeometry, buildWedgePath, buildCircleSvgPath, buildPolygonPath, resolveLineGeometry } from './chunk-CFA2SUBF.mjs';
+import { safeFormat } from './chunk-DIJFKY6H.mjs';
+import { formatCompactValue, measureFontMetrics, svgAnchorToCanvasAlign, formatTooltipValue } from './chunk-56MASQS2.mjs';
+import { resolveAxisColor } from './chunk-6LUIVTNV.mjs';
+import { createSvgGroup, appendChild, createSvgPath, createSvgText, createSvgLine, createSvgCircle, withCanvasState } from './chunk-BF7RP4A3.mjs';
+import { toRad } from './chunk-K7AGQTVK.mjs';
 
 // src/renderers/radial-grid.svg.ts
 function renderRadialGridSvg(layout, theme, axisIndex = 0) {
@@ -39,7 +40,7 @@ function renderRadialGridSvg(layout, theme, axisIndex = 0) {
         appendChild(
           group,
           createSvgText(lx, ly, band.label, {
-            class: "p-chart-tick-label",
+            class: "p-chart-tick-label p-chart-radial-tick-label",
             "text-anchor": "start",
             "dominant-baseline": "middle",
             fill: band.labelColor ?? theme.tickLabel,
@@ -118,7 +119,6 @@ function renderRadialGridSvg(layout, theme, axisIndex = 0) {
       const ep = spokeEndpoints[si];
       appendChild(group, createSvgLine(center.x, center.y, ep.x, ep.y, spokeAttrs));
     }
-    const haloColor = theme.tickHalo;
     for (let ci = 0; ci < spokes.length; ci++) {
       const entry = spokes[ci];
       if (entry.showLabels === false) continue;
@@ -137,7 +137,11 @@ function renderRadialGridSvg(layout, theme, axisIndex = 0) {
         const r = entry.levelRadii[li];
         if (r <= 0) continue;
         const val = entry.levelValues[li];
-        const text = formatter ? formatter(val) : formatCompactValue(val);
+        const text = formatter ? safeFormat(
+          () => formatter(val),
+          () => formatCompactValue(val),
+          "tick"
+        ) : formatCompactValue(val);
         const px = -dy * 4;
         const py = dx * 4;
         const cx = center.x + dx * r + px;
@@ -145,15 +149,11 @@ function renderRadialGridSvg(layout, theme, axisIndex = 0) {
         appendChild(
           group,
           createSvgText(cx, cy, text, {
-            class: "p-chart-tick-label",
+            class: "p-chart-tick-label p-chart-radial-tick-label",
             "text-anchor": "middle",
             "dominant-baseline": "central",
             transform: `rotate(${rotation.toFixed(2)} ${cx} ${cy})`,
             fill: resolvedColor ?? theme.tickLabel,
-            stroke: haloColor,
-            "stroke-width": "3",
-            "stroke-linejoin": "round",
-            "paint-order": "stroke fill",
             "font-size": resolvedFontSize,
             "font-family": layout.fontFamily,
             opacity: 0.85
@@ -189,7 +189,6 @@ function renderRadialGridSvg(layout, theme, axisIndex = 0) {
         appendChild(group, createSvgLine(center.x, center.y, ep.x, ep.y, spokeAttrs));
       }
     }
-    const haloColor = theme.tickHalo;
     const resolvedTickFontSize = Math.round(tickFontSize * 0.83);
     const labelEnd = yAxis.showLabels === false ? 0 : xDrawsPerimeter ? levelValues.length - 1 : levelValues.length;
     for (let li = 1; li < labelEnd; li++) {
@@ -200,13 +199,9 @@ function renderRadialGridSvg(layout, theme, axisIndex = 0) {
       appendChild(
         group,
         createSvgText(center.x + 4, ly + 8, label, {
-          class: "p-chart-tick-label",
+          class: "p-chart-tick-label p-chart-radial-tick-label",
           "text-anchor": "start",
           fill: tickColor ?? theme.tickLabel,
-          stroke: haloColor,
-          "stroke-width": "3",
-          "stroke-linejoin": "round",
-          "paint-order": "stroke fill",
           "font-size": resolvedTickFontSize,
           "font-family": layout.fontFamily,
           opacity: 0.7
@@ -241,7 +236,7 @@ function renderRadialGridSvg(layout, theme, axisIndex = 0) {
       appendChild(
         group,
         createSvgText(lx, finalY, categories[i], {
-          class: "p-chart-tick-label",
+          class: "p-chart-tick-label p-chart-radial-tick-label",
           "text-anchor": getCategoryLabelAnchor(angleDeg),
           "dominant-baseline": "auto",
           fill: xAxis.color ?? theme.tickLabel,
@@ -426,17 +421,17 @@ function renderRadialGridCanvas(ctx, layout, theme, axisIndex = 0) {
       ctx.font = `${resolvedTickFontSize}px ${layout.fontFamily}`;
       ctx.textAlign = "left";
       ctx.textBaseline = "alphabetic";
-      ctx.strokeStyle = theme.tickHalo;
-      ctx.lineWidth = 3;
-      ctx.lineJoin = "round";
       const labelEnd = yAxis.showLabels === false ? 0 : xAxis && xAxis.visible !== false && xAxis.showLine !== false ? levelValues.length - 1 : levelValues.length;
       for (let li = 1; li < labelEnd; li++) {
         const r = levelRadii[li];
         const val = levelValues[li];
-        const label = tickFormat ? tickFormat(val) : formatCompactValue(val);
+        const label = tickFormat ? safeFormat(
+          () => tickFormat(val),
+          () => formatCompactValue(val),
+          "tick"
+        ) : formatCompactValue(val);
         const tx = center.x + 4;
         const ty = center.y - r + 8;
-        ctx.strokeText(label, tx, ty);
         ctx.fillText(label, tx, ty);
       }
     });
@@ -499,14 +494,15 @@ function renderRadialGridCanvas(ctx, layout, theme, axisIndex = 0) {
         ctx.font = `${resolvedFontSize}px ${layout.fontFamily}`;
         ctx.textAlign = "center";
         ctx.textBaseline = "middle";
-        ctx.strokeStyle = theme.tickHalo;
-        ctx.lineWidth = 3;
-        ctx.lineJoin = "round";
         for (let li = 1; li < entry.levelValues.length; li++) {
           const r = entry.levelRadii[li];
           if (r <= 0) continue;
           const val = entry.levelValues[li];
-          const text = formatter ? formatter(val) : formatCompactValue(val);
+          const text = formatter ? safeFormat(
+            () => formatter(val),
+            () => formatCompactValue(val),
+            "tick"
+          ) : formatCompactValue(val);
           const px = -dy * 4;
           const py = dx * 4;
           const cx = center.x + dx * r + px;
@@ -514,7 +510,6 @@ function renderRadialGridCanvas(ctx, layout, theme, axisIndex = 0) {
           ctx.save();
           ctx.translate(cx, cy);
           ctx.rotate(toRad(rotation));
-          ctx.strokeText(text, 0, 0);
           ctx.fillText(text, 0, 0);
           ctx.restore();
         }
@@ -579,14 +574,18 @@ function buildTooltipContent(data, isSharedMode, opts = {}) {
       type: "multi-series",
       label: data.label,
       series: data.allSeriesHits.map((hit) => {
-        const formatted2 = valueFormatter ? valueFormatter(hit.value, { label: data.label, color: hit.color, datasetId: hit.datasetId }) : void 0;
+        const formatted2 = valueFormatter ? safeFormat(
+          () => valueFormatter(hit.value, { label: data.label, color: hit.color, datasetId: hit.datasetId }),
+          () => void 0,
+          "tooltip value"
+        ) : void 0;
         return {
           datasetId: hit.datasetId,
           color: hit.color,
           colorGradient: hit.colorGradient,
           swatchColor: hit.swatchColor,
           label: hit.name ?? hit.datasetId,
-          formattedValue: typeof formatted2 === "string" ? formatted2 : hit.formattedValue,
+          formattedValue: typeof formatted2 === "string" ? formatted2 : hit.formattedValue ?? formatTooltipValue(hit.value, locale),
           ohlc: hit.ohlc
         };
       })
@@ -594,7 +593,11 @@ function buildTooltipContent(data, isSharedMode, opts = {}) {
   }
   const ctx = { label: data.label, color: data.color, datasetId: data.datasetId ?? "", percentage: data.percentage, index: data.index };
   const primary = data.value ?? data.yValue ?? data.ohlc?.close ?? 0;
-  const formatted = valueFormatter ? valueFormatter(primary, ctx) : void 0;
+  const formatted = valueFormatter ? safeFormat(
+    () => valueFormatter(primary, ctx),
+    () => void 0,
+    "tooltip value"
+  ) : void 0;
   if (Array.isArray(formatted)) {
     return { type: "rows", color: data.color, colorGradient: data.colorGradient, swatchColor: data.swatchColor, label: data.label, rows: formatted };
   }
@@ -607,20 +610,22 @@ function buildTooltipContent(data, isSharedMode, opts = {}) {
       label: data.label,
       rows: ["open", "high", "low", "close"].map((key) => ({
         key,
-        value: data.ohlc[key].toLocaleString(locale, { maximumFractionDigits: 4 })
+        value: formatTooltipValue(data.ohlc[key], locale)
       }))
     };
   }
-  if (data.xValue !== void 0 && data.yValue !== void 0) {
+  if (!data.independentIsCategory && data.xValue !== void 0 && data.yValue !== void 0) {
     return {
-      type: "scatter",
+      type: "xy",
       color: data.color,
       colorGradient: data.colorGradient,
       swatchColor: data.swatchColor,
       label: data.label,
-      xValue: data.xValue,
-      yValue: data.yValue,
-      bubbleValue: data.bubbleValue
+      xLabel: data.xAxisTitle ?? "x",
+      yLabel: data.yAxisTitle ?? "y",
+      xValue: formatTooltipValue(data.xValue, locale),
+      yValue: formatTooltipValue(data.yValue, locale),
+      bubbleValue: data.bubbleValue != null ? formatTooltipValue(data.bubbleValue, locale) : void 0
     };
   }
   return {
@@ -629,7 +634,7 @@ function buildTooltipContent(data, isSharedMode, opts = {}) {
     colorGradient: data.colorGradient,
     swatchColor: data.swatchColor,
     label: data.label,
-    value: typeof formatted === "string" ? formatted : data.formattedValue ?? data.value,
+    value: typeof formatted === "string" ? formatted : data.formattedValue ?? (typeof data.value === "number" ? formatTooltipValue(data.value, locale) : data.value),
     percentage: data.percentage != null ? +data.percentage.toFixed(1) : void 0
   };
 }

package/dist/{chunk-WFVOQ2QZ.mjs → chunks/chunk-77K3DEKL.mjs}

@@ -1,5 +1,5 @@
-import { renderHeatmapSvg } from './chunk-MTGMXRNF.mjs';
-import { renderHeatmapCanvas } from './chunk-TQ6S34QZ.mjs';
+import { renderHeatmapSvg } from './chunk-PSDRVQSK.mjs';
+import { renderHeatmapCanvas } from './chunk-GXCLRRE5.mjs';
 
 // src/series/heatmap/index.ts
 var heatmapRenderer = {

package/dist/{chunk-4C6EVJ54.mjs → chunks/chunk-7I2SAKHL.mjs}

@@ -1,46 +1,9 @@
-import { formatDataLabelText } from './chunk-OXTFAWSK.mjs';
-import { wrapText, calculateWrappedTextWidth, calculateWrappedTextHeight } from './chunk-XTVE4P3L.mjs';
-import { DEFAULT_FALLBACK_COLOR } from './chunk-NKUYIWAP.mjs';
-import { makeItemContext, resolveAccessor } from './chunk-O2X6FF45.mjs';
-import { withCanvasState } from './chunk-SSLTFJ3U.mjs';
-import { toRad, pointOnCircle } from './chunk-RQ3CKQOX.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)
-  };
-}
+import { formatDataLabelText } from './chunk-J2WHJ73Y.mjs';
+import { wrapText, calculateWrappedTextWidth, calculateWrappedTextHeight } from './chunk-56MASQS2.mjs';
+import { DEFAULT_FALLBACK_COLOR } from './chunk-6LUIVTNV.mjs';
+import { makeItemContext, resolveAccessor } from './chunk-BDCNBS6W.mjs';
+import { withCanvasState } from './chunk-BF7RP4A3.mjs';
+import { toRad, pointOnCircle } from './chunk-K7AGQTVK.mjs';
 
 // src/circular/label.utils.ts
 function getLabelSide(angle) {
@@ -359,4 +322,4 @@ function buildPieDataLabelLayout(frame, labelConfig, viewport, datasetPropsMap)
   return { labelLayout, configsByIndex, labelSlices };
 }
 
-export { DEFAULT_LABEL_LAYOUT_OPTIONS, boxAreaToBounds, buildPieDataLabelLayout, calculateLabelLayout, computeLabelAwareRadius, computeSliceGeometry, drawCanvasLabelLines, drawCanvasLeaderLine, drawCanvasStraightLeaderLine, getLabelSide };
+export { DEFAULT_LABEL_LAYOUT_OPTIONS, boxAreaToBounds, buildPieDataLabelLayout, calculateLabelLayout, computeLabelAwareRadius, drawCanvasLabelLines, drawCanvasLeaderLine, drawCanvasStraightLeaderLine, getLabelSide };

package/dist/{chunk-6HSEJLSR.mjs → chunks/chunk-7I2SNJ2X.mjs}

@@ -1,6 +1,8 @@
-import { createSvgLinePathBuilder, traceCurve, reversedBaseEdge, invertCurveForReverse } from './chunk-HDFGCN2F.mjs';
-import { batchResolveRequired, resolveAccessor, makeItemContext } from './chunk-O2X6FF45.mjs';
-import { createBandScale, calculateNiceDomain, createLinearScale } from './chunk-RQ3CKQOX.mjs';
+import { createSvgLinePathBuilder, traceCurve, reversedBaseEdge, invertCurveForReverse } from './chunk-HBTCRORW.mjs';
+import { bandCenter } from './chunk-RLS3GMJ6.mjs';
+import { batchResolveAccessor, batchResolveRequired, resolveAccessor, makeItemContext } from './chunk-BDCNBS6W.mjs';
+import { resolveCartesianAccessors } from './chunk-G3DIMENH.mjs';
+import { createBandScale, calculateNiceDomain, createLinearScale } from './chunk-K7AGQTVK.mjs';
 
 // src/series/line/geometry.ts
 var DEFAULT_CURVE = "linear";
@@ -260,6 +262,7 @@ function splitSegmentByStyle(segPts, overrides, curve, tension, isArea, isStacke
     };
   });
 }
+var numericXCache = /* @__PURE__ */ new WeakMap();
 function calculateLineLayout(props, chartArea, config) {
   const { data = [] } = props;
   const curve = props.curve ?? DEFAULT_CURVE;
@@ -267,14 +270,27 @@ function calculateLineLayout(props, chartArea, config) {
   const connectNulls = props.connectNulls ?? DEFAULT_CONNECT_NULLS;
   const fillOpacity = props.fillOpacity;
   const isArea = typeof fillOpacity === "number" && fillOpacity > 0;
-  const categoryAccessor = props.categoryField;
-  const valueAccessor = props.valueField;
-  const categories = categoryAccessor ? batchResolveRequired(categoryAccessor, data, "categoryField") : data.map((_, i) => String(i));
-  const rawValues = valueAccessor ? batchResolveRequired(valueAccessor, data, "valueField") : data.map((d) => {
-    const v = d["value"];
-    return v != null && !isNaN(Number(v)) ? Number(v) : null;
-  });
-  const categoryScale = config?.categoryScale ?? createBandScale(categories, [chartArea.x, chartArea.x + chartArea.width]);
+  const acc = resolveCartesianAccessors(props);
+  const valueAccessor = acc.measureField;
+  const isNumericX = !acc.independentIsCategory && config?.valueXScale != null;
+  let numericXValues;
+  let numericLabels;
+  if (isNumericX) {
+    const cached = numericXCache.get(data);
+    if (cached && cached.field === acc.independentField) {
+      numericXValues = cached.raw;
+      numericLabels = cached.labels;
+    } else {
+      numericXValues = batchResolveAccessor(acc.independentField, data);
+      numericLabels = numericXValues.map((v) => String(v));
+      numericXCache.set(data, { field: acc.independentField, raw: numericXValues, labels: numericLabels });
+    }
+  }
+  const categoryAccessor = isNumericX ? void 0 : acc.independentField;
+  const categories = isNumericX ? numericLabels : categoryAccessor ? batchResolveRequired(categoryAccessor, data, "categoryField") : data.map((_, i) => String(i));
+  const rawValues = valueAccessor ? batchResolveRequired(valueAccessor, data, "valueField") : data.map(() => null);
+  const valueXScale = isNumericX ? config.valueXScale : void 0;
+  const categoryScale = isNumericX ? void 0 : config?.categoryScale ?? createBandScale(categories, [chartArea.x, chartArea.x + chartArea.width]);
   const numericValues = rawValues.filter((v) => v !== null && v !== void 0 && !isNaN(Number(v)));
   const valueDomain = config?.valueScale?.domain() ?? calculateNiceDomain(numericValues.length > 0 ? numericValues : [0, 1], {
     includeZero: true
@@ -285,30 +301,30 @@ function calculateLineLayout(props, chartArea, config) {
   const seriesIdx = props.order ?? 0;
   const stackBases = config?.stackBases;
   const transformedValues = config?.transformedValues;
+  const horizontal = config?.orientation === "horizontal";
   const treatNullAsZero = connectNulls === "zero";
   const points = data.map((_, i) => {
     const category = categories[i] ?? String(i);
     const rawVal = rawValues[i];
     const value = rawVal !== null && rawVal !== void 0 && !isNaN(Number(rawVal)) ? Number(rawVal) : null;
     const visible = props.visibility ? props.visibility.get(i) !== false : true;
-    const bandLeft = categoryScale(category);
-    const centerX = bandLeft + categoryScale.bandwidth() / 2;
+    const bandPos = isNumericX ? valueXScale(numericXValues[i]) : bandCenter(categoryScale, category);
     const stackBase = stackBases?.[i] ?? 0;
     const effectiveValue = transformedValues ? transformedValues[i] : value;
     const isNullPoint = effectiveValue === null || effectiveValue === void 0 || typeof effectiveValue === "number" && isNaN(effectiveValue);
-    const y = !isNullPoint ? valueScale(stackBase + effectiveValue) : treatNullAsZero ? valueScale(stackBase) : NaN;
+    const valuePos = !isNullPoint ? valueScale(stackBase + effectiveValue) : treatNullAsZero ? valueScale(stackBase) : NaN;
     return {
       dataIndex: i,
-      x: centerX,
-      y,
+      x: horizontal ? valuePos : bandPos,
+      y: horizontal ? bandPos : valuePos,
       value,
       category,
       visible,
       ...stackBases && { baseY: valueScale(stackBase) }
     };
   });
-  const step = categoryScale.step();
-  if (step > 0) {
+  const step = categoryScale ? categoryScale.step() : 0;
+  if (categoryScale && !horizontal && step > 0) {
     for (let i = 0; i < points.length; i++) {
       const pt = points[i];
       if (isNaN(pt.x) && pt.visible && pt.value !== null && !isNaN(pt.y)) {
@@ -346,6 +362,7 @@ function calculateLineLayout(props, chartArea, config) {
     visiblePoints,
     segments,
     categoryScale,
+    valueXScale,
     valueScale,
     lineColor,
     seriesIdx,

package/dist/{chunk-66T4MRC5.mjs → chunks/chunk-7IKKWWRT.mjs}

@@ -1,7 +1,7 @@
-import { computeBarLabelPosition } from './chunk-AUF4CHDP.mjs';
-import { formatDataLabelText } from './chunk-OXTFAWSK.mjs';
-import { DEFAULT_LABEL_SPACING } from './chunk-NKUYIWAP.mjs';
-import { makeItemContext, resolveAccessor } from './chunk-O2X6FF45.mjs';
+import { computeBarLabelPosition } from './chunk-DJOHDKTP.mjs';
+import { formatDataLabelText } from './chunk-J2WHJ73Y.mjs';
+import { DEFAULT_LABEL_SPACING } from './chunk-6LUIVTNV.mjs';
+import { makeItemContext, resolveAccessor } from './chunk-BDCNBS6W.mjs';
 
 // src/cartesian/label.ts
 var BASELINE_TO_CANVAS = { central: "middle", hanging: "top", auto: "alphabetic" };
@@ -13,7 +13,6 @@ function resolveBarLabels(bars, colors, datasetTotal, orientation, config, isPer
   for (const bar of bars) {
     if (orientation === "vertical" ? bar.height < 2 : bar.width < 2) continue;
     const percentage = isPercentStacked ? bar.value : datasetTotal > 0 ? Math.abs(bar.value) / datasetTotal * 100 : 0;
-    if (config.minPercentage > 0 && percentage < config.minPercentage) continue;
     const text = formatDataLabelText(bar.value, percentage, config.display, config.formatter);
     if (!text) continue;
     const pos = computeBarLabelPosition(bar, orientation, DEFAULT_LABEL_SPACING);
@@ -82,7 +81,6 @@ function resolvePointLabels(points, seriesColor, datasetTotal, config, seriesNam
   for (const pt of points) {
     if (pt.value == null || Number.isNaN(pt.y)) continue;
     const percentage = datasetTotal > 0 ? Math.abs(pt.value) / datasetTotal * 100 : 0;
-    if (config.minPercentage > 0 && percentage < config.minPercentage) continue;
     const text = formatDataLabelText(pt.value, percentage, config.display, config.formatter);
     if (!text) continue;
     const labelCtx = needsCtx ? makeItemContext(data?.[pt.dataIndex], pt.dataIndex) : null;