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

package/dist/{chunk-DN6AXQYZ.mjs → chunks/chunk-BYAAMQBN.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-LJ6BXF3H.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-TA4MVAEX.mjs → chunks/chunk-CFA2SUBF.mjs}

@@ -1,10 +1,11 @@
-import { toRad, generateNiceTicks } from './chunk-RQ3CKQOX.mjs';
+import { toRad, generateNiceTicks } from './chunk-K7AGQTVK.mjs';
 
 // src/renderers/radial-grid.geometry.ts
-function valueToRadius(value, domain, outerRadius) {
+function valueToRadius(value, domain, outerRadius, innerRadius = 0) {
   const [min, max] = domain;
-  if (max === min) return 0;
-  return Math.max(0, Math.min(outerRadius, (value - min) / (max - min) * outerRadius));
+  if (max === min) return innerRadius;
+  const available = outerRadius - innerRadius;
+  return Math.max(innerRadius, Math.min(outerRadius, innerRadius + (value - min) / (max - min) * available));
 }
 function buildCircleSvgPath(cx, cy, r) {
   return `M ${cx},${cy - r} A ${r},${r} 0 1 1 ${cx},${cy + r} A ${r},${r} 0 1 1 ${cx},${cy - r} Z`;
@@ -40,12 +41,14 @@ function buildWedgePath(center, rInner, rOuter, angleStartDeg, angleEndDeg) {
 }
 function resolveBandGeometry(band, layout, yAxis) {
   const outer = layout.radius;
+  const inner = layout.innerRadius ?? 0;
+  const frac = (f) => Math.max(inner, Math.min(outer, inner + f * (outer - inner)));
   if (band.r1 != null || band.r2 != null) {
     const f1 = band.r1 ?? 0;
     const f2 = band.r2 ?? 1;
-    const rInner = Math.max(0, Math.min(outer, Math.min(f1, f2) * outer));
-    const rOuter = Math.max(0, Math.min(outer, Math.max(f1, f2) * outer));
-    return rOuter > 0 ? { rInner, rOuter, mode: "annulus" } : null;
+    const rInner = frac(Math.min(f1, f2));
+    const rOuter = frac(Math.max(f1, f2));
+    return rOuter > inner ? { rInner, rOuter, mode: "annulus" } : null;
   }
   if (band.category != null) {
     if (!yAxis || yAxis.mode !== "perSpoke") return null;
@@ -53,11 +56,11 @@ function resolveBandGeometry(band, layout, yAxis) {
     if (ci < 0) return null;
     const spokeDomain = yAxis.spokes[ci]?.domain;
     if (!spokeDomain) return null;
-    const r1 = band.y1 != null ? valueToRadius(band.y1, spokeDomain, outer) : 0;
-    const r2 = band.y2 != null ? valueToRadius(band.y2, spokeDomain, outer) : outer;
+    const r1 = band.y1 != null ? valueToRadius(band.y1, spokeDomain, outer, inner) : inner;
+    const r2 = band.y2 != null ? valueToRadius(band.y2, spokeDomain, outer, inner) : outer;
     const rInner = Math.min(r1, r2);
     const rOuter = Math.max(r1, r2);
-    if (rOuter <= 0) return null;
+    if (rOuter <= inner) return null;
     const halfStep = layout.angleStep / 2;
     const centerAngle = -90 + ci * layout.angleStep;
     return {
@@ -69,19 +72,20 @@ function resolveBandGeometry(band, layout, yAxis) {
     };
   }
   if ((band.y1 != null || band.y2 != null) && layout.domain && yAxis?.mode === "shared") {
-    const r1 = band.y1 != null ? valueToRadius(band.y1, layout.domain, outer) : 0;
-    const r2 = band.y2 != null ? valueToRadius(band.y2, layout.domain, outer) : outer;
+    const r1 = band.y1 != null ? valueToRadius(band.y1, layout.domain, outer, inner) : inner;
+    const r2 = band.y2 != null ? valueToRadius(band.y2, layout.domain, outer, inner) : outer;
     const rInner = Math.min(r1, r2);
     const rOuter = Math.max(r1, r2);
-    return rOuter > 0 ? { rInner, rOuter, mode: "annulus" } : null;
+    return rOuter > inner ? { rInner, rOuter, mode: "annulus" } : null;
   }
   return null;
 }
 function resolveLineGeometry(line, layout, yAxis) {
   const outer = layout.radius;
+  const inner = layout.innerRadius ?? 0;
   if (line.r != null) {
-    const r = Math.max(0, Math.min(outer, line.r * outer));
-    return r > 0 ? { mode: "ring", r } : null;
+    const r = Math.max(inner, Math.min(outer, inner + line.r * (outer - inner)));
+    return r > inner ? { mode: "ring", r } : null;
   }
   if (line.category != null) {
     if (line.y == null) return null;
@@ -90,8 +94,8 @@ function resolveLineGeometry(line, layout, yAxis) {
     if (ci < 0) return null;
     const spokeDomain = yAxis.spokes[ci]?.domain;
     if (!spokeDomain) return null;
-    const r = valueToRadius(line.y, spokeDomain, outer);
-    if (r <= 0) return null;
+    const r = valueToRadius(line.y, spokeDomain, outer, inner);
+    if (r <= inner) return null;
     const angleDeg = -90 + ci * layout.angleStep;
     const angleRad = toRad(angleDeg);
     const dx = Math.cos(angleRad);
@@ -110,16 +114,17 @@ function resolveLineGeometry(line, layout, yAxis) {
     };
   }
   if (line.y != null && layout.domain && yAxis?.mode === "shared") {
-    const r = valueToRadius(line.y, layout.domain, outer);
-    return r > 0 ? { mode: "ring", r } : null;
+    const r = valueToRadius(line.y, layout.domain, outer, inner);
+    return r > inner ? { mode: "ring", r } : null;
   }
   return null;
 }
-function resolveSharedRadialGrid(grid, domain, rawDataMax, radius, tickCount) {
+function resolveSharedRadialGrid(grid, domain, rawDataMax, radius, tickCount, innerRadius = 0) {
   let levelValues = grid.levelValues.slice();
   let levelRadii = grid.levelRadii.slice();
   let outDomain = [domain[0], domain[1]];
-  const place = (vals, d) => vals.map((v) => d[1] === d[0] ? 0 : (v - d[0]) / (d[1] - d[0]) * radius);
+  const available = radius - innerRadius;
+  const place = (vals, d) => vals.map((v) => d[1] === d[0] ? innerRadius : innerRadius + (v - d[0]) / (d[1] - d[0]) * available);
   if (tickCount != null && tickCount >= 2) {
     const rawMax = rawDataMax ?? domain[1];
     levelValues = generateNiceTicks(domain[0], rawMax, tickCount, true);
@@ -152,6 +157,8 @@ function buildRadialGridLayout(base, xAxisProps, yAxisProps, yAxesByCategory, ch
   let domain = base.domain;
   let yAxis = null;
   const isPerSpokeMode = !!base.perSpokeDomains && base.perSpokeDomains.size > 0;
+  const innerRadius = base.innerRadius ?? 0;
+  const available = base.radius - innerRadius;
   if (isPerSpokeMode && (yAxisProps || yAxesByCategory && yAxesByCategory.size > 0)) {
     const spokes = [];
     for (let ci = 0; ci < base.categories.length; ci++) {
@@ -165,7 +172,7 @@ function buildRadialGridLayout(base, xAxisProps, yAxisProps, yAxesByCategory, ch
       const hi = ticks[ticks.length - 1] ?? spokeDomain[1];
       const aligned = [Math.min(spokeDomain[0], lo), Math.max(spokeDomain[1], hi)];
       const span = aligned[1] - aligned[0];
-      const radii = ticks.map((v) => span === 0 ? 0 : (v - aligned[0]) / span * base.radius);
+      const radii = ticks.map((v) => span === 0 ? innerRadius : innerRadius + (v - aligned[0]) / span * available);
       const uniformTickStyle = declared?.tickStyle && typeof declared.tickStyle !== "function" ? declared.tickStyle : void 0;
       const rawTickFormat = declared?.tickFormat;
       spokes.push({
@@ -179,7 +186,7 @@ function buildRadialGridLayout(base, xAxisProps, yAxisProps, yAxesByCategory, ch
         showLabels: propsForSpoke?.showLabels ?? true
       });
     }
-    const referenceRingRadii = [0.2, 0.4, 0.6, 0.8].map((f) => f * base.radius);
+    const referenceRingRadii = [0.2, 0.4, 0.6, 0.8].map((f) => innerRadius + f * available);
     const defaultUniformTickStyle = yAxisProps?.tickStyle && typeof yAxisProps.tickStyle !== "function" ? yAxisProps.tickStyle : void 0;
     yAxis = {
       mode: "perSpoke",
@@ -202,7 +209,7 @@ function buildRadialGridLayout(base, xAxisProps, yAxisProps, yAxesByCategory, ch
       levelValues = base.grid.levelValues.slice();
       levelRadii = base.grid.levelRadii.slice();
     } else {
-      const resolved = resolveSharedRadialGrid(base.grid, domain, base.rawDataMax, base.radius, yAxisProps.tickCount);
+      const resolved = resolveSharedRadialGrid(base.grid, domain, base.rawDataMax, base.radius, yAxisProps.tickCount, innerRadius);
       levelValues = resolved.levelValues;
       levelRadii = resolved.levelRadii;
       domain = resolved.domain;
@@ -230,6 +237,7 @@ function buildRadialGridLayout(base, xAxisProps, yAxisProps, yAxesByCategory, ch
   return {
     center: base.center,
     radius: base.radius,
+    innerRadius,
     categories: base.categories,
     angleStep: base.angleStep,
     spokeEndpoints: base.spokeEndpoints,

package/dist/{chunk-WH3C3Y7P.mjs → chunks/chunk-CKQ4DNNJ.mjs}

@@ -1,5 +1,4 @@
-import { parseColorToRGB } from './chunk-SSLTFJ3U.mjs';
-import { clamp } from './chunk-RQ3CKQOX.mjs';
+import { clamp } from './chunk-K7AGQTVK.mjs';
 
 // src/animations/interpolation.ts
 function lerp(start, end, t) {
@@ -15,24 +14,14 @@ function lerpValues(start, target, progress) {
   }
   return result;
 }
-function lerpColor(startColor, endColor, t) {
-  const start = parseColorToRGB(startColor);
-  const end = parseColorToRGB(endColor);
-  if (!start || !end) {
-    return t < 0.5 ? startColor : endColor;
-  }
-  const r = Math.round(clamp(lerp(start.r, end.r, t), 0, 255));
-  const g = Math.round(clamp(lerp(start.g, end.g, t), 0, 255));
-  const b = Math.round(clamp(lerp(start.b, end.b, t), 0, 255));
-  return `#${r.toString(16).padStart(2, "0")}${g.toString(16).padStart(2, "0")}${b.toString(16).padStart(2, "0")}`;
-}
-function interpolateRadialGrid(prevDomain, targetDomain, target, radius, progress) {
+function interpolateRadialGrid(prevDomain, targetDomain, target, radius, progress, innerRadius = 0) {
   const interpMin = prevDomain[0] + (targetDomain[0] - prevDomain[0]) * progress;
   const interpMax = prevDomain[1] + (targetDomain[1] - prevDomain[1]) * progress;
   const domainSpan = interpMax - interpMin;
+  const available = radius - innerRadius;
   const levelRadii = target.levelValues.map((v) => {
-    if (domainSpan === 0) return 0;
-    return clamp((v - interpMin) / domainSpan * radius, 0, radius);
+    if (domainSpan === 0) return innerRadius;
+    return clamp(innerRadius + (v - interpMin) / domainSpan * available, innerRadius, radius);
   });
   return { ...target, levelRadii };
 }
@@ -133,7 +122,7 @@ function interpolatePolarLayout(prev, target, progress) {
   }
   return {
     ...target,
-    grid: interpolateRadialGrid(prev.domain, target.domain, target.grid, target.maxRadius, progress),
+    grid: interpolateRadialGrid(prev.domain, target.domain, target.grid, target.maxRadius, progress, target.innerRadiusRatio * target.maxRadius),
     bars
   };
 }
@@ -146,4 +135,4 @@ function createPolarEntranceLayout(target) {
   return { ...target, bars };
 }
 
-export { createPolarEntranceLayout, createRadarEntranceLayout, interpolateCartesianAxisLayout, interpolatePolarLayout, interpolateRadialGrid, lerp, lerpColor, lerpValues };
+export { createPolarEntranceLayout, createRadarEntranceLayout, interpolateCartesianAxisLayout, interpolatePolarLayout, interpolateRadialGrid, lerp, lerpValues };

package/dist/chunks/chunk-DIJFKY6H.mjs

@@ -0,0 +1,21 @@
+import { warnChartDevOnce } from './chunk-K7AGQTVK.mjs';
+
+// src/utils/safeRender.utils.ts
+function safeRenderProp(render, label) {
+  try {
+    return render();
+  } catch (err) {
+    warnChartDevOnce(`render:${label}`, `A custom "${label}" render function threw and was skipped. ${err instanceof Error ? err.message : String(err)}`);
+    return void 0;
+  }
+}
+function safeFormat(format, fallback, label) {
+  try {
+    return format();
+  } catch (err) {
+    warnChartDevOnce(`format:${label}`, `A custom "${label}" format function threw; falling back to the default. ${err instanceof Error ? err.message : String(err)}`);
+    return fallback();
+  }
+}
+
+export { safeFormat, safeRenderProp };

package/dist/{chunk-AUF4CHDP.mjs → chunks/chunk-DJOHDKTP.mjs}

@@ -1,8 +1,9 @@
-import { resolveBorderRadius, clampRectBorderRadius, isUniformBorderRadius, hasBorderRadius } from './chunk-VGLSBZDN.mjs';
-import { isIndexVisible } from './chunk-5JCI2DEB.mjs';
-import { computeItemHoverState, applyHoverEffects } from './chunk-BZN2QHGP.mjs';
-import { batchResolveRequired, batchResolveAccessor, resolveAccessor, makeItemContext, getDefaultColor, resolveDash } from './chunk-O2X6FF45.mjs';
-import { calculateNiceDomain, createBandScale, createLinearScale } from './chunk-RQ3CKQOX.mjs';
+import { resolveBorderRadius, clampRectBorderRadius, isUniformBorderRadius, hasBorderRadius } from './chunk-F2E2QCZM.mjs';
+import { isIndexVisible } from './chunk-JQVX6XFW.mjs';
+import { computeItemHoverState, applyHoverEffects } from './chunk-F6AGZQDA.mjs';
+import { batchResolveRequired, batchResolveAccessor, resolveAccessor, makeItemContext, getDefaultColor, resolveDash } from './chunk-BDCNBS6W.mjs';
+import { resolveCartesianAccessors } from './chunk-G3DIMENH.mjs';
+import { calculateNiceDomain, createBandScale, createLinearScale } from './chunk-K7AGQTVK.mjs';
 
 // src/series/bar/shared.ts
 var EDGES = ["top", "right", "bottom", "left"];
@@ -75,7 +76,6 @@ function tracePartialBorder(pb, x, y, w, h, skipped, radius) {
 }
 
 // src/series/bar/geom/layout.ts
-var DEFAULT_ORIENTATION = "vertical";
 var DEFAULT_BASE = 0;
 function resolveSkippedEdges(borderSkipped, orientation, isNegative) {
   if (borderSkipped === false || borderSkipped === void 0) return EMPTY_EDGE_SET;
@@ -99,13 +99,15 @@ function resolveSkippedEdges(borderSkipped, orientation, isNegative) {
   }
 }
 function calculateBarLayout(props, chartArea, config) {
-  const { data, categoryField, valueField, color: colorProp, orientation = DEFAULT_ORIENTATION, visibility } = props;
-  const categoryAccessor = categoryField;
-  const valueAccessor = valueField;
+  const { data, color: colorProp, visibility } = props;
+  const acc = resolveCartesianAccessors(props);
+  const orientation = acc.orientation;
+  const categoryAccessor = acc.independentField;
+  const valueAccessor = acc.measureField;
   const openAccessor = props.openField;
   const base = props.base ?? DEFAULT_BASE;
   const categories = categoryAccessor ? batchResolveRequired(categoryAccessor, data, "categoryField") : data.map((_, i) => String(i));
-  const values = valueAccessor ? batchResolveRequired(valueAccessor, data, "valueField") : data.map(() => 0);
+  const values = valueAccessor ? batchResolveRequired(valueAccessor, data, "valueField") : [];
   const openValues = openAccessor ? batchResolveAccessor(openAccessor, data) : void 0;
   let valueDomain;
   let categoryScale;
@@ -124,6 +126,9 @@ function calculateBarLayout(props, chartArea, config) {
       valueScale = createLinearScale(valueDomain, [chartArea.x, chartArea.x + chartArea.width]);
     }
   }
+  if (!valueAccessor) {
+    return { bars: [], visibleBars: [], categoryScale, valueScale, orientation, colors: [], borderColors: [], chartArea, valueDomain, base, openValues };
+  }
   const borderColorProp = props.borderColor;
   const seriesExtras = { seriesIndex: props.order ?? 0, seriesId: props.id ?? "" };
   const bars = [];
@@ -315,6 +320,7 @@ function computeBarRenderStates(props, layout, theme) {
   const isSeriesDimmed = interaction?.isSeriesDimmed ?? false;
   const isSeriesHovered = interaction?.isSeriesHovered ?? false;
   const seriesIdx = props.order ?? 0;
+  const colorIndex = layout.colorIndex;
   const seriesExtras = { seriesIndex: seriesIdx, seriesId: props.id ?? "" };
   const bars = visibleBars.map((bar) => {
     const { dataIndex, width, height, isNegative } = bar;
@@ -323,7 +329,7 @@ function computeBarRenderStates(props, layout, theme) {
     const borderColor = borderColors[dataIndex];
     const borderWidth = resolveBarBorderWidth(ctx);
     const resolvedRadius = resolveBorderRadius(resolveBarBorderRadius(ctx));
-    const canvasFill = userFill ?? getDefaultColor(seriesIdx, theme);
+    const canvasFill = userFill ?? getDefaultColor(colorIndex, theme);
     let hoverState;
     if (hoverEnabled && isSeriesDimmed) {
       hoverState = { isHovered: false, hasAnyHover: true };
@@ -378,6 +384,7 @@ function computeBarRenderStates(props, layout, theme) {
       hoverColorOverride: itemEffects?.hoverBackgroundColor,
       userBorder: borderColor === "transparent" ? void 0 : borderColor,
       seriesIdx,
+      colorIndex,
       isHovered: hoverState.isHovered,
       isInactive,
       drawX: bar.x + offsetX - (drawWidth - width) / 2,

package/dist/{chunk-3Z62EUJN.mjs → chunks/chunk-DKWZKYHF.mjs}

@@ -1,7 +1,7 @@
-import { CHAR_WIDTH_RATIO, formatCompactValue, measureFontMetrics } from './chunk-XTVE4P3L.mjs';
-import { resolveColorScaleRange, interpolateColor } from './chunk-QS76E3TD.mjs';
-import { FIELD_DEFAULTS, batchResolveAccessor } from './chunk-O2X6FF45.mjs';
-import { hexToRgbString } from './chunk-SSLTFJ3U.mjs';
+import { CHAR_WIDTH_RATIO, formatCompactValue, measureFontMetrics } from './chunk-56MASQS2.mjs';
+import { resolveColorScaleRange, interpolateColor } from './chunk-RI32WIDX.mjs';
+import { FIELD_DEFAULTS, batchResolveAccessor } from './chunk-BDCNBS6W.mjs';
+import { hexToRgbString } from './chunk-BF7RP4A3.mjs';
 
 // src/series/heatmap/geometry.ts
 var DEFAULT_HEATMAP_NULL_COLOR = "#f3f4f6";
@@ -27,7 +27,7 @@ function getHeatmapLabelInfo(cell) {
   return { fontSize: 0, show: false };
 }
 function calculateHeatmapLayout(props, chartArea, scales, theme) {
-  const { data, columnField: xField = FIELD_DEFAULTS.columnField, rowField: yField = FIELD_DEFAULTS.rowField, valueField = FIELD_DEFAULTS.valueField } = props;
+  const { data, categoryXField: xField = FIELD_DEFAULTS.columnField, categoryYField: yField = FIELD_DEFAULTS.rowField, valueField = FIELD_DEFAULTS.valueField } = props;
   const { xScale, yScale } = scales;
   const cellPadding = props.spacing ?? DEFAULT_HEATMAP_CELL_PADDING;
   const showEmptyCells = props.showEmptyCells !== false;