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

package/dist/{chunk-3WEMHXZI.mjs → chunks/chunk-LTQH3LQJ.mjs}

@@ -1,4 +1,4 @@
-import { cancelRaf, raf } from './chunk-EDAKJLNA.mjs';
+import { cancelRaf, raf } from './chunk-5WFF272M.mjs';
 
 // src/animations/easing.ts
 var linear = (t) => t;
@@ -57,12 +57,6 @@ function registerEasing(name, fn) {
 function getEasing(name) {
   return easingRegistry.get(name) ?? easeOutQuart;
 }
-function hasEasing(name) {
-  return easingRegistry.has(name);
-}
-function getEasingNames() {
-  return Array.from(easingRegistry.keys());
-}
 var easings = {
   linear,
   easeOutQuad,
@@ -195,4 +189,4 @@ function animate(options) {
   };
 }
 
-export { AnimationController, animate, easeInBounce, easeInOutBounce, easeInOutCubic, easeInOutQuart, easeOutBack, easeOutBounce, easeOutCubic, easeOutElastic, easeOutExpo, easeOutQuad, easeOutQuart, easeOutQuint, easings, getEasing, getEasingNames, hasEasing, linear, parseAnimationConfig, registerEasing };
+export { AnimationController, animate, easeInBounce, easeInOutBounce, easeInOutCubic, easeInOutQuart, easeOutBack, easeOutBounce, easeOutCubic, easeOutElastic, easeOutExpo, easeOutQuad, easeOutQuart, easeOutQuint, easings, getEasing, linear, parseAnimationConfig, registerEasing };

package/dist/{chunk-OHGCZZPZ.mjs → chunks/chunk-M5PZVFY5.mjs}

@@ -1,17 +1,17 @@
-import { calculatePolarLayout, hitTestPolar } from './chunk-WCG35U6M.mjs';
-import { resolvePolarLabels } from './chunk-UPRXABX5.mjs';
-import { resolveSharedRadialGrid } from './chunk-TA4MVAEX.mjs';
-import { renderResolvedLabels } from './chunk-QQBXUDM4.mjs';
-import { AnimatedScene, resolveAnimatedProps, POLAR_ANIMATABLE_PROPS } from './chunk-VN7CKCSE.mjs';
-import { reconcileSvgChildren } from './chunk-KP2TWD4Z.mjs';
-import { parseAnimationConfig } from './chunk-3WEMHXZI.mjs';
-import { cancelRaf, raf } from './chunk-EDAKJLNA.mjs';
-import { buildAccessibilityRenderContext, generateSeriesDescription } from './chunk-OGJ6IIBW.mjs';
-import { collectItems } from './chunk-FFMT6OCO.mjs';
-import { DEFAULT_HOVER_DIM_OPACITY, DEFAULT_HOVER_BRIGHTNESS } from './chunk-NKUYIWAP.mjs';
-import { interpolateRadialGrid } from './chunk-WH3C3Y7P.mjs';
-import { defaultLightTheme, resolveSwatchColor, getDefaultColor } from './chunk-O2X6FF45.mjs';
-import { setAttr, createSvgGroup, materializeSvgNode } from './chunk-SSLTFJ3U.mjs';
+import { calculatePolarLayout, hitTestPolar } from './chunk-FYVMRQFF.mjs';
+import { resolveSharedRadialGrid } from './chunk-CFA2SUBF.mjs';
+import { resolvePolarLabels } from './chunk-RH3OQ2VX.mjs';
+import { renderResolvedLabels } from './chunk-G3DYNMWT.mjs';
+import { AnimatedScene, resolveAnimatedProps, POLAR_ANIMATABLE_PROPS } from './chunk-JS47MSB2.mjs';
+import { reconcileSvgChildren } from './chunk-FWNWV3H7.mjs';
+import { parseAnimationConfig } from './chunk-LTQH3LQJ.mjs';
+import { cancelRaf, raf } from './chunk-5WFF272M.mjs';
+import { buildAccessibilityRenderContext, generateSeriesDescription } from './chunk-IFJPDARC.mjs';
+import { collectItems } from './chunk-FRVJH7ZG.mjs';
+import { DEFAULT_HOVER_DIM_OPACITY, DEFAULT_HOVER_BRIGHTNESS } from './chunk-6LUIVTNV.mjs';
+import { defaultLightTheme, resolveSwatchColor, getDefaultColor } from './chunk-BDCNBS6W.mjs';
+import { interpolateRadialGrid } from './chunk-CKQ4DNNJ.mjs';
+import { setAttr, createSvgGroup, materializeSvgNode } from './chunk-BF7RP4A3.mjs';
 
 // src/series/polar/controller/index.ts
 var POLAR_BAR_REGISTRY = {
@@ -67,22 +67,28 @@ var PolarRendererController = class {
   update(input) {
     this.lastInput = input;
     this.svgGroup = input.svgGroup ?? null;
-    const { datasets, datasetVisibility, chartArea, features, globalFont, sharedContext, yAxes } = input;
+    const { datasets, datasetVisibility, chartArea, features, globalFont, sharedContext, xAxes, yAxes } = input;
     this._hasPolarDatasets = Array.from(datasets.values()).some((ds) => ds.type === "polar");
     if (!this._hasPolarDatasets) {
       this._layout = null;
       this.lastRenderedLayout = null;
+      if (input.renderer === "svg" && this.svgGroup) {
+        while (this.svgGroup.firstChild) this.svgGroup.removeChild(this.svgGroup.firstChild);
+      }
       return;
     }
     const sortedDatasets = Array.from(datasets.entries()).sort(([, a], [, b]) => a.order - b.order);
     const polarEntries = collectItems(sortedDatasets, datasetVisibility).polar;
     if (polarEntries.length === 0) {
       this._layout = null;
+      if (input.renderer === "svg" && this.svgGroup) {
+        while (this.svgGroup.firstChild) this.svgGroup.removeChild(this.svgGroup.firstChild);
+      }
       return;
     }
     const anyVisible = polarEntries.some((e) => e.visible);
     if (!anyVisible) {
-      const liveCount = this._scene.getElements().length;
+      const liveCount = this._scene.elementCount;
       if (liveCount === 0) {
         this._layout = null;
         this.lastRenderedLayout = null;
@@ -114,7 +120,7 @@ var PolarRendererController = class {
         this._startAnimLoop();
       } else {
         this._scene.tick(performance.now());
-        if (this._scene.getElements().length === 0) {
+        if (this._scene.elementCount === 0) {
           this._layout = null;
         }
         this._renderSceneFrame();
@@ -127,8 +133,10 @@ var PolarRendererController = class {
     if (isStacked) {
       stackConfig = { mode: stackingFeature?.mode === "percent" ? "percent" : "normal" };
     }
+    const defaultXAxis = xAxes ? Array.from(xAxes.values())[0] : void 0;
+    const xAxisProps = defaultXAxis?.props;
     const targetLayout = {
-      ...calculatePolarLayout(polarEntries, chartArea, stackConfig, globalFont, sharedContext?.categories, sharedContext?.domain),
+      ...calculatePolarLayout(polarEntries, chartArea, stackConfig, globalFont, sharedContext?.categories, sharedContext?.domain, xAxisProps?.showLabels !== false),
       datasetIndex: 0
     };
     this._layout = targetLayout;
@@ -137,7 +145,10 @@ var PolarRendererController = class {
     const fingerprint = targetLayout.bars.map((b) => `${polarBarKey(b)}:${b.value}:${Math.round(b.outerRadius)}:${Math.round(b.startAngle)}`).join("|") + `|dom:${targetLayout.domain[0]},${targetLayout.domain[1]}`;
     const dataChanged = fingerprint !== this._lastFingerprint;
     const shouldAnimate = animEnabled && duration > 0 && dataChanged;
-    if (!dataChanged) return;
+    if (!dataChanged) {
+      if (input.renderer === "canvas") input.requestRedraw?.();
+      return;
+    }
     const sceneTargets = /* @__PURE__ */ new Map();
     for (const b of targetLayout.bars) {
       sceneTargets.set(polarBarKey(b), b);
@@ -150,7 +161,8 @@ var PolarRendererController = class {
     this._scene.diff(sceneTargets, opts);
     this._lastFingerprint = fingerprint;
     const tickCount = yAxes ? Array.from(yAxes.values())[0]?.props?.tickCount : void 0;
-    const resolved = resolveSharedRadialGrid(targetLayout.grid, targetLayout.domain, targetLayout.rawDataMax, targetLayout.maxRadius, tickCount);
+    const targetInnerRadius = targetLayout.innerRadiusRatio * targetLayout.maxRadius;
+    const resolved = resolveSharedRadialGrid(targetLayout.grid, targetLayout.domain, targetLayout.rawDataMax, targetLayout.maxRadius, tickCount, targetInnerRadius);
     const targetDomain = resolved.domain;
     const prevSettled = this._lastSettledDomain;
     const domainChanged = !prevSettled || prevSettled[0] !== targetDomain[0] || prevSettled[1] !== targetDomain[1];
@@ -161,6 +173,7 @@ var PolarRendererController = class {
         toDomain: targetDomain,
         targetGrid: { ...targetLayout.grid, levels: resolved.levelValues.length, levelValues: resolved.levelValues, levelRadii: resolved.levelRadii },
         targetRadius: targetLayout.maxRadius,
+        targetInnerRadius,
         startTime: -1,
         duration,
         easing
@@ -190,9 +203,22 @@ var PolarRendererController = class {
       this.lastInput.requestRedraw?.();
     }
   }
+  /**
+   * Drop toggled-off datasets' bars from a layout before hit-testing. Both the
+   * all-hidden path (which keeps `_layout` anchored with the last-toggled
+   * dataset's full-thickness bars) and the no-animation path (which leaves a
+   * stale `lastRenderedLayout`) can present a hidden series' bars with
+   * `hidden: false`, so gate on the authoritative `datasetVisibility` rather
+   * than the layout's own flags (mirrors the radar fix).
+   */
+  _gateHidden(layout) {
+    const vis = this.lastInput?.datasetVisibility;
+    if (!vis) return layout;
+    return { ...layout, bars: layout.bars.filter((b) => vis.get(b.datasetId) !== false) };
+  }
   hitTest(x, y) {
     if (!this._layout) return null;
-    return hitTestPolar(x, y, this._layout, this.lastInput?.theme ?? defaultLightTheme);
+    return hitTestPolar(x, y, this._gateHidden(this._layout), this.lastInput?.theme ?? defaultLightTheme);
   }
   /**
    * Shared-mode lookup: find the wedge under the cursor, then return all
@@ -200,8 +226,9 @@ var PolarRendererController = class {
    * cartesian bar/line shared tooltip).
    */
   findAllNearest(x, y) {
-    const layout = this.lastRenderedLayout ?? this._layout;
-    if (!layout) return null;
+    const raw = this.lastRenderedLayout ?? this._layout;
+    if (!raw) return null;
+    const layout = this._gateHidden(raw);
     const primary = hitTestPolar(x, y, layout, this.lastInput?.theme ?? defaultLightTheme);
     if (!primary) return null;
     const label = layout.categories[primary.index] ?? primary.label;
@@ -214,12 +241,13 @@ var PolarRendererController = class {
         datasetId: bar.datasetId,
         name: bar.name,
         label,
-        color: bar.color ?? getDefaultColor(bar.seriesIdx, this.lastInput?.theme ?? defaultLightTheme),
+        color: bar.color ?? getDefaultColor(bar.colorIndex, this.lastInput?.theme ?? defaultLightTheme),
         colorGradient: gradColor,
-        swatchColor: resolveSwatchColor({ color: bar.color ?? gradColor }, bar.seriesIdx, void 0, this.lastInput?.theme),
+        swatchColor: resolveSwatchColor({ color: bar.color ?? gradColor }, bar.colorIndex, void 0, this.lastInput?.theme),
         value: bar.value,
-        formattedValue: String(bar.value),
-        cursorFormattedValue: String(bar.value),
+        // No pre-formatted value: the HTML tooltip formats the raw value via
+        // `buildTooltipContent` (locale-aware, 2dp). Polar has no crosshair, so
+        // `cursorFormattedValue` is unused.
         snapPixel: bar.outerRadius
       });
     }
@@ -319,7 +347,7 @@ var PolarRendererController = class {
     if (!this._layout) return null;
     const bars = [];
     const hasOverrides = this._propertyOverrides.size > 0;
-    for (const el of this._scene.getElements()) {
+    for (const el of this._scene.elementValues()) {
       const base = el.current;
       const overrides = hasOverrides ? this._propertyOverrides.get(base.datasetId) : void 0;
       bars.push(overrides ? { ...base, ...overrides } : { ...base });
@@ -331,7 +359,7 @@ var PolarRendererController = class {
       const elapsed = now - this._gridLerp.startTime;
       const raw = Math.max(0, Math.min(1, elapsed / this._gridLerp.duration));
       const p = this._gridLerp.easing(raw);
-      grid = interpolateRadialGrid(this._gridLerp.fromDomain, this._gridLerp.toDomain, this._gridLerp.targetGrid, this._gridLerp.targetRadius, p);
+      grid = interpolateRadialGrid(this._gridLerp.fromDomain, this._gridLerp.toDomain, this._gridLerp.targetGrid, this._gridLerp.targetRadius, p, this._gridLerp.targetInnerRadius);
       gridAnimating = true;
       if (raw >= 1) {
         this._lastSettledDomain = this._gridLerp.toDomain;

package/dist/{chunk-A6ZQZFL2.mjs → chunks/chunk-NUHW3U7G.mjs}

@@ -1,11 +1,12 @@
-import { calculateRadiusAndCenter } from './chunk-NPDZLYIF.mjs';
-import { measureText } from './chunk-XTVE4P3L.mjs';
-import { DEFAULT_RADIAL_LABEL_FONT_SIZE, DEFAULT_GRID_LEVELS, resolveFontSize, resolveFontFamily, DEFAULT_RADAR_FILL_OPACITY, DEFAULT_LINE_WIDTH, DEFAULT_RADAR_HIT_RADIUS } from './chunk-NKUYIWAP.mjs';
-import { isGradientColor, resolveSwatchColor, getPrimaryColor, getDefaultColor, batchResolveAccessor, FIELD_DEFAULTS } from './chunk-O2X6FF45.mjs';
-import { calculateNiceDomain, generateNiceTicks, toRad } from './chunk-RQ3CKQOX.mjs';
+import { calculateRadiusAndCenter } from './chunk-AJ24XDEK.mjs';
+import { resolveRadialAccessors } from './chunk-6MAO6I3E.mjs';
+import { measureText } from './chunk-56MASQS2.mjs';
+import { DEFAULT_RADIAL_LABEL_FONT_SIZE, DEFAULT_GRID_LEVELS, resolveFontSize, resolveFontFamily, DEFAULT_RADAR_FILL_OPACITY, DEFAULT_LINE_WIDTH, DEFAULT_RADAR_HIT_RADIUS } from './chunk-6LUIVTNV.mjs';
+import { buildColorIndexMap, isGradientColor, resolveSwatchColor, getPrimaryColor, getDefaultColor, batchResolveAccessor, FIELD_DEFAULTS } from './chunk-BDCNBS6W.mjs';
+import { calculateNiceDomain, generateNiceTicks, toRad } from './chunk-K7AGQTVK.mjs';
 
 // src/series/radar/geometry.ts
-function calculateRadarLayout(datasets, chartArea, globalFont, sharedCategories, sharedDomain, perAxisDomains, referenceBoundaryValues, perSpokeDomains, tickCount) {
+function calculateRadarLayout(datasets, chartArea, globalFont, sharedCategories, sharedDomain, perAxisDomains, referenceBoundaryValues, perSpokeDomains, tickCount, showCategoryLabels = true) {
   const categories = sharedCategories ?? extractCategories(datasets);
   const categoryCount = categories.length;
   const angleStep = categoryCount > 0 ? 360 / categoryCount : 0;
@@ -50,7 +51,7 @@ function calculateRadarLayout(datasets, chartArea, globalFont, sharedCategories,
   const resolvedLabelFontSize = resolveFontSize(DEFAULT_RADIAL_LABEL_FONT_SIZE, globalFont);
   const resolvedFontFamily = resolveFontFamily(void 0, globalFont);
   const labelPadding = measureText("Xg", resolvedLabelFontSize).height;
-  const labelMargins = calculateLabelMargins(categories, angleStep, labelPadding, resolvedLabelFontSize);
+  const labelMargins = showCategoryLabels ? calculateLabelMargins(categories, angleStep, labelPadding, resolvedLabelFontSize) : { top: 0, right: 0, bottom: 0, left: 0 };
   const adjustedArea = {
     x: chartArea.x + labelMargins.left,
     y: chartArea.y + labelMargins.top,
@@ -79,6 +80,7 @@ function calculateRadarLayout(datasets, chartArea, globalFont, sharedCategories,
   }
   const series = [];
   const stackRunning = /* @__PURE__ */ new Map();
+  const colorIndexById = buildColorIndexMap(new Map(datasets.map((d) => [d.id, d])));
   for (let si = 0; si < datasets.length; si++) {
     const ds = datasets[si];
     const gradientColor = ds.props.color && isGradientColor(ds.props.color) ? ds.props.color : void 0;
@@ -139,6 +141,7 @@ function calculateRadarLayout(datasets, chartArea, globalFont, sharedCategories,
       basePoints: isStacked ? basePoints : void 0,
       color,
       seriesIdx: si,
+      colorIndex: colorIndexById.get(ds.id) ?? si,
       gradientColor,
       fillOpacity,
       lineStrokeWidth: lineWidth,
@@ -182,9 +185,9 @@ function hitTestRadar(x, y, layout, theme) {
           index: pi,
           label: layout.categories[pi] ?? "",
           value: pt.value,
-          color: sd.color ?? (sd.gradientColor ? getPrimaryColor(sd.gradientColor) : getDefaultColor(sd.seriesIdx, theme)),
+          color: sd.color ?? (sd.gradientColor ? getPrimaryColor(sd.gradientColor) : getDefaultColor(sd.colorIndex, theme)),
           colorGradient: sd.gradientColor,
-          swatchColor: resolveSwatchColor({ color: sd.color ?? sd.gradientColor }, sd.seriesIdx, void 0, theme)
+          swatchColor: resolveSwatchColor({ color: sd.color ?? sd.gradientColor }, sd.colorIndex, void 0, theme)
         };
       }
     }
@@ -197,7 +200,7 @@ function extractCategories(datasets) {
   for (const ds of datasets) {
     const props = ds.props;
     if (!props.data) continue;
-    const cats = batchResolveAccessor(props.categoryField ?? FIELD_DEFAULTS.categoryField, props.data);
+    const cats = batchResolveAccessor(resolveRadialAccessors(props).angularField ?? FIELD_DEFAULTS.categoryField, props.data);
     for (const cat of cats) {
       const str = String(cat);
       if (!seen.has(str)) {
@@ -210,7 +213,7 @@ function extractCategories(datasets) {
 }
 function resolveValues(props) {
   if (!props.data) return [];
-  return batchResolveAccessor(props.valueField ?? FIELD_DEFAULTS.valueField, props.data).map((v) => Number(v) || 0);
+  return batchResolveAccessor(resolveRadialAccessors(props).radialField ?? FIELD_DEFAULTS.valueField, props.data).map((v) => Number(v) || 0);
 }
 function computeRadialComboContext(radarDatasets, polarDatasets) {
   const allEntries = [...radarDatasets, ...polarDatasets];

package/dist/{chunk-QWQ6HY4I.mjs → chunks/chunk-O4BTKF5R.mjs}

@@ -1,4 +1,4 @@
-import { measureTextWidth } from './chunk-XTVE4P3L.mjs';
+import { measureTextWidth } from './chunk-56MASQS2.mjs';
 
 // src/cartesian/crosshair.ts
 function computeCrosshairLayout(input) {
@@ -109,9 +109,10 @@ function computeCrosshairLayout(input) {
 function computeSeriesLabels(hits, orientation, valueAxisPosition, plotArea, padH, badgeHeight, gap, fontSize) {
   if (hits.length === 0) return [];
   const raw = hits.map((hit) => {
-    const textWidth = measureTextWidth(hit.formattedValue, fontSize);
+    const text = hit.formattedValue ?? "";
+    const textWidth = measureTextWidth(text, fontSize);
     const badgeWidth = textWidth + padH * 2;
-    return { hit, badgeWidth, snapPixel: hit.snapPixel };
+    return { hit, text, badgeWidth, snapPixel: hit.snapPixel };
   });
   raw.sort((a, b) => a.snapPixel - b.snapPixel);
   const posMin = orientation === "vertical" ? plotArea.y + badgeHeight / 2 : plotArea.x + badgeHeight / 2;
@@ -131,7 +132,7 @@ function computeSeriesLabels(hits, orientation, valueAxisPosition, plotArea, pad
   }
   const labels = [];
   for (let i = 0; i < raw.length; i++) {
-    const { hit, badgeWidth } = raw[i];
+    const { hit, text, badgeWidth } = raw[i];
     const pos = positions[i];
     let label;
     if (orientation === "vertical") {
@@ -142,7 +143,7 @@ function computeSeriesLabels(hits, orientation, valueAxisPosition, plotArea, pad
           y: pos - badgeHeight / 2,
           w: badgeWidth,
           h: badgeHeight,
-          text: hit.formattedValue,
+          text,
           textX: bx + badgeWidth / 2,
           textY: pos,
           color: hit.color
@@ -154,7 +155,7 @@ function computeSeriesLabels(hits, orientation, valueAxisPosition, plotArea, pad
           y: pos - badgeHeight / 2,
           w: badgeWidth,
           h: badgeHeight,
-          text: hit.formattedValue,
+          text,
           textX: bx + badgeWidth / 2,
           textY: pos,
           color: hit.color
@@ -168,7 +169,7 @@ function computeSeriesLabels(hits, orientation, valueAxisPosition, plotArea, pad
           y: by,
           w: badgeWidth,
           h: badgeHeight,
-          text: hit.formattedValue,
+          text,
           textX: pos,
           textY: by + badgeHeight / 2,
           color: hit.color
@@ -180,7 +181,7 @@ function computeSeriesLabels(hits, orientation, valueAxisPosition, plotArea, pad
           y: by,
           w: badgeWidth,
           h: badgeHeight,
-          text: hit.formattedValue,
+          text,
           textX: pos,
           textY: by + badgeHeight / 2,
           color: hit.color