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

package/dist/{chunk-3OZLP4I4.mjs → chunks/chunk-HWT6UEYE.mjs}

@@ -1,14 +1,17 @@
-import { renderCandlestickSvg } from './chunk-CINXJIRR.mjs';
-import { renderCandlestickCanvas } from './chunk-FHTC2YDB.mjs';
-import { DEFAULT_CANDLESTICK_WICK_WIDTH } from './chunk-NKUYIWAP.mjs';
-import { FIELD_DEFAULTS, batchResolveAccessor, resolveAccessor, makeItemContext, resolveDash } from './chunk-O2X6FF45.mjs';
+import { renderCandlestickSvg } from './chunk-ISU27QL2.mjs';
+import { renderCandlestickCanvas } from './chunk-SVASYTK5.mjs';
+import { DEFAULT_CANDLESTICK_WICK_WIDTH } from './chunk-6LUIVTNV.mjs';
+import { FIELD_DEFAULTS, batchResolveAccessor, resolveAccessor, makeItemContext, resolveDash } from './chunk-BDCNBS6W.mjs';
+import { resolveCartesianAccessors } from './chunk-G3DIMENH.mjs';
 
 // src/series/candlestick/geometry.ts
 var DEFAULT_BAR_WIDTH_RATIO = 0.7;
 function calculateCandlestickLayout(props, chartArea, config, theme) {
+  const acc = resolveCartesianAccessors(props);
+  const time = acc.independentField;
+  const horizontal = acc.orientation === "horizontal";
   const {
     data,
-    timeField: time,
     openField: openAcc = FIELD_DEFAULTS.openField,
     highField: highAcc = FIELD_DEFAULTS.highField,
     lowField: lowAcc = FIELD_DEFAULTS.lowField,
@@ -80,7 +83,7 @@ function calculateCandlestickLayout(props, chartArea, config, theme) {
     const useClass = perCandleColor === void 0 && directionUserColor === void 0 && directionUserBorder === void 0 && borderColor === void 0 ? effectiveDirection : null;
     const left = cx - bodyWidth / 2;
     const right = cx + bodyWidth / 2;
-    const visible = right >= chartArea.x && left <= chartArea.x + chartArea.width && highY <= chartArea.y + chartArea.height && lowY >= chartArea.y;
+    const visible = horizontal ? right >= chartArea.y && left <= chartArea.y + chartArea.height && Math.max(highY, lowY) >= chartArea.x && Math.min(highY, lowY) <= chartArea.x + chartArea.width : right >= chartArea.x && left <= chartArea.x + chartArea.width && highY <= chartArea.y + chartArea.height && lowY >= chartArea.y;
     const candleCtx = makeItemContext(data[i], i, { value: c, category: label, ...seriesExtras });
     const wickStrokeWidth = resolveAccessor(wickStrokeWidthProp, candleCtx, { arrayMode: "clip", fallback: DEFAULT_CANDLESTICK_WICK_WIDTH }) ?? DEFAULT_CANDLESTICK_WICK_WIDTH;
     const candleBorderDash = resolveDash(borderDashProp, candleCtx);
@@ -109,6 +112,7 @@ function calculateCandlestickLayout(props, chartArea, config, theme) {
       borderDash: candleBorderDash,
       borderDashOffset: candleBorderDashOffset,
       useClass,
+      orientation: horizontal ? "horizontal" : "vertical",
       visible
     });
   }
@@ -146,9 +150,8 @@ function calculateCandlestickLayout(props, chartArea, config, theme) {
 function hitTestCandlestick(x, y, layout) {
   for (const candle of layout.visibleCandles) {
     const halfBody = candle.bodyWidth / 2;
-    if (Math.abs(x - candle.x) <= halfBody && y >= candle.wickTop && y <= candle.wickBottom) {
-      return candle.dataIndex;
-    }
+    const hit = candle.orientation === "horizontal" ? Math.abs(y - candle.x) <= halfBody && x >= Math.min(candle.wickTop, candle.wickBottom) && x <= Math.max(candle.wickTop, candle.wickBottom) : Math.abs(x - candle.x) <= halfBody && y >= candle.wickTop && y <= candle.wickBottom;
+    if (hit) return candle.dataIndex;
   }
   return null;
 }
@@ -177,7 +180,8 @@ var candlestickRenderer = {
     return hitTestCandlestick(x, y, layout);
   },
   getAxisHints(props, data) {
-    const categoryLabels = batchResolveAccessor(props.timeField, data);
+    const independentField = resolveCartesianAccessors(props).independentField;
+    const categoryLabels = batchResolveAccessor(independentField, data);
     const highVals = batchResolveAccessor(props.highField ?? FIELD_DEFAULTS.highField, data);
     const lowVals = batchResolveAccessor(props.lowField ?? FIELD_DEFAULTS.lowField, data);
     return {

package/dist/{chunk-X7T34OLW.mjs → chunks/chunk-I25SSZE3.mjs}

@@ -1,6 +1,6 @@
-import { computeBarRenderStates, traceRoundedRect, tracePartialBorder } from './chunk-AUF4CHDP.mjs';
-import { isGradientColor, createCanvasGradientFromColor } from './chunk-O2X6FF45.mjs';
-import { readCssNumber, withCanvasState } from './chunk-SSLTFJ3U.mjs';
+import { computeBarRenderStates, traceRoundedRect, tracePartialBorder } from './chunk-DJOHDKTP.mjs';
+import { isGradientColor, createCanvasGradientFromColor } from './chunk-BDCNBS6W.mjs';
+import { readCssNumber, withCanvasState } from './chunk-BF7RP4A3.mjs';
 
 // src/series/bar/canvas/index.ts
 function createCanvasPathBuilder(ctx) {

package/dist/{chunk-OGJ6IIBW.mjs → chunks/chunk-IFJPDARC.mjs}

@@ -1,4 +1,7 @@
-import { batchResolveAccessor, FIELD_DEFAULTS } from './chunk-O2X6FF45.mjs';
+import { resolveRadialAccessors } from './chunk-6MAO6I3E.mjs';
+import { safeFormat } from './chunk-DIJFKY6H.mjs';
+import { batchResolveAccessor, FIELD_DEFAULTS } from './chunk-BDCNBS6W.mjs';
+import { resolveCartesianAccessors } from './chunk-G3DIMENH.mjs';
 
 // src/utils/interaction/accessibility.utils.ts
 var CHART_TYPE_LABELS = {
@@ -60,7 +63,12 @@ function generatePiePointDescription(label, value, percentage) {
   return `${label}: ${value}.`;
 }
 function formatPointDescription(context, formatter) {
-  if (formatter) return formatter(context);
+  if (formatter)
+    return safeFormat(
+      () => formatter(context),
+      () => formatPointDescription(context, void 0),
+      "point description"
+    );
   if (context.percentage !== void 0) {
     return generatePiePointDescription(context.category, context.value, context.percentage);
   }
@@ -106,8 +114,9 @@ function buildChartDataTable(datasets, maxRows = DEFAULT_DATA_TABLE_MAX_ROWS, ce
     entries.forEach((ds, i) => {
       const props = ds.props;
       const data = props.data ?? [];
-      const xs = batchResolveAccessor(pickField(props, "xField", FIELD_DEFAULTS.xField), data);
-      const ys = batchResolveAccessor(pickField(props, "yField", FIELD_DEFAULTS.yField), data);
+      const acc = resolveCartesianAccessors(props);
+      const xs = batchResolveAccessor(acc.independentField ?? FIELD_DEFAULTS.xField, data);
+      const ys = batchResolveAccessor(acc.measureField ?? FIELD_DEFAULTS.yField, data);
       data.forEach((_, r) => {
         const row = [xs[r] ?? "", ys[r] ?? ""];
         rows.push(multi ? [seriesName(props, i), ...row] : row);
@@ -118,7 +127,7 @@ function buildChartDataTable(datasets, maxRows = DEFAULT_DATA_TABLE_MAX_ROWS, ce
     caption = "Candlestick chart data";
     const props = entries[0].props;
     const data = props.data ?? [];
-    const times = batchResolveAccessor(pickField(props, "timeField", "time"), data);
+    const times = batchResolveAccessor(resolveCartesianAccessors(props).independentField, data);
     const opens = batchResolveAccessor(pickField(props, "openField", FIELD_DEFAULTS.openField), data);
     const highs = batchResolveAccessor(pickField(props, "highField", FIELD_DEFAULTS.highField), data);
     const lows = batchResolveAccessor(pickField(props, "lowField", FIELD_DEFAULTS.lowField), data);
@@ -129,8 +138,8 @@ function buildChartDataTable(datasets, maxRows = DEFAULT_DATA_TABLE_MAX_ROWS, ce
     caption = "Heatmap chart data";
     const props = entries[0].props;
     const data = props.data ?? [];
-    const ys = batchResolveAccessor(pickField(props, "yField", FIELD_DEFAULTS.yField), data);
-    const xs = batchResolveAccessor(pickField(props, "xField", FIELD_DEFAULTS.xField), data);
+    const ys = batchResolveAccessor(pickField(props, "categoryYField", FIELD_DEFAULTS.rowField), data);
+    const xs = batchResolveAccessor(pickField(props, "categoryXField", FIELD_DEFAULTS.columnField), data);
     const vals = batchResolveAccessor(pickField(props, "valueField", FIELD_DEFAULTS.valueField), data);
     data.forEach((_, r) => rows.push([String(ys[r] ?? r), String(xs[r] ?? r), vals[r] ?? ""]));
   } else if (type === "pie") {
@@ -144,11 +153,14 @@ function buildChartDataTable(datasets, maxRows = DEFAULT_DATA_TABLE_MAX_ROWS, ce
   } else {
     columns = multi ? ["Series", "Category", "Value"] : ["Category", "Value"];
     caption = `${CHART_TYPE_LABELS[type] ?? "Chart"} chart data`;
+    const isRadial = type === "radar" || type === "polar";
     entries.forEach((ds, i) => {
       const props = ds.props;
       const data = props.data ?? [];
-      const cats = batchResolveAccessor(pickField(props, "categoryField", FIELD_DEFAULTS.categoryField), data);
-      const vals = batchResolveAccessor(pickField(props, "valueField", FIELD_DEFAULTS.valueField), data);
+      const catAcc = isRadial ? resolveRadialAccessors(props).angularField : resolveCartesianAccessors(props).independentField;
+      const valAcc = isRadial ? resolveRadialAccessors(props).radialField : resolveCartesianAccessors(props).measureField;
+      const cats = batchResolveAccessor(catAcc ?? FIELD_DEFAULTS.categoryField, data);
+      const vals = batchResolveAccessor(valAcc ?? FIELD_DEFAULTS.valueField, data);
       data.forEach((_, r) => {
         const row = [String(cats[r] ?? r), vals[r] ?? ""];
         rows.push(multi ? [seriesName(props, i), ...row] : row);

package/dist/{chunk-CINXJIRR.mjs → chunks/chunk-ISU27QL2.mjs}

@@ -1,8 +1,8 @@
-import { traceRoundedRect } from './chunk-CHW4RKY3.mjs';
-import { resolveBorderRadius, clampRectBorderRadius, hasBorderRadius } from './chunk-VGLSBZDN.mjs';
-import { DEFAULT_HOVER_DIM_OPACITY } from './chunk-NKUYIWAP.mjs';
-import { resolveAccessor, makeItemContext } from './chunk-O2X6FF45.mjs';
-import { createSvgGroup, setAttr, appendChild, createSvgLine, createSvgPath, createSvgRect } from './chunk-SSLTFJ3U.mjs';
+import { traceRoundedRect } from './chunk-576P5DBH.mjs';
+import { clampRectBorderRadius, resolveBorderRadius, hasBorderRadius } from './chunk-F2E2QCZM.mjs';
+import { DEFAULT_HOVER_DIM_OPACITY } from './chunk-6LUIVTNV.mjs';
+import { resolveAccessor, makeItemContext } from './chunk-BDCNBS6W.mjs';
+import { createSvgGroup, setAttr, appendChild, adjustBrightness, createSvgLine, createSvgPath, createSvgRect } from './chunk-BF7RP4A3.mjs';
 
 // src/series/candlestick/svg/index.ts
 var DEFAULT_BAR_WIDTH_RATIO = 0.7;
@@ -29,6 +29,43 @@ function renderCandleBodyAndWicksSvg(candle, wickWidth, borderStyle) {
   const borderDash = candle.borderDash ?? borderStyle.borderDash;
   const borderDashOffset = candle.borderDashOffset ?? borderStyle.borderDashOffset;
   const inset = borderAlign === "inner" ? borderWidth / 2 : 0;
+  if (candle.orientation === "horizontal") {
+    const candleClsH = candle.useClass ? `p-chart-candle-${candle.useClass}` : null;
+    const isHollowH = candle.bodyFill === null;
+    const cy = candle.x;
+    const halfThick = candle.bodyWidth / 2;
+    const bLeft = candle.bodyTop;
+    const bRight = candle.bodyBottom;
+    const wLow = Math.min(candle.wickTop, candle.wickBottom);
+    const wHigh = Math.max(candle.wickTop, candle.wickBottom);
+    const addWickH = (x1, x2) => {
+      const w = createSvgLine(x1, cy, x2, cy);
+      if (candleClsH) setAttr(w, "class", candleClsH);
+      setAttr(w, "stroke", candle.wickColor);
+      setAttr(w, "stroke-width", String(wickWidth));
+      appendChild(group, w);
+    };
+    if (bLeft > wLow) addWickH(wLow, bLeft);
+    if (wHigh > bRight) addWickH(bRight, wHigh);
+    const bx = bLeft + inset;
+    const by = cy - halfThick + inset;
+    const bw = Math.max(1, bRight - bLeft - inset * 2);
+    const bh = Math.max(0, candle.bodyWidth - inset * 2);
+    const clampedH = clampRectBorderRadius(resolveBorderRadius(borderRadius), bw, bh);
+    const bodyH = hasBorderRadius(clampedH) ? createSvgPath(buildRoundedRectPath(bx, by, bw, bh, clampedH)) : createSvgRect(bx, by, bw, bh);
+    if (candleClsH) setAttr(bodyH, "class", candleClsH);
+    if (candleClsH && isHollowH) setAttr(bodyH, "style", "fill:none");
+    setAttr(bodyH, "fill", candle.bodyFill ?? "none");
+    setAttr(bodyH, "stroke", candle.bodyStroke);
+    setAttr(bodyH, "stroke-width", String(borderWidth));
+    setAttr(bodyH, "stroke-linejoin", borderJoinStyle);
+    if (borderDash.length > 0) {
+      setAttr(bodyH, "stroke-dasharray", borderDash.join(" "));
+      setAttr(bodyH, "stroke-dashoffset", String(borderDashOffset));
+    }
+    appendChild(group, bodyH);
+    return group;
+  }
   const halfBody = candle.bodyWidth / 2;
   const bodyLeft = candle.x - halfBody + inset;
   const bodyTop = candle.bodyTop + inset;
@@ -75,6 +112,19 @@ function renderOhlcTicksSvg(candle, tickWidth, wickWidth) {
     setAttr(node, "stroke", candle.bodyStroke);
     setAttr(node, "stroke-width", String(wickWidth));
   };
+  if (candle.orientation === "horizontal") {
+    const cy = candle.x;
+    const hl = createSvgLine(Math.min(candle.wickTop, candle.wickBottom), cy, Math.max(candle.wickTop, candle.wickBottom), cy);
+    applyStrokeAttrs(hl);
+    appendChild(group, hl);
+    const openTickH = createSvgLine(candle.openY, cy, candle.openY, cy + tickWidth);
+    applyStrokeAttrs(openTickH);
+    appendChild(group, openTickH);
+    const closeTickH = createSvgLine(candle.closeY, cy - tickWidth, candle.closeY, cy);
+    applyStrokeAttrs(closeTickH);
+    appendChild(group, closeTickH);
+    return group;
+  }
   const vertLine = createSvgLine(candle.x, candle.wickTop, candle.x, candle.wickBottom);
   applyStrokeAttrs(vertLine);
   appendChild(group, vertLine);
@@ -99,7 +149,17 @@ function renderCandlestickSvg(props, layout, context) {
     const hoverBorder = isHovered ? resolveAccessor(props.hoverBorderColor, makeItemContext(dataArr?.[candle.dataIndex], candle.dataIndex, { value: candle.close, category: candle.label, ...seriesExtras }), { arrayMode: "cycle" }) : void 0;
     const hoverFillStr = hoverFill !== void 0 ? typeof hoverFill === "string" ? hoverFill : String(hoverFill) : void 0;
     const hoverBorderStr = hoverBorder !== void 0 ? typeof hoverBorder === "string" ? hoverBorder : String(hoverBorder) : void 0;
-    const renderCandle = hoverFillStr !== void 0 || hoverBorderStr !== void 0 ? { ...candle, bodyFill: hoverFillStr ?? candle.bodyFill, bodyStroke: hoverBorderStr ?? candle.bodyStroke, wickColor: hoverFillStr ?? candle.wickColor, useClass: null } : candle;
+    const hoverBrightness = isHovered && props.effects ? props.effects.hoverBrightness ?? context.theme.hoverBrightness ?? 1 : 1;
+    const shouldBrighten = hoverBrightness !== 1;
+    const brightenFill = (value) => shouldBrighten && value !== null ? adjustBrightness(value, hoverBrightness) : value;
+    const brightenStroke = (value) => shouldBrighten ? adjustBrightness(value, hoverBrightness) : value;
+    const renderCandle = hoverFillStr !== void 0 || hoverBorderStr !== void 0 || shouldBrighten ? {
+      ...candle,
+      bodyFill: hoverFillStr ?? brightenFill(candle.bodyFill),
+      bodyStroke: hoverBorderStr ?? brightenStroke(candle.bodyStroke),
+      wickColor: hoverFillStr ?? brightenStroke(candle.wickColor),
+      useClass: null
+    } : candle;
     let candleNode;
     if (variant === "ohlc") {
       candleNode = renderOhlcTicksSvg(renderCandle, tickWidth, renderCandle.wickStrokeWidth);

package/dist/{chunk-OXTFAWSK.mjs → chunks/chunk-J2WHJ73Y.mjs}

@@ -1,4 +1,5 @@
-import { DEFAULT_DATA_LABEL_FONT_FAMILY, resolveFontFamily, resolveFontSize, DEFAULT_DATA_LABEL_FONT_SIZE } from './chunk-NKUYIWAP.mjs';
+import { safeFormat } from './chunk-DIJFKY6H.mjs';
+import { DEFAULT_DATA_LABEL_FONT_FAMILY, resolveFontFamily, resolveFontSize, DEFAULT_DATA_LABEL_FONT_SIZE } from './chunk-6LUIVTNV.mjs';
 
 // src/utils/text/datalabel.utils.ts
 function normalizeDataLabelConfig(props, adaptiveFontSize, adaptiveRotation, globalFont) {
@@ -38,7 +39,11 @@ function formatLabelValue(value) {
 }
 function formatDataLabelText(value, percentage, display, formatter, label) {
   if (formatter) {
-    return formatter(value, percentage, label);
+    return safeFormat(
+      () => formatter(value, percentage, label),
+      () => formatDataLabelText(value, percentage, display, void 0, label),
+      "data label"
+    );
   }
   switch (display) {
     case "percentage":

package/dist/{chunk-VN7CKCSE.mjs → chunks/chunk-JS47MSB2.mjs}

@@ -1,4 +1,4 @@
-import { lerpColor } from './chunk-QS76E3TD.mjs';
+import { lerpColor } from './chunk-RI32WIDX.mjs';
 
 // src/animations/animated-element.ts
 function lerpNumber(from, to, t) {
@@ -253,6 +253,14 @@ var AnimatedScene = class {
   getElements() {
     return Array.from(this.elements.values());
   }
+  /** Live element count without allocating an array. Prefer over `getElements().length`. */
+  get elementCount() {
+    return this.elements.size;
+  }
+  /** Allocation-free iteration over live elements. Prefer over `getElements()` on the per-frame path. */
+  elementValues() {
+    return this.elements.values();
+  }
   getElement(id) {
     return this.elements.get(id);
   }

package/dist/{chunk-WYLILAOO.mjs → chunks/chunk-K44SD67H.mjs}

@@ -1,4 +1,5 @@
-import { makeItemContext, resolveAccessor, getColor, asGradient, getColorValue } from './chunk-O2X6FF45.mjs';
+import { resolveRadialAccessors } from './chunk-6MAO6I3E.mjs';
+import { makeItemContext, resolveAccessor, buildColorIndexMap, getColor, asGradient, getColorValue } from './chunk-BDCNBS6W.mjs';
 
 // src/orchestrator/syncHandlers.ts
 function handleSyncedHighlightCartesian(event, delegate, hasCrosshair, isSharedMode, datasets) {
@@ -55,20 +56,25 @@ function handleSyncedHighlightCartesian(event, delegate, hasCrosshair, isSharedM
   };
   return { tooltip, hoverDatasetId: hit.datasetId, hoverIndex: hit.index, axisIdx, axisX };
 }
-function handleSyncedHighlightRadial(event, datasets, delegate, width, height) {
+function handleSyncedHighlightRadial(event, datasets, delegate, width, height, datasetVisibility) {
   if (event.normalized === null || event.categoryIndex == null) {
     return { tooltip: null, hoverDatasetId: null, hoverIndex: null };
   }
   const catIdx = event.categoryIndex;
   for (const [dsId, ds] of datasets) {
     if (ds.type !== "pie" && ds.type !== "donut" && ds.type !== "radar" && ds.type !== "polar") continue;
+    if (datasetVisibility?.get(dsId) === false) continue;
     const props = ds.props;
     const data = props.data;
     if (!data || catIdx >= data.length) continue;
     const item = data[catIdx];
     const itemCtx = makeItemContext(item, catIdx);
-    const label = props.categoryField ? String(resolveAccessor(props.categoryField, itemCtx)) : "";
-    const value = props.valueField ? resolveAccessor(props.valueField, itemCtx) : 0;
+    const isRadial = ds.type === "radar" || ds.type === "polar";
+    const radial = isRadial ? resolveRadialAccessors(props) : void 0;
+    const categoryAccessor = radial ? radial.angularField : props.categoryField;
+    const valueAccessor = radial ? radial.radialField : props.valueField;
+    const label = categoryAccessor ? String(resolveAccessor(categoryAccessor, itemCtx)) : "";
+    const value = valueAccessor ? resolveAccessor(valueAccessor, itemCtx) : 0;
     let color = "";
     if (props.color != null) {
       const resolved = resolveAccessor(props.color, itemCtx);
@@ -91,13 +97,14 @@ function handleSyncedHighlightRadial(event, datasets, delegate, width, height) {
   }
   return { tooltip: null, hoverDatasetId: null, hoverIndex: null };
 }
-function handleSyncedHighlightRect(event, datasets, width, height) {
+function handleSyncedHighlightRect(event, datasets, width, height, datasetVisibility) {
   if (event.normalized === null || event.categoryIndex == null) {
     return { tooltip: null, hoverDatasetId: null, hoverIndex: null };
   }
   const catIdx = event.categoryIndex;
   for (const [dsId, ds] of datasets) {
     if (ds.type !== "treemap" && ds.type !== "heatmap") continue;
+    if (datasetVisibility?.get(dsId) === false) continue;
     const dProps = ds.props;
     const data = dProps["data"];
     if (!data || catIdx >= data.length) continue;
@@ -126,16 +133,18 @@ function handleSyncedHighlightRect(event, datasets, width, height) {
 }
 function buildDatasetRegistrations(chartId, datasets, theme) {
   const infos = [];
+  const colorIndexById = buildColorIndexMap(datasets);
   for (const [datasetId, dataset] of datasets) {
     const props = dataset.props;
     const firstItem = props.data?.[0];
-    const color = getColor(props, dataset.order, firstItem, theme);
+    const colorIndex = colorIndexById.get(datasetId) ?? dataset.order;
+    const color = getColor(props, colorIndex, firstItem, theme);
     infos.push({
       chartId,
       datasetId,
       label: props.name ?? datasetId,
       color,
-      colorGradient: asGradient(getColorValue(props, dataset.order, firstItem, theme)),
+      colorGradient: asGradient(getColorValue(props, colorIndex, firstItem, theme)),
       type: dataset.type,
       order: dataset.order
     });

package/dist/{chunk-RQ3CKQOX.mjs → chunks/chunk-K7AGQTVK.mjs}

@@ -210,11 +210,12 @@ function generateNiceTicks(min, max, count = 5, exact = false) {
   const niceStep = Math.round(chosen * magnitude * 1e10) / 1e10;
   const niceMin = Math.floor(min / niceStep) * niceStep;
   const ticks = [];
+  const lengthCap = exact ? count + 2 : count * 2 + 2;
   for (let tick = niceMin; tick <= max + niceStep * 0.5; tick += niceStep) {
     const rounded = Math.round(tick * 1e10) / 1e10;
     if (rounded < min - niceStep * 1e-3) continue;
     ticks.push(rounded);
-    if (ticks.length > count + 2) break;
+    if (ticks.length > lengthCap) break;
   }
   if (exact) {
     const onThreshold = min === 0;
@@ -389,6 +390,36 @@ function createBandScale(domainValues, rangeValues, options = {}) {
   scale.range = () => [...rangeValues];
   return scale;
 }
+function createNumericBandScale(domainValues, valueXScale, options = {}) {
+  const { categoryGap = 0.1 } = options;
+  const centers = /* @__PURE__ */ new Map();
+  const pxList = [];
+  for (const c of domainValues) {
+    const px = valueXScale(Number(c));
+    centers.set(String(c), px);
+    if (!isNaN(px)) pxList.push(px);
+  }
+  pxList.sort((a, b) => a - b);
+  let step = Infinity;
+  for (let i = 1; i < pxList.length; i++) {
+    const gap = pxList[i] - pxList[i - 1];
+    if (gap > 0 && gap < step) step = gap;
+  }
+  if (!isFinite(step) || step <= 0) {
+    const range = valueXScale.range();
+    step = Math.abs(range[1] - range[0]) * 0.1 || 1;
+  }
+  const bandwidthValue = step * (1 - categoryGap);
+  const scale = ((category) => {
+    const center = centers.get(String(category));
+    return center === void 0 || isNaN(center) ? NaN : center - bandwidthValue / 2;
+  });
+  scale.bandwidth = () => bandwidthValue;
+  scale.step = () => step;
+  scale.domain = () => [...domainValues];
+  scale.range = () => valueXScale.range();
+  return scale;
+}
 function createVariwideBandScale(domainValues, rangeValues, options) {
   const { chartPaddingMin = 0.05, chartPaddingMax = 0.05, categoryGap = 0.1, weights } = options;
   const n = domainValues.length;
@@ -949,7 +980,36 @@ function createOrdinalTimeScale(sortedTimestamps, rangeValues, options) {
     if (count === 0) return [];
     const pixelWidth = Math.abs(rangeSpan);
     const { ticks } = generateTimeTicks(visMinTs, visMaxTs, pixelWidth, options?.tickConfig);
-    return ticks;
+    const deduped = [];
+    let bucketIdx = NaN;
+    let bucketDist = Infinity;
+    for (const t of ticks) {
+      const frac = tsToFracIdx(t);
+      const idx = Math.round(frac);
+      const dist = Math.abs(frac - idx);
+      if (idx === bucketIdx) {
+        if (dist < bucketDist) {
+          deduped[deduped.length - 1] = t;
+          bucketDist = dist;
+        }
+        continue;
+      }
+      deduped.push(t);
+      bucketIdx = idx;
+      bucketDist = dist;
+    }
+    const minSpacing = options?.tickConfig?.minTickSpacing ?? 80;
+    const pixelFiltered = [];
+    let prevPixel = -Infinity;
+    for (const t of deduped) {
+      const frac = tsToFracIdx(t);
+      const pixel = visSpan > 0 ? rangeValues[0] + (frac - visMinIdx) / visSpan * rangeSpan : rangeValues[0];
+      if (Math.abs(pixel - prevPixel) >= minSpacing) {
+        pixelFiltered.push(t);
+        prevPixel = pixel;
+      }
+    }
+    return pixelFiltered;
   };
   scale.domain = () => [visMinTs, visMaxTs];
   scale.range = () => [...rangeValues];
@@ -981,4 +1041,4 @@ function createOrdinalTimeBandAdapter(sortedTimestamps, ordinalScale) {
   return scale;
 }
 
-export { DEFAULT_FORMATS, MS, TICK_INTERVALS, advanceByUnit, calculateArcBoundingBox, calculateGroupedBarLayout, calculateNiceDomain, calculateNiceLogDomain, calculateNiceTimeDomain, clamp, createBandScale, createLinearScale, createLogScale, createOrdinalTimeBandAdapter, createOrdinalTimeScale, createTimeBandAdapter, createTimeScale, createVariwideBandScale, crisp, detectTickUnit, findMax, findMin, floorToUnit, formatTimeTick, generateIntervalTicks, generateLogTicks, generateNiceTicks, generateTimeTicks, intervalSpanMs, isPeriodBoundary, normalizeAngle, normalizeAngleRelativeTo, pointOnCircle, scaleLinear, selectTickInterval, shallowEqual, toRad, toTimestamp, warnChartDevOnce, xCalc, yCalc };
+export { DEFAULT_FORMATS, MS, TICK_INTERVALS, advanceByUnit, calculateArcBoundingBox, calculateGroupedBarLayout, calculateNiceDomain, calculateNiceLogDomain, calculateNiceTimeDomain, clamp, createBandScale, createLinearScale, createLogScale, createNumericBandScale, createOrdinalTimeBandAdapter, createOrdinalTimeScale, createTimeBandAdapter, createTimeScale, createVariwideBandScale, crisp, detectTickUnit, findMax, findMin, floorToUnit, formatTimeTick, generateIntervalTicks, generateLogTicks, generateNiceTicks, generateTimeTicks, intervalSpanMs, isChartDevWarningsEnabled, isPeriodBoundary, normalizeAngle, normalizeAngleRelativeTo, pointOnCircle, scaleLinear, selectTickInterval, shallowEqual, toRad, toTimestamp, warnChartDevOnce, xCalc, yCalc };

package/dist/{chunk-VVI3OBPJ.mjs → chunks/chunk-KCSMOAZO.mjs}

@@ -1,10 +1,10 @@
-import { CHAR_WIDTH_RATIO } from './chunk-XTVE4P3L.mjs';
-import { DEFAULT_TREEMAP_PADDING, DEFAULT_TREEMAP_GROUP_LABEL_HEIGHT, DEFAULT_TREEMAP_GROUP_COLORS, DEFAULT_TREEMAP_CELL_COLOR, DEFAULT_TREEMAP_HEADER_BG } from './chunk-NKUYIWAP.mjs';
-import { resquarify, sliceDiceLayout, diceLayout, sliceLayout } from './chunk-BETFQBM2.mjs';
-import { resolveColorScaleRange, interpolateColor } from './chunk-QS76E3TD.mjs';
-import { FIELD_DEFAULTS, resolveAccessor, makeItemContext } from './chunk-O2X6FF45.mjs';
+import { CHAR_WIDTH_RATIO } from './chunk-56MASQS2.mjs';
+import { DEFAULT_TREEMAP_PADDING, DEFAULT_TREEMAP_GROUP_LABEL_HEIGHT, DEFAULT_TREEMAP_GROUP_COLORS, DEFAULT_TREEMAP_CELL_COLOR, DEFAULT_TREEMAP_HEADER_BG } from './chunk-6LUIVTNV.mjs';
+import { resolveColorScaleRange, interpolateColor } from './chunk-RI32WIDX.mjs';
+import { FIELD_DEFAULTS, resolveAccessor, makeItemContext } from './chunk-BDCNBS6W.mjs';
+import { resquarify, sliceDiceLayout, diceLayout, sliceLayout } from './chunk-FML3QEEI.mjs';
 
-// src/series/treemap/geometry.layout.ts
+// src/series/treemap/geometry.ts
 function interpolateColor2(colorScale, colorRange, value) {
   return interpolateColor(colorScale, colorRange, value, DEFAULT_TREEMAP_CELL_COLOR);
 }
@@ -458,8 +458,6 @@ function calculateTreemapLayout(props, chartArea, theme, previousLayout) {
   }
   return { cells, groupHeaders, groupBackgrounds, resolvedColorScale, resolvedColorRange, valueRange: resolvedValueRange, _squarifyRects: topLevelRects };
 }
-
-// src/series/treemap/geometry.labels.ts
 var LABEL_TIERS = [
   { minArea: 25e3, minWidth: 100, minHeight: 60, fontSize: 16, secondaryFontSize: 12, showSecondary: true },
   { minArea: 1e4, minWidth: 70, minHeight: 45, fontSize: 14, secondaryFontSize: 10, showSecondary: true },
@@ -521,4 +519,4 @@ function buildCellExtras(props, item, layout, idx) {
   };
 }
 
-export { buildCellExtras, calculateTreemapLayout, getCellLabelInfo };
+export { buildCellExtras, calculateTreemapLayout, getCellLabelInfo, resolveField };

package/dist/{chunk-ARRGOEFX.mjs → chunks/chunk-L6GXEQOO.mjs}

@@ -1,7 +1,7 @@
-import { resolveBackgroundColor, DARK_MODE_COLORS, LIGHT_MODE_COLORS } from './chunk-NKUYIWAP.mjs';
-import { calculateLuminanceFromRGB } from './chunk-QS76E3TD.mjs';
-import { resolveSwatchGradientStops } from './chunk-O2X6FF45.mjs';
-import { parseColorToRGB } from './chunk-SSLTFJ3U.mjs';
+import { resolveBackgroundColor, DARK_MODE_COLORS, LIGHT_MODE_COLORS } from './chunk-6LUIVTNV.mjs';
+import { calculateLuminanceFromRGB } from './chunk-RI32WIDX.mjs';
+import { resolveSwatchGradientStops } from './chunk-BDCNBS6W.mjs';
+import { parseColorToRGB } from './chunk-BF7RP4A3.mjs';
 
 // src/utils/export/svg-styles.ts
 function inlineComputedStyles(element, rootStyles) {
@@ -318,11 +318,11 @@ function generateSvgElementMarkup(el, containerRect, defs, idRef) {
   const rxAttr = br > 0 ? ` rx="${br}"` : "";
   if (gradientStops.length > 0) {
     const gradId = `p-chart-export-grad-${idRef.v++}`;
-    const stopEls = gradientStops.map((s) => `<stop offset="${Math.round(s.offset * 100)}%" stop-color="${s.color}"/>`).join("");
+    const stopEls = gradientStops.map((s) => `<stop offset="${Math.round(s.offset * 100)}%" stop-color="${escapeXml(s.color)}"/>`).join("");
     defs.push(gradientDef.radialGradient ? `<radialGradient id="${gradId}" cx="50%" cy="50%" r="50%">${stopEls}</radialGradient>` : `<linearGradient id="${gradId}" x1="0" y1="0" x2="0" y2="1">${stopEls}</linearGradient>`);
     result += `<rect x="${x}" y="${y}" width="${w}" height="${h}" fill="url(#${gradId})"${rxAttr}${opacityAttr}/>`;
   } else if (bg && bg !== "rgba(0, 0, 0, 0)" && bg !== "transparent") {
-    result += `<rect x="${x}" y="${y}" width="${w}" height="${h}" fill="${bg}"${rxAttr}${opacityAttr}/>`;
+    result += `<rect x="${x}" y="${y}" width="${w}" height="${h}" fill="${escapeXml(bg)}"${rxAttr}${opacityAttr}/>`;
   }
   if (el.childElementCount === 0) {
     const text = (el.textContent || "").trim();
@@ -354,7 +354,7 @@ function generateSvgElementMarkup(el, containerRect, defs, idRef) {
         }
       }
       const fontStyle = styles.fontStyle !== "normal" ? ` font-style="${styles.fontStyle}"` : "";
-      result += `<text x="${textX}" y="${y + h / 2}" dy="0.32em" font-size="${fontSize}" font-weight="${styles.fontWeight}"${fontStyle} font-family="${escapeXml(styles.fontFamily)}" fill="${styles.color}" text-anchor="${anchor}"${opacityAttr}>` + escapeXml(text) + `</text>`;
+      result += `<text x="${textX}" y="${y + h / 2}" dy="0.32em" font-size="${fontSize}" font-weight="${styles.fontWeight}"${fontStyle} font-family="${escapeXml(styles.fontFamily)}" fill="${escapeXml(styles.color)}" text-anchor="${anchor}"${opacityAttr}>` + escapeXml(text) + `</text>`;
     }
   }
   for (const child of el.children) {

package/dist/{chunk-7QQ6ETB4.mjs → chunks/chunk-LBNP5PJA.mjs}

@@ -1,12 +1,13 @@
-import { renderBarCanvas } from './chunk-X7T34OLW.mjs';
-import { renderBarSvg } from './chunk-SALTGZFR.mjs';
-import { hitTestBar, calculateBarLayout } from './chunk-AUF4CHDP.mjs';
-import { DEFAULT_HOVER_OFFSET, DEFAULT_HOVER_DIM_OPACITY, DEFAULT_HOVER_BRIGHTNESS } from './chunk-NKUYIWAP.mjs';
-import { batchResolveAccessor, batchResolveRequired } from './chunk-O2X6FF45.mjs';
+import { renderBarCanvas } from './chunk-I25SSZE3.mjs';
+import { renderBarSvg } from './chunk-YVDVKLPR.mjs';
+import { hitTestBar, calculateBarLayout } from './chunk-DJOHDKTP.mjs';
+import { DEFAULT_HOVER_OFFSET, DEFAULT_HOVER_DIM_OPACITY, DEFAULT_HOVER_BRIGHTNESS } from './chunk-6LUIVTNV.mjs';
+import { batchResolveAccessor, batchResolveRequired } from './chunk-BDCNBS6W.mjs';
+import { resolveCartesianAccessors } from './chunk-G3DIMENH.mjs';
 
 // src/series/bar/geom/visual-layout.ts
 function computeBarVisualLayout(input) {
-  const { intermediate, sharedCategoryScale, valueScales, valueDomains, cartesianArea, orientation, axisLayouts, hover, hoverConfig, theme } = input;
+  const { intermediate, sharedCategoryScale, valueScales, valueDomains, cartesianArea, orientation, axisLayouts, hover, hoverConfig, theme, colorIndexById } = input;
   const { barDatasets, visibleBarDatasets, mode, valuesPerDataset, stackBasesMap, groupLayout, fullGroupLayout, isVariwide, barGap, datasetAxisMap, firstValueAxisId } = intermediate;
   const categories = sharedCategoryScale.domain();
   const sharedValueScale = valueScales.get(firstValueAxisId) ?? valueScales.values().next().value;
@@ -18,11 +19,12 @@ function computeBarVisualLayout(input) {
   if (mode.isPercentStacked || mode.isWaterfall) {
     for (let dsIdx = 0; dsIdx < barDatasets.length; dsIdx++) {
       const ds = barDatasets[dsIdx];
+      const measureKey = resolveCartesianAccessors(ds.props).measureField;
       syntheticDataMap.set(
         ds.id,
         ds.props.data.map((item, i) => ({
           ...item,
-          [ds.props.valueField]: valuesPerDataset[dsIdx][i]
+          [measureKey]: valuesPerDataset[dsIdx][i]
         }))
       );
     }
@@ -49,8 +51,6 @@ function computeBarVisualLayout(input) {
     const renderProps = {
       ...barProps,
       ...syntheticDataMap.has(ds.id) ? { data: syntheticDataMap.get(ds.id) } : {},
-      categoryField: barProps.categoryField,
-      valueField: barProps.valueField,
       interaction: {
         hoveredIndex: hover.datasetId === ds.id ? hover.index : null
       },
@@ -122,7 +122,7 @@ function computeBarVisualLayout(input) {
       multiConfig.categoryPositions = catPositions;
     }
     const baseLayout = calculateBarLayout(renderProps, cartesianArea, multiConfig);
-    const layout = { ...baseLayout, datasetIndex: dsIdx };
+    const layout = { ...baseLayout, datasetIndex: dsIdx, colorIndex: colorIndexById.get(ds.id) ?? dsIdx };
     layouts.set(ds.id, layout);
     renderPropsMap.set(ds.id, renderProps);
     if (ds.visible) {
@@ -203,7 +203,8 @@ function computeBarVisualLayout(input) {
 function computeBarDatasetTotals(barDatasets, barRawResolved) {
   const datasetTotals = /* @__PURE__ */ new Map();
   for (let i = 0; i < barDatasets.length; i++) {
-    const values = barRawResolved?.[i] ?? batchResolveAccessor(barDatasets[i].props.valueField, barDatasets[i].props.data);
+    const measureKey = resolveCartesianAccessors(barDatasets[i].props).measureField;
+    const values = barRawResolved?.[i] ?? batchResolveAccessor(measureKey, barDatasets[i].props.data);
     let total = 0;
     for (const v of values) total += Math.abs(v);
     datasetTotals.set(barDatasets[i].id, total);
@@ -211,7 +212,8 @@ function computeBarDatasetTotals(barDatasets, barRawResolved) {
   return datasetTotals;
 }
 function getBarAxisHints(props, data) {
-  const categoryLabels = props.categoryField ? batchResolveRequired(props.categoryField, data, "categoryField") : void 0;
+  const acc = resolveCartesianAccessors(props);
+  const categoryLabels = acc.independentField ? batchResolveRequired(acc.independentField, data, "categoryField") : void 0;
   const categoryWeights = props.weightField ? batchResolveRequired(props.weightField, data, "weightField") : void 0;
   return { categoryLabels, categoryWeights };
 }

package/dist/{chunk-AHYIS6EB.mjs → chunks/chunk-LC2ZEZWP.mjs}

@@ -1,9 +1,9 @@
-import { DEFAULT_MARKER_SHAPE } from './chunk-AP3UYWYT.mjs';
-import { isBoostActive } from './chunk-DTWTCFRG.mjs';
-import { traceMarkerShapeCanvasAt, MARKER_SHAPE_NAMES, drawMarkerCanvas } from './chunk-PRDVPOZX.mjs';
-import { computeItemHoverState, applyHoverEffects } from './chunk-BZN2QHGP.mjs';
-import { DEFAULT_HOVER_DIM_OPACITY, DEFAULT_SCATTER_FILL_OPACITY, DEFAULT_SCATTER_BORDER_WIDTH, DEFAULT_HOVER_POINT_RADIUS_MULTIPLIER } from './chunk-NKUYIWAP.mjs';
-import { resolveAccessor, makeItemContext, getDefaultColor, getPrimaryColor, isGradientColor, createCanvasGradientFromColor, resolveDash } from './chunk-O2X6FF45.mjs';
+import { DEFAULT_MARKER_SHAPE } from './chunk-SPU6BO3B.mjs';
+import { isBoostActive } from './chunk-5EQSFUBA.mjs';
+import { traceMarkerShapeCanvasAt, MARKER_SHAPE_NAMES, drawMarkerCanvas } from './chunk-QIYJUZ7I.mjs';
+import { computeItemHoverState, applyHoverEffects } from './chunk-F6AGZQDA.mjs';
+import { DEFAULT_HOVER_DIM_OPACITY, DEFAULT_SCATTER_FILL_OPACITY, DEFAULT_SCATTER_BORDER_WIDTH, DEFAULT_HOVER_POINT_RADIUS_MULTIPLIER } from './chunk-6LUIVTNV.mjs';
+import { resolveAccessor, makeItemContext, getDefaultColor, getPrimaryColor, isGradientColor, createCanvasGradientFromColor, resolveDash } from './chunk-BDCNBS6W.mjs';
 
 // src/series/scatter/canvas/index.ts
 function renderScatterCanvas(props, layout, ctx, context) {
@@ -20,7 +20,7 @@ function renderScatterCanvas(props, layout, ctx, context) {
   }) ?? DEFAULT_MARKER_SHAPE;
   const hoveredIndex = boostActive ? null : props.interaction?.hoveredIndex ?? null;
   const anyHovered = hoveredIndex !== null;
-  const effectiveSeriesColor = layout.seriesColor ?? getDefaultColor(layout.seriesIdx, context.theme);
+  const effectiveSeriesColor = layout.seriesColor ?? getDefaultColor(layout.colorIndex, context.theme);
   const baseBorderColorShared = props.pointBorderColor != null ? props.pointBorderColor : void 0;
   const borderWidthAccessor = props.pointBorderStrokeWidth;
   const dataArr = props.data;