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

package/dist/{chunk-LVMDQ4OJ.mjs → chunks/chunk-4S3FOFCN.mjs}

@@ -1,5 +1,5 @@
-import { clampArcBorderRadius, hasArcBorderRadius } from './chunk-VGLSBZDN.mjs';
-import { toRad, normalizeAngleRelativeTo, xCalc, yCalc } from './chunk-RQ3CKQOX.mjs';
+import { clampArcBorderRadius, hasArcBorderRadius } from './chunk-F2E2QCZM.mjs';
+import { toRad, normalizeAngleRelativeTo, xCalc, yCalc } from './chunk-K7AGQTVK.mjs';
 
 // src/circular/arc/shared.ts
 var CLIP_PIXEL_MARGIN = 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-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;

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