@primeui/vue-chart 1.0.0-rc.1 → 1.0.0-rc.3

package/dist/chunks/{chunk-GLFXRR7N.mjs → chunk-MGNVYHQF.mjs}

@@ -1,6 +1,6 @@
-import { useChartMethods } from './chunk-QOWKMWNO.mjs';
-import { defineComponent, computed, ref, onBeforeUnmount, watch, openBlock, createElementBlock, normalizeStyle, createElementVNode, Fragment, renderList, createCommentVNode, toDisplayString, unref } from 'vue';
-import { resolveNavigatorConfig, calculateNavigatorLayout, configureCanvasHiDPI, renderNavigatorCanvas, HANDLE_WIDTH, GRIP_LINE_GAP, computeNavigatorJump, computeNavigatorJumpY, hitTestNavigator, computeNavigatorPan, computeNavigatorResizeLeft, computeNavigatorResizeRight, computeNavigatorPanY, computeNavigatorResizeTop, computeNavigatorResizeBottom } from '@primeui/chart-core';
+import { useChartMethods } from './chunk-F72RBTHC.mjs';
+import { defineComponent, computed, ref, watch, onBeforeUnmount, openBlock, createElementBlock, normalizeStyle, createElementVNode, Fragment, renderList, createCommentVNode, toDisplayString, unref } from 'vue';
+import { resolveNavigatorConfig, calculateNavigatorLayout, configureCanvasHiDPI, renderNavigatorCanvas, HANDLE_WIDTH, GRIP_LINE_GAP, getEasing, computeNavigatorJump, computeNavigatorJumpY, hitTestNavigator, computeNavigatorPan, computeNavigatorResizeLeft, computeNavigatorResizeRight, computeNavigatorPanY, computeNavigatorResizeTop, computeNavigatorResizeBottom } from '@primeui/chart-core';
 
 var _hoisted_1 = ["transform"];
 var _hoisted_2 = [
@@ -231,7 +231,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const data = computed(() => layout.value.data);
     const scales = computed(() => layout.value.scales);
     const paths = computed(() => layout.value.paths);
-    const selection = computed(() => layout.value.selection);
+    const targetSelection = computed(() => layout.value.selection);
+    const selection = ref(targetSelection.value);
     const ticks = computed(() => layout.value.ticks);
     const additionalSeries = computed(() => layout.value.allSeries.slice(1));
     const is2DNav = computed(() => data.value?.isNumericAxis ?? false);
@@ -240,6 +241,43 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const gripY2 = computed(() => h.value * 0.7);
     let dragCurrent = null;
     const isDragging = ref(false);
+    let selRafId = null;
+    function cancelSelAnim() {
+      if (selRafId != null) {
+        cancelAnimationFrame(selRafId);
+        selRafId = null;
+      }
+    }
+    function animateSelectionTo(target) {
+      const anim = resolved.value.animation;
+      const cur = selection.value;
+      if (anim === false || isDragging.value || cur.isZoomed !== target.isZoomed || cur.is2D !== target.is2D) {
+        cancelSelAnim();
+        selection.value = target;
+        return;
+      }
+      const from = { ...cur };
+      const ease = getEasing(anim.easing);
+      const dur = Math.max(1, anim.duration);
+      const start = performance.now();
+      cancelSelAnim();
+      const step = (now) => {
+        const k = ease(Math.min(1, (now - start) / dur));
+        selection.value = {
+          ...target,
+          x: from.x + (target.x - from.x) * k,
+          width: from.width + (target.width - from.width) * k,
+          y: from.y != null && target.y != null ? from.y + (target.y - from.y) * k : target.y,
+          height: from.height != null && target.height != null ? from.height + (target.height - from.height) * k : target.height
+        };
+        selRafId = (now - start) / dur < 1 ? requestAnimationFrame(step) : null;
+      };
+      selRafId = requestAnimationFrame(step);
+    }
+    watch(() => props.zoomState, () => animateSelectionTo(targetSelection.value), { deep: true });
+    watch(targetSelection, (next) => {
+      if (selRafId == null && !isDragging.value) selection.value = next;
+    });
     function beginDrag(type, clientX, clientY, target, pointerId) {
       const horizontal = data.value?.orientation === "horizontal";
       const primary = horizontal ? props.zoomState.y : props.zoomState.x;
@@ -255,6 +293,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         startMaxY: props.zoomState.y?.max ?? 0
       };
       isDragging.value = true;
+      cancelSelAnim();
+      selection.value = targetSelection.value;
       window.addEventListener("pointermove", handleWindowPointerMove);
       window.addEventListener("pointerup", handleWindowPointerUp);
     }
@@ -317,6 +357,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       window.removeEventListener("pointerup", handleWindowPointerUp);
     }
     onBeforeUnmount(() => {
+      cancelSelAnim();
       window.removeEventListener("pointermove", handleWindowPointerMove);
       window.removeEventListener("pointerup", handleWindowPointerUp);
     });
@@ -364,14 +405,18 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       canvasRef,
       layout,
       w,
-      h
+      h,
+      selection
     ], () => {
       if (props.renderer !== "canvas" || !canvasRef.value) return;
       configureCanvasHiDPI(canvasRef.value, w.value, h.value);
       const ctx = canvasRef.value.getContext("2d");
       if (!ctx) return;
       ctx.clearRect(0, 0, canvasRef.value.width, canvasRef.value.height);
-      renderNavigatorCanvas(ctx, layout.value);
+      renderNavigatorCanvas(ctx, {
+        ...layout.value,
+        selection: selection.value
+      });
     }, { flush: "post" });
     function handleCanvasPointerDown(e) {
       if (!scales.value || !data.value) return;
@@ -380,7 +425,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       const rect = e.target.getBoundingClientRect();
       const localX = e.clientX - rect.left;
       const localY = e.clientY - rect.top;
-      const zone = hitTestNavigator(localX, selection.value, localY, resolved.value.handleWidth);
+      const zone = hitTestNavigator(localX, targetSelection.value, localY, resolved.value.handleWidth);
       if (!zone) return;
       if (zone === "background") {
         const currentWidth = props.zoomState.x ? props.zoomState.x.max - props.zoomState.x.min : null;
@@ -410,7 +455,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       const rect = e.target.getBoundingClientRect();
       const localX = e.clientX - rect.left;
       const localY = e.clientY - rect.top;
-      const zone = hitTestNavigator(localX, selection.value, localY, resolved.value.handleWidth);
+      const zone = hitTestNavigator(localX, targetSelection.value, localY, resolved.value.handleWidth);
       e.target.style.cursor = zone ? ZONE_CURSORS[zone] : "default";
     }
     return (_ctx, _cache) => {

package/dist/chunks/{chunk-2TOEQNJ6.mjs → chunk-MX74LV4I.mjs}

@@ -1,4 +1,4 @@
-import { useBarLayer, useBarRendererBase } from './chunk-AKMQHU5T.mjs';
+import { useBarLayer, useBarRendererBase } from './chunk-V4KRWSEE.mjs';
 import { defineComponent, unref, openBlock, createElementBlock, createCommentVNode } from 'vue';
 import { createBarRendererSvg } from '@primeui/chart-core/series/bar/controller-svg';
 

package/dist/chunks/{chunk-L73MEG22.mjs → chunk-NFVH44YP.mjs}

@@ -1,4 +1,4 @@
-import { ITEM_COLLECTOR_KEY } from './chunk-4Q3QUNX6.mjs';
+import { ITEM_COLLECTOR_KEY } from './chunk-FGBZ3VPE.mjs';
 import { defineComponent, inject, ref, provide, onMounted, onUnmounted, renderSlot } from 'vue';
 import { shallowEqual } from '@primeui/chart-core';
 
@@ -7,7 +7,6 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ChartTreemapGroup",
   props: {
     label: {},
-    secondaryLabel: {},
     color: {},
     opacity: {}
   },
@@ -46,7 +45,6 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       const groupIndex = parentCollector.getNextIndex();
       parentCollector.registerItem(groupIndex, {
         category: props.label,
-        secondaryLabel: props.secondaryLabel,
         value: 0,
         color: props.color,
         opacity: props.opacity,

package/dist/chunks/{chunk-JPKNWLLP.mjs → chunk-NTTI64AJ.mjs}

@@ -1,6 +1,6 @@
-import { registerNavigatorRenderer } from './chunk-I2BWSDNR.mjs';
-import { useCustomizationRegistration } from './chunk-ZLD5VNMP.mjs';
-import { NavigatorRenderer_default } from './chunk-GLFXRR7N.mjs';
+import { registerNavigatorRenderer } from './chunk-KX5GTFS3.mjs';
+import { useCustomizationRegistration } from './chunk-QQGC223F.mjs';
+import { NavigatorRenderer_default } from './chunk-MGNVYHQF.mjs';
 import { defineComponent, getCurrentInstance, computed } from 'vue';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
@@ -39,7 +39,11 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       maskColor: props.maskColor,
       backgroundColor: props.backgroundColor,
       gridColor: props.gridColor,
-      labelColor: props.labelColor
+      labelColor: props.labelColor,
+      handleWidth: props.handleWidth,
+      gripLineGap: props.gripLineGap,
+      padding: props.padding,
+      animation: props.animation
     }));
     useCustomizationRegistration("navigator", registrationProps);
     return (_ctx, _cache) => {

package/dist/chunks/{chunk-LP2YESP6.mjs → chunk-OROBUJMJ.mjs}

@@ -1,4 +1,4 @@
-import { useCustomizationRegistration } from './chunk-ZLD5VNMP.mjs';
+import { useCustomizationRegistration } from './chunk-QQGC223F.mjs';
 import { defineComponent, computed } from 'vue';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/chunks/chunk-P3CYBDPQ.mjs

@@ -0,0 +1,86 @@
+import { ChartBar_default } from './chunk-FZ4TKLHE.mjs';
+import { ChartTreemap_default } from './chunk-QDCXS7WS.mjs';
+import { ChartScatter_default } from './chunk-UA2J3TWE.mjs';
+import { ChartRadar_default } from './chunk-4UH6LJNN.mjs';
+import { ChartPolar_default } from './chunk-D2SPDSXY.mjs';
+import { ChartPie_default } from './chunk-6MD43V6R.mjs';
+import { ChartLine_default } from './chunk-LNS6I3ZJ.mjs';
+import { ChartHeatmap_default } from './chunk-WCUZUBQ5.mjs';
+import { ChartCandlestick_default } from './chunk-MCIY5P7K.mjs';
+import { ChartAnnotation_default } from './chunk-WHAJ2YDA.mjs';
+import { ChartAccessibility_default } from './chunk-P43UWADF.mjs';
+import { ChartWaterfall_default } from './chunk-HXMG2ZBK.mjs';
+import { ChartStacked_default } from './chunk-ISDQNEMO.mjs';
+import { ChartRange_default } from './chunk-YPRGZNY6.mjs';
+import { ChartOverlap_default } from './chunk-AQK6S4DO.mjs';
+import { ChartGroup_default } from './chunk-GRPL343U.mjs';
+import { ChartDecimation_default } from './chunk-XSKNTD24.mjs';
+import { ChartHover_default } from './chunk-DZIZEFTD.mjs';
+import { ChartExportMenu_default } from './chunk-WNIMDHP5.mjs';
+import { ChartDataLabels_default } from './chunk-TLB6ZOL3.mjs';
+import { ChartColorLegend_default } from './chunk-DLRPM3GK.mjs';
+import { ChartCaption_default } from './chunk-YUQRDFQI.mjs';
+import { ChartBreadcrumb_default } from './chunk-2FGCWBQK.mjs';
+import { ChartAxisGroup_default } from './chunk-DKLWPPME.mjs';
+import { ChartAxisCategory_default } from './chunk-QJCMFAHB.mjs';
+import { ChartXAxis_default } from './chunk-G5YSM76C.mjs';
+import { ChartTooltip_default } from './chunk-OROBUJMJ.mjs';
+import { ChartTitle_default } from './chunk-LLYJBFOE.mjs';
+import { ChartResponsive_default } from './chunk-B7XC2DVN.mjs';
+import { ChartReferenceLine_default } from './chunk-BC6G3ODW.mjs';
+import { ChartReferenceBand_default } from './chunk-VADMTZLH.mjs';
+import { ChartNavigator_default } from './chunk-NTTI64AJ.mjs';
+import { ChartLegend_default } from './chunk-2VCCASMY.mjs';
+import { ChartTreemapGroup_default } from './chunk-NFVH44YP.mjs';
+import { ChartItem_default } from './chunk-IASQF4GU.mjs';
+import { ChartZoom_default } from './chunk-KCLMHDWJ.mjs';
+import { ChartYAxis_default } from './chunk-D65PFBA5.mjs';
+import { ChartSvg_default } from './chunk-B3QR3CVR.mjs';
+import { ChartCanvas_default } from './chunk-LWHQ3RXO.mjs';
+import { __export } from './chunk-VIHIR2BE.mjs';
+
+// src/Chart.parts.ts
+var Chart_parts_exports = {};
+__export(Chart_parts_exports, {
+  Accessibility: () => ChartAccessibility_default,
+  Annotation: () => ChartAnnotation_default,
+  AxisCategory: () => ChartAxisCategory_default,
+  AxisGroup: () => ChartAxisGroup_default,
+  Bar: () => ChartBar_default,
+  Breadcrumb: () => ChartBreadcrumb_default,
+  Candlestick: () => ChartCandlestick_default,
+  Canvas: () => ChartCanvas_default,
+  Caption: () => ChartCaption_default,
+  ColorLegend: () => ChartColorLegend_default,
+  DataLabels: () => ChartDataLabels_default,
+  Decimation: () => ChartDecimation_default,
+  ExportMenu: () => ChartExportMenu_default,
+  Group: () => ChartGroup_default,
+  Heatmap: () => ChartHeatmap_default,
+  Hover: () => ChartHover_default,
+  Item: () => ChartItem_default,
+  Legend: () => ChartLegend_default,
+  Line: () => ChartLine_default,
+  Navigator: () => ChartNavigator_default,
+  Overlap: () => ChartOverlap_default,
+  Pie: () => ChartPie_default,
+  Polar: () => ChartPolar_default,
+  Radar: () => ChartRadar_default,
+  Range: () => ChartRange_default,
+  ReferenceBand: () => ChartReferenceBand_default,
+  ReferenceLine: () => ChartReferenceLine_default,
+  Responsive: () => ChartResponsive_default,
+  Scatter: () => ChartScatter_default,
+  Stacked: () => ChartStacked_default,
+  Svg: () => ChartSvg_default,
+  Title: () => ChartTitle_default,
+  Tooltip: () => ChartTooltip_default,
+  Treemap: () => ChartTreemap_default,
+  TreemapGroup: () => ChartTreemapGroup_default,
+  Waterfall: () => ChartWaterfall_default,
+  XAxis: () => ChartXAxis_default,
+  YAxis: () => ChartYAxis_default,
+  Zoom: () => ChartZoom_default
+});
+
+export { Chart_parts_exports };

package/dist/chunks/{chunk-6Z4MZIJI.mjs → chunk-P43UWADF.mjs}

@@ -1,5 +1,5 @@
-import { registerKeyboardController } from './chunk-I2BWSDNR.mjs';
-import { useCustomizationRegistration } from './chunk-ZLD5VNMP.mjs';
+import { registerKeyboardController } from './chunk-KX5GTFS3.mjs';
+import { useCustomizationRegistration } from './chunk-QQGC223F.mjs';
 import { defineComponent, getCurrentInstance, computed } from 'vue';
 import { KeyboardNavigationController } from '@primeui/chart-core';
 
@@ -16,7 +16,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     pointDescriptionFormatter: { type: Function },
     seriesDescriptionFormatter: { type: Function },
     landmarkVerbosity: {},
-    keyboardNavigation: {}
+    keyboardNavigation: {},
+    patterns: { type: Boolean }
   },
   setup(__props) {
     registerKeyboardController(KeyboardNavigationController);
@@ -35,7 +36,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         pointDescriptionFormatter: props.pointDescriptionFormatter,
         seriesDescriptionFormatter: props.seriesDescriptionFormatter,
         landmarkVerbosity: props.landmarkVerbosity,
-        keyboardNavigation: props.keyboardNavigation
+        keyboardNavigation: props.keyboardNavigation,
+        ...props.patterns ? { patterns: true } : {}
       };
     });
     useCustomizationRegistration("accessibility", registrationProps);

package/dist/chunks/chunk-Q3I4EL3N.mjs

@@ -0,0 +1,23 @@
+import { LEGEND_ITEM_BASE_STYLE as LEGEND_ITEM_BASE_STYLE$1, TOOLTIP_BASE_STYLE as TOOLTIP_BASE_STYLE$1, TOOLTIP_DEFAULT_STYLE as TOOLTIP_DEFAULT_STYLE$1 } from '@primeui/chart-core';
+export { normalizeDataLabelConfig } from '@primeui/chart-core';
+
+// src/utils/styles.ts
+var LEGEND_ITEM_BASE_STYLE = LEGEND_ITEM_BASE_STYLE$1;
+var TOOLTIP_BASE_STYLE = TOOLTIP_BASE_STYLE$1;
+var TOOLTIP_DEFAULT_STYLE = TOOLTIP_DEFAULT_STYLE$1;
+
+// src/utils/ruleOverrides.ts
+function applyDataLabelRuleOverrides(base, ruleOverrides) {
+  const dlOverride = ruleOverrides?.dataLabels;
+  if (!dlOverride) return base;
+  const merged = new Map(base);
+  if (dlOverride.enabled === false) {
+    merged.delete("dataLabels");
+  } else {
+    const existing = merged.get("dataLabels");
+    if (existing) merged.set("dataLabels", { ...existing, props: { ...existing.props, ...dlOverride } });
+  }
+  return merged;
+}
+
+export { LEGEND_ITEM_BASE_STYLE, TOOLTIP_BASE_STYLE, TOOLTIP_DEFAULT_STYLE, applyDataLabelRuleOverrides };

package/dist/chunks/{chunk-HVLFOABV.mjs → chunk-QDCXS7WS.mjs}

@@ -1,6 +1,6 @@
-import { RectRenderer_default } from './chunk-IRGQNA5W.mjs';
-import { registerFamilyRenderer, useDatasetAnimationRegistration, useDatasetRegistration, useItemCollector } from './chunk-I2BWSDNR.mjs';
-import { useRendererHint, useChartMethods } from './chunk-QOWKMWNO.mjs';
+import { RectRenderer_default } from './chunk-3ZXBNXFA.mjs';
+import { registerFamilyRenderer, useDatasetAnimationRegistration, useDatasetRegistration, useItemCollector } from './chunk-KX5GTFS3.mjs';
+import { useRendererHint, useChartMethods } from './chunk-F72RBTHC.mjs';
 import { defineComponent, useSlots, computed, onMounted, watch, onUnmounted, renderSlot, createCommentVNode } from 'vue';
 
 var treemapIdCounter = 0;
@@ -29,7 +29,6 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       default: void 0
     },
     groupLabelHeight: {},
-    secondaryLabelField: {},
     levels: {},
     rootLabel: {},
     drilldown: {
@@ -88,7 +87,6 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           groupPadding: props.groupPadding,
           labelMinSize: props.labelMinSize,
           groupLabelHeight: props.groupLabelHeight,
-          secondaryLabelField: props.secondaryLabelField,
           levels: props.levels,
           rootLabel: props.rootLabel,
           drilldownMode: props.drilldownMode,
@@ -121,7 +119,6 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       let buildSynthesizedProps2 = function() {
         const items = getItems();
         const hasHierarchy = items.some((item) => item.nodeId != null);
-        const hasSecondaryLabel = items.some((item) => item.secondaryLabel != null);
         const p = {
           id: autoId,
           data: items,
@@ -139,7 +136,6 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           groupPadding: props.groupPadding,
           labelMinSize: props.labelMinSize,
           groupLabelHeight: props.groupLabelHeight,
-          secondaryLabelField: hasSecondaryLabel ? "secondaryLabel" : props.secondaryLabelField,
           levels: props.levels,
           rootLabel: props.rootLabel,
           drilldownMode: props.drilldownMode,
@@ -180,7 +176,6 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         () => props.labelMinSize,
         () => props.showGroupLabel,
         () => props.groupLabelHeight,
-        () => props.secondaryLabelField,
         () => props.levels,
         () => props.rootLabel,
         () => props.drilldown,

package/dist/chunks/{chunk-4EU72IBK.mjs → chunk-QPX2OCOM.mjs}

@@ -1,17 +1,17 @@
-import { LegendRenderer_default } from './chunk-TRGN3ZMM.mjs';
+import { LegendRenderer_default } from './chunk-JEC4JJ5P.mjs';
 import { ColorLegendRenderer_default } from './chunk-S4YR4YK7.mjs';
-import { TooltipRenderer_default } from './chunk-36DHPBYP.mjs';
-import { useResponsiveDimensions, useAnimationProps, useDrilldownState, useResponsiveConfig, provideFamilyRenderers, provideChartLayers, useZoomPan, useKeyboardNavigation, useChartSync, useChartContext, useChartSyncCoordinator } from './chunk-I2BWSDNR.mjs';
-import { NavigatorRenderer_default } from './chunk-GLFXRR7N.mjs';
-import { provideChartContext } from './chunk-QOWKMWNO.mjs';
+import { TooltipRenderer_default } from './chunk-GV4YAVUN.mjs';
+import { useResponsiveDimensions, useAnimationProps, useDrilldownState, useResponsiveConfig, provideFamilyRenderers, provideChartLayers, useZoomPan, useKeyboardNavigation, useChartSync, useChartContext, useChartSyncCoordinator } from './chunk-KX5GTFS3.mjs';
+import { NavigatorRenderer_default } from './chunk-MGNVYHQF.mjs';
+import { provideChartContext } from './chunk-F72RBTHC.mjs';
 import { CHART_SYNC_INFO_KEY } from './chunk-H4HLHGUW.mjs';
-import { TOOLTIP_CONTEXT_KEY } from './chunk-4Q3QUNX6.mjs';
-import { defineComponent, computed, ref, onMounted, watch, onBeforeUnmount, toRef, shallowRef, nextTick, provide, openBlock, createElementBlock, normalizeStyle, normalizeClass, createElementVNode, toDisplayString, createCommentVNode, renderSlot, unref, createBlock, resolveDynamicComponent, withCtx, createTextVNode, Fragment, renderList, withModifiers } from 'vue';
+import { CHART_RULE_OVERRIDES_KEY, TOOLTIP_CONTEXT_KEY } from './chunk-FGBZ3VPE.mjs';
+import { defineComponent, computed, ref, onMounted, watch, onBeforeUnmount, toRef, provide, shallowRef, nextTick, openBlock, createElementBlock, normalizeStyle, normalizeClass, createElementVNode, toDisplayString, createCommentVNode, renderSlot, unref, createBlock, resolveDynamicComponent, withCtx, createTextVNode, Fragment, renderList, withModifiers } from 'vue';
 import { resolveTheme, ChartStateController, buildChartDataTable, themeToCssVars, configureCanvasHiDPI, computeCrosshairLayout, buildAnnotationContext, DEFAULT_FONT_FAMILY, renderAnnotationsCanvas, resolveDirFromElement, observeDocumentDir } from '@primeui/chart-core';
 import { verifyLicense } from '@primeui/license-manager';
 
 // src/release-date.ts
-var RELEASE_DATE = "2026-06-28";
+var RELEASE_DATE = "2026-07-15";
 
 // src/Chart.vue
 var _hoisted_1 = {
@@ -337,7 +337,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const measuredCaptionHeight = ref(0);
     const drilldownState = useDrilldownState(computed(() => state.value.datasets));
     const responsiveFeature = computed(() => state.value.features.get("responsive")?.props);
-    const { defaults: adaptive, ruleOverrides } = useResponsiveConfig(width, height, responsiveFeature, { size: props.fontSize });
+    const { tier, defaults: adaptive, ruleOverrides } = useResponsiveConfig(width, height, responsiveFeature, { size: props.fontSize });
+    provide(CHART_RULE_OVERRIDES_KEY, ruleOverrides);
     const chartStateController = new ChartStateController();
     onBeforeUnmount(() => chartStateController.destroy());
     const coreState = computed(() => chartStateController.compute({
@@ -696,12 +697,16 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         cursorValueText: tooltip.value.cursorFormattedValue ?? "",
         barValueText: tooltip.value.formattedValue ?? String(tooltip.value.value),
         barColor: tooltip.value.color,
-        allSeriesHits: isSharedMode.value ? tooltip.value.allSeriesHits : void 0
+        allSeriesHits: isSharedMode.value ? tooltip.value.allSeriesHits : void 0,
+        // Value→value domain (bar/line/scatter): the independent-axis badge follows the
+        // cursor instead of snapping to the datum, matching the value-axis badge.
+        independentAxisIsValue: tooltip.value.independentIsCategory === false
       });
     });
     const annotations = computed(() => state.value.annotations);
     const annotationContext = computed(() => {
       if (!annotations.value?.size || !chartArea.value) return null;
+      if (ruleOverrides.value.annotations?.enabled === false) return null;
       const outerArea = chartArea.value;
       let xScale = null;
       let yScale = null;
@@ -745,7 +750,10 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           datasetId: hover.datasetId,
           index: hover.index
         } : null,
-        theme: methods.theme
+        theme: methods.theme,
+        tier: tier.value,
+        defaults: adaptive.value,
+        ruleOverrides: ruleOverrides.value
       });
     });
     const annotationClipRect = computed(() => {
@@ -1392,7 +1400,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
               }, toDisplayString(label.text), 9, _hoisted_31)]);
             }), 128))
           ], 8, _hoisted_18)) : createCommentVNode("", true),
-          tooltipConfig.value && !hasCrosshair.value && !unref(zoomIsDragging) && unref(ruleOverrides).tooltip?.enabled !== false ? (openBlock(), createBlock(TooltipRenderer_default, {
+          tooltipConfig.value && !crosshairData.value && !unref(zoomIsDragging) && unref(ruleOverrides).tooltip?.enabled !== false ? (openBlock(), createBlock(TooltipRenderer_default, {
             key: 12,
             "tooltip-config": tooltipConfig.value,
             rtl: resolvedDir.value === "rtl",

package/dist/chunks/{chunk-ZLD5VNMP.mjs → chunk-QQGC223F.mjs}

@@ -1,5 +1,5 @@
-import { useChartMethods } from './chunk-QOWKMWNO.mjs';
-import { CHART_REFRESH_NONCE_KEY } from './chunk-4Q3QUNX6.mjs';
+import { useChartMethods } from './chunk-F72RBTHC.mjs';
+import { CHART_REFRESH_NONCE_KEY } from './chunk-FGBZ3VPE.mjs';
 import { shallowEqual } from '@primeui/chart-core';
 import { inject, ref, watch, shallowRef, onMounted, onUnmounted } from 'vue';
 

package/dist/chunks/{chunk-ADAGGXFG.mjs → chunk-QWUGZTCV.mjs}

@@ -1,7 +1,7 @@
 import { useControllerLifecycle } from './chunk-KNNYJD4D.mjs';
-import { normalizeDataLabelConfig } from './chunk-ZH4A4L6W.mjs';
+import { applyDataLabelRuleOverrides, normalizeDataLabelConfig } from './chunk-Q3I4EL3N.mjs';
 import { useRadialFrameRegistration } from './chunk-7EZEZMGG.mjs';
-import { useChartMethods, useChartState, useChartHover } from './chunk-QOWKMWNO.mjs';
+import { useChartMethods, useChartState, useChartHover, useRuleOverrides } from './chunk-F72RBTHC.mjs';
 import { defineComponent, computed, toRef, unref, openBlock, createElementBlock, createCommentVNode, ref, watch } from 'vue';
 import { createPolarRendererCanvas } from '@primeui/chart-core/series/polar/controller-canvas';
 import { createPolarRendererSvg } from '@primeui/chart-core/series/polar/controller-svg';
@@ -59,9 +59,7 @@ function usePolarRenderer(options) {
   });
   const { applyPropertyAnimations, renderFrameCycle } = useControllerLifecycle(controller);
   function hitTest(x, y) {
-    const hit = controller.hitTest(x, y);
-    if (!hit) return null;
-    return { datasetId: hit.datasetId, index: hit.index, label: hit.label, value: hit.value, color: hit.color };
+    return controller.hitTest(x, y);
   }
   function getPointPosition(datasetId, index) {
     const layout = layoutRef.value;
@@ -120,12 +118,13 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const methods = useChartMethods();
     const state = useChartState();
     const hoverCtx = useChartHover();
+    const ruleOverrides = useRuleOverrides();
     const polar = usePolarRenderer({
       chartArea: computed(() => props.chartArea),
       renderer: methods.renderer,
       canvasEl: toRef(props, "canvasEl"),
       datasets: computed(() => state.value.datasets),
-      features: computed(() => state.value.features),
+      features: computed(() => applyDataLabelRuleOverrides(state.value.features, ruleOverrides.value)),
       hover: computed(() => hoverCtx.value.hover),
       datasetVisibility: computed(() => state.value.datasetVisibility),
       globalFont: methods.font,

package/dist/chunks/{chunk-OJHEN5FG.mjs → chunk-TAFKOHFX.mjs}

@@ -1,7 +1,7 @@
 import { useControllerLifecycle } from './chunk-KNNYJD4D.mjs';
-import { normalizeDataLabelConfig } from './chunk-ZH4A4L6W.mjs';
+import { applyDataLabelRuleOverrides, normalizeDataLabelConfig } from './chunk-Q3I4EL3N.mjs';
 import { useRadialFrameRegistration } from './chunk-7EZEZMGG.mjs';
-import { useChartMethods, useChartState, useChartHover } from './chunk-QOWKMWNO.mjs';
+import { useChartMethods, useChartState, useChartHover, useRuleOverrides } from './chunk-F72RBTHC.mjs';
 import { defineComponent, computed, toRef, unref, openBlock, createElementBlock, Fragment, createElementVNode, renderList, createBlock, resolveDynamicComponent, createCommentVNode, ref, watch } from 'vue';
 import { buildMarkerRenderItems, safeRenderProp, DEFAULT_HOVER_DIM_OPACITY } from '@primeui/chart-core';
 import { createRadarRendererCanvas } from '@primeui/chart-core/series/radar/controller-canvas';
@@ -64,9 +64,7 @@ function useRadarRenderer(options) {
   });
   const { applyPropertyAnimations, renderFrameCycle } = useControllerLifecycle(controller);
   function hitTest(x, y) {
-    const hit = controller.hitTest(x, y);
-    if (!hit) return null;
-    return { datasetId: hit.datasetId, index: hit.index, label: hit.label, value: hit.value, color: hit.color };
+    return controller.hitTest(x, y);
   }
   function findAllNearest(x, y) {
     const result = controller.findAllNearest(x, y);
@@ -112,12 +110,13 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const methods = useChartMethods();
     const state = useChartState();
     const hoverCtx = useChartHover();
+    const ruleOverrides = useRuleOverrides();
     const radar = useRadarRenderer({
       chartArea: computed(() => props.chartArea),
       renderer: methods.renderer,
       canvasEl: toRef(props, "canvasEl"),
       datasets: computed(() => state.value.datasets),
-      features: computed(() => state.value.features),
+      features: computed(() => applyDataLabelRuleOverrides(state.value.features, ruleOverrides.value)),
       hover: computed(() => hoverCtx.value.hover),
       datasetVisibility: computed(() => state.value.datasetVisibility),
       globalFont: methods.font,

package/dist/chunks/{chunk-HH5FUUXX.mjs → chunk-TLB6ZOL3.mjs}

@@ -1,4 +1,4 @@
-import { useCustomizationRegistration } from './chunk-ZLD5VNMP.mjs';
+import { useCustomizationRegistration } from './chunk-QQGC223F.mjs';
 import { defineComponent, computed } from 'vue';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
@@ -10,6 +10,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     fontSize: { default: 12 },
     fontWeight: { default: "normal" },
     fontFamily: { default: "system-ui, sans-serif" },
+    rotation: {},
     display: { default: "value" },
     minPercentage: { default: 5 },
     distance: {},
@@ -27,6 +28,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       fontSize: props.fontSize,
       fontFamily: props.fontFamily,
       color: props.color,
+      rotation: props.rotation,
       display: props.display,
       minPercentage: props.minPercentage,
       formatter: props.formatter,

package/dist/chunks/{chunk-SGLTVJUA.mjs → chunk-UA2J3TWE.mjs}

@@ -1,7 +1,7 @@
-import { CartesianRenderer_default } from './chunk-YZQS2YBK.mjs';
-import { ScatterLayer_default } from './chunk-LJZCE7LQ.mjs';
-import { registerFamilyRenderer, registerChartLayer, useDatasetAnimationRegistration, useDatasetRegistration, useItemCollector } from './chunk-I2BWSDNR.mjs';
-import { useRendererHint, useChartMethods } from './chunk-QOWKMWNO.mjs';
+import { CartesianRenderer_default } from './chunk-BVB7G6Y5.mjs';
+import { ScatterLayer_default } from './chunk-EAHLFHB7.mjs';
+import { registerFamilyRenderer, registerChartLayer, useDatasetAnimationRegistration, useDatasetRegistration, useItemCollector } from './chunk-KX5GTFS3.mjs';
+import { useRendererHint, useChartMethods } from './chunk-F72RBTHC.mjs';
 import { defineComponent, useSlots, computed, onMounted, watch, onUnmounted, renderSlot, createCommentVNode } from 'vue';
 import { resolveAccessor } from '@primeui/chart-core/utils';
 import { scatterRenderer } from '@primeui/chart-core/series/scatter';

package/dist/chunks/{chunk-AKMQHU5T.mjs → chunk-V4KRWSEE.mjs}

@@ -1,5 +1,5 @@
-import { useCartesianFrame, useCartesianFrameRegistration } from './chunk-I2BWSDNR.mjs';
-import { useChartMethods, useChartState, useChartHover } from './chunk-QOWKMWNO.mjs';
+import { useCartesianFrame, useCartesianFrameRegistration } from './chunk-KX5GTFS3.mjs';
+import { useChartMethods, useChartState, useChartHover } from './chunk-F72RBTHC.mjs';
 import { resolveBarLabels, safeRenderProp } from '@primeui/chart-core';
 import { computed, h, ref, shallowRef, watch, onUnmounted } from 'vue';
 

package/dist/chunks/{chunk-U6X3GVJ3.mjs → chunk-VADMTZLH.mjs}

@@ -1,4 +1,4 @@
-import { useChartMethods } from './chunk-QOWKMWNO.mjs';
+import { useChartMethods } from './chunk-F72RBTHC.mjs';
 import { defineComponent, computed, onMounted, watch, onUnmounted } from 'vue';
 
 var referenceBandIdCounter = 0;

package/dist/chunks/{chunk-PCBF6FSQ.mjs → chunk-WCUZUBQ5.mjs}

@@ -1,7 +1,7 @@
-import { HeatmapLayer_default } from './chunk-3X27K5XC.mjs';
-import { CartesianRenderer_default } from './chunk-YZQS2YBK.mjs';
-import { registerFamilyRenderer, registerChartLayer, useDatasetAnimationRegistration, useDatasetRegistration, useItemCollector } from './chunk-I2BWSDNR.mjs';
-import { useRendererHint, useChartMethods } from './chunk-QOWKMWNO.mjs';
+import { HeatmapLayer_default } from './chunk-L7XUBIMC.mjs';
+import { CartesianRenderer_default } from './chunk-BVB7G6Y5.mjs';
+import { registerFamilyRenderer, registerChartLayer, useDatasetAnimationRegistration, useDatasetRegistration, useItemCollector } from './chunk-KX5GTFS3.mjs';
+import { useRendererHint, useChartMethods } from './chunk-F72RBTHC.mjs';
 import { defineComponent, useSlots, computed, onMounted, watch, onUnmounted, renderSlot, createCommentVNode } from 'vue';
 import { heatmapRenderer } from '@primeui/chart-core/series/heatmap';
 
@@ -11,10 +11,24 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
   props: {
     id: {},
     data: {},
-    valueField: {},
+    valueField: { type: [
+      String,
+      Function,
+      Number,
+      null,
+      Array
+    ] },
     name: {},
-    categoryXField: {},
-    categoryYField: {},
+    categoryXField: { type: [
+      String,
+      Function,
+      Array
+    ] },
+    categoryYField: { type: [
+      String,
+      Function,
+      Array
+    ] },
     color: {},
     colorScale: {},
     colorRange: {},
@@ -24,13 +38,6 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     yAxisId: {},
     min: {},
     max: {},
-    showLabels: { type: Boolean },
-    labelFormat: { type: Function },
-    labelColor: { type: [
-      String,
-      Function,
-      Array
-    ] },
     hoverColor: { type: [
       String,
       Function,
@@ -125,9 +132,6 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         yAxisId: props.yAxisId,
         min: props.min,
         max: props.max,
-        showLabels: props.showLabels,
-        labelFormat: props.labelFormat,
-        labelColor: props.labelColor,
         showEmptyCells: props.showEmptyCells,
         opacity: props.opacity,
         renderContent: props.renderContent,
@@ -166,9 +170,6 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           yAxisId: props.yAxisId,
           min: props.min,
           max: props.max,
-          showLabels: props.showLabels,
-          labelFormat: props.labelFormat,
-          labelColor: props.labelColor,
           showEmptyCells: props.showEmptyCells,
           opacity: props.opacity,
           renderContent: props.renderContent,