@primeui/vue-chart 1.0.0-beta.1 → 1.0.0-rc.2

package/LICENSE.md

@@ -0,0 +1,35 @@
+# PrimeUI Pro License
+
+This package is a **PrimeUI Pro** component by PrimeTek Informatics — an advanced, framework-independent UI component.
+
+PrimeUI Pro components are commercial software. They are not available under the MIT license or a free Community license. A valid commercial license is required.
+
+## How PrimeUI Pro May Be Used
+
+This component may be used under either of the following:
+
+### Standalone Commercial License
+
+Purchased individually, licensed per developer, perpetual, with one year of updates. The component is framework-independent and may be used with any UI library, including PrimeNG, PrimeReact, PrimeVue, or others.
+
+### Included with PrimeUI Commercial Suite
+
+PrimeUI Commercial Suite license holders receive access to all PrimeUI Pro components released within their update period at no additional cost.
+
+## License Key
+
+A valid license key is required to use this software. License verification is performed offline, with no telemetry and no remote connection. A missing, invalid, or expired key may cause the software to display a license notice.
+
+## Full Terms
+
+The complete license terms, pricing, and renewal information are available at:
+
+**https://primeui.dev/licenses/commercial**
+
+## Restrictions
+
+This software is distributed as a compiled package. You may not reverse-engineer, decompile, or extract its source code, redistribute it as a component library or development tool, or remove its license mechanisms. Redistributing the component so that third parties can develop with it requires a separate OEM License. See the full terms for details.
+
+---
+
+© 2026 PrimeTek Informatics. All rights reserved.

package/README.md

@@ -1 +1,65 @@
 # PrimeUI Vue Chart
+
+`@primeui/vue-chart` is the Vue 3 chart component for PrimeUI. It supports bar, line, pie, doughnut, radar, polar area, and scatter chart types.
+
+## Install
+
+```bash
+pnpm add @primeui/vue-chart
+```
+
+## Basic Usage
+
+```vue
+<script setup lang="ts">
+import { Chart } from '@primeui/vue-chart';
+
+const data = {
+    labels: ['January', 'February', 'March', 'April', 'May'],
+    datasets: [
+        {
+            label: 'Sales',
+            data: [40, 59, 80, 61, 56],
+            backgroundColor: ['#FF6384', '#36A2EB', '#FFCE56', '#4BC0C0', '#9966FF']
+        }
+    ]
+};
+
+const options = {
+    responsive: true,
+    plugins: {
+        legend: { position: 'top' }
+    }
+};
+</script>
+
+<template>
+    <Chart type="bar" :data="data" :options="options" />
+</template>
+```
+
+## Chart Types
+
+| Type       | Value         |
+| ---------- | ------------- |
+| Bar        | `"bar"`       |
+| Line       | `"line"`      |
+| Pie        | `"pie"`       |
+| Doughnut   | `"doughnut"`  |
+| Radar      | `"radar"`     |
+| Polar Area | `"polarArea"` |
+| Scatter    | `"scatter"`   |
+
+## Responsive Charts
+
+Charts are responsive by default. Set `width` and `height` props to fix the canvas dimensions, or control the container size via CSS.
+
+```vue
+<template>
+    <Chart type="line" :data="data" width="400" height="300" />
+</template>
+```
+
+## License
+
+Licensed under the [PrimeUI Pro License](https://primeui.dev/licenses/commercial) - Copyright (c) [PrimeTek Informatics](https://www.primetek.com.tr)

package/dist/ChartCanvas.mjs

@@ -1,15 +1,15 @@
-export { ChartCanvas_default as default } from './chunks/chunk-IUGMS7ND.mjs';
-import './chunks/chunk-EKGCPOZJ.mjs';
-import './chunks/chunk-TRGN3ZMM.mjs';
+export { ChartCanvas_default as default } from './chunks/chunk-IPEI6IAE.mjs';
+import './chunks/chunk-7OLUXDMR.mjs';
+import './chunks/chunk-JEC4JJ5P.mjs';
 import './chunks/chunk-S4YR4YK7.mjs';
-import './chunks/chunk-36DHPBYP.mjs';
-import './chunks/chunk-ZH4A4L6W.mjs';
-import './chunks/chunk-I2BWSDNR.mjs';
+import './chunks/chunk-GV4YAVUN.mjs';
+import './chunks/chunk-Q3I4EL3N.mjs';
+import './chunks/chunk-KX5GTFS3.mjs';
 import './chunks/chunk-L6N5IYAJ.mjs';
-import './chunks/chunk-ZLD5VNMP.mjs';
+import './chunks/chunk-QQGC223F.mjs';
 import './chunks/chunk-7EZEZMGG.mjs';
-import './chunks/chunk-GLFXRR7N.mjs';
-import './chunks/chunk-QOWKMWNO.mjs';
+import './chunks/chunk-MGNVYHQF.mjs';
+import './chunks/chunk-F72RBTHC.mjs';
 import './chunks/chunk-H4HLHGUW.mjs';
-import './chunks/chunk-4Q3QUNX6.mjs';
+import './chunks/chunk-FGBZ3VPE.mjs';
 import './chunks/chunk-VIHIR2BE.mjs';

package/dist/ChartSvg.mjs

@@ -1,15 +1,15 @@
-export { ChartSvg_default as default } from './chunks/chunk-5HLEKAY2.mjs';
-import './chunks/chunk-EKGCPOZJ.mjs';
-import './chunks/chunk-TRGN3ZMM.mjs';
+export { ChartSvg_default as default } from './chunks/chunk-OHHN7X72.mjs';
+import './chunks/chunk-7OLUXDMR.mjs';
+import './chunks/chunk-JEC4JJ5P.mjs';
 import './chunks/chunk-S4YR4YK7.mjs';
-import './chunks/chunk-36DHPBYP.mjs';
-import './chunks/chunk-ZH4A4L6W.mjs';
-import './chunks/chunk-I2BWSDNR.mjs';
+import './chunks/chunk-GV4YAVUN.mjs';
+import './chunks/chunk-Q3I4EL3N.mjs';
+import './chunks/chunk-KX5GTFS3.mjs';
 import './chunks/chunk-L6N5IYAJ.mjs';
-import './chunks/chunk-ZLD5VNMP.mjs';
+import './chunks/chunk-QQGC223F.mjs';
 import './chunks/chunk-7EZEZMGG.mjs';
-import './chunks/chunk-GLFXRR7N.mjs';
-import './chunks/chunk-QOWKMWNO.mjs';
+import './chunks/chunk-MGNVYHQF.mjs';
+import './chunks/chunk-F72RBTHC.mjs';
 import './chunks/chunk-H4HLHGUW.mjs';
-import './chunks/chunk-4Q3QUNX6.mjs';
+import './chunks/chunk-FGBZ3VPE.mjs';
 import './chunks/chunk-VIHIR2BE.mjs';

package/dist/RadarReference.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/chunks/{chunk-QONZ3SCZ.mjs → chunk-2FGCWBQK.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-4SLSYRNY.mjs → chunk-2VCCASMY.mjs}

@@ -1,8 +1,8 @@
-import { useCustomizationRegistration } from './chunk-ZLD5VNMP.mjs';
+import { useCustomizationRegistration } from './chunk-QQGC223F.mjs';
 import { SYNC_BUS_KEY } from './chunk-H4HLHGUW.mjs';
-import { CHART_METHODS_KEY } from './chunk-4Q3QUNX6.mjs';
+import { CHART_METHODS_KEY } from './chunk-FGBZ3VPE.mjs';
 import { defineComponent, inject, computed, ref, onMounted, onBeforeUnmount, openBlock, createElementBlock, Fragment, unref, normalizeStyle, normalizeClass, renderList, createBlock, resolveDynamicComponent, createElementVNode, toDisplayString, createCommentVNode } from 'vue';
-import { safeRenderProp, gradientToCssBackground, buildSharedLegendItems } from '@primeui/chart-core';
+import { safeRenderProp, legendSwatchStyle, buildSharedLegendItems } from '@primeui/chart-core';
 
 var _hoisted_1 = ["onClick", "onMouseenter"];
 var _hoisted_2 = ["data-chart-gradient"];
@@ -152,12 +152,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         style: normalizeStyle([containerStyle.value, props.style])
       }, [(openBlock(true), createElementBlock(Fragment, null, renderList(sharedItems.value, (item) => {
         return openBlock(), createElementBlock(Fragment, { key: getItemKey(item) }, [__props.render ? (openBlock(), createBlock(resolveDynamicComponent(() => unref(safeRenderProp)(() => __props.render({
-          type: item.type,
-          datasetId: item.datasetId,
-          label: item.label,
-          color: item.color,
-          colorGradient: item.colorGradient,
-          visible: item.visible,
+          ...item,
           isHovered: hoveredId.value === getItemKey(item),
           onClick: () => handleSharedClick(item),
           onMouseEnter: () => {
@@ -192,14 +187,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           onMouseleave: _cache[0] || (_cache[0] = ($event) => hoveredId.value = null)
         }, [createElementVNode("span", {
           "data-chart-gradient": item.colorGradient ? JSON.stringify(item.colorGradient) : void 0,
-          style: normalizeStyle({
-            width: `${__props.iconSize ?? 12}px`,
-            height: __props.iconShape === "line" ? "2px" : `${__props.iconSize ?? 12}px`,
-            borderRadius: __props.iconShape === "circle" ? "50%" : __props.iconShape === "line" ? "1px" : "2px",
-            backgroundColor: item.color,
-            ...item.colorGradient ? { backgroundImage: unref(gradientToCssBackground)(item.colorGradient) } : {},
-            flexShrink: 0
-          })
+          style: normalizeStyle(unref(legendSwatchStyle)(item, __props.iconSize ?? 12, __props.iconShape))
         }, null, 12, _hoisted_2), createElementVNode("span", null, toDisplayString(item.label), 1)], 44, _hoisted_1))], 64);
       }), 128))], 6)) : createCommentVNode("", true);
     };

package/dist/chunks/{chunk-IRGQNA5W.mjs → chunk-3ZXBNXFA.mjs}

@@ -1,12 +1,13 @@
-import { usePropertyAnimations } from './chunk-I2BWSDNR.mjs';
-import { useChartMethods, useChartState, useChartHover } from './chunk-QOWKMWNO.mjs';
+import { applyDataLabelRuleOverrides } from './chunk-Q3I4EL3N.mjs';
+import { usePropertyAnimations } from './chunk-KX5GTFS3.mjs';
+import { useChartMethods, useChartState, useChartHover, useRuleOverrides } from './chunk-F72RBTHC.mjs';
 import { defineComponent, computed, toRef, shallowRef, onUnmounted, unref, openBlock, createElementBlock, createElementVNode, Fragment, renderList, createBlock, createCommentVNode, ref, watch, createVNode } from 'vue';
 import { AnimatedPropertyStore, AnimationRegistry, renderTreemapGroupHoverOverlay } from '@primeui/chart-core';
 import { createTreemapRendererCanvas } from '@primeui/chart-core/series/treemap/controller-canvas';
 import { createTreemapRendererSvg } from '@primeui/chart-core/series/treemap/controller-svg';
 
 function useTreemapRenderer(options) {
-  const { chartArea, renderer, canvasEl, datasets, features, datasetVisibility, width, height, chartId, drilldownState, globalFont, hover, theme } = options;
+  const { chartArea, renderer, canvasEl, datasets, features, datasetVisibility, hiddenItems, width, height, chartId, drilldownState, globalFont, hover, theme } = options;
   const wrapperRef = ref(null);
   const groupRef = ref(null);
   const overlayRef = ref(null);
@@ -20,6 +21,7 @@ function useTreemapRenderer(options) {
     controller.update({
       datasets: datasets.value,
       datasetVisibility: datasetVisibility.value,
+      hiddenItems: hiddenItems.value,
       chartArea: chartArea.value,
       renderer,
       width: width.value,
@@ -37,11 +39,12 @@ function useTreemapRenderer(options) {
     });
   };
   watch(
-    [datasets, datasetVisibility, chartArea, features, width, height, groupRef, () => drilldownState.currentParentId.value, () => drilldownState.enabled.value, theme],
+    [datasets, datasetVisibility, hiddenItems, chartArea, features, width, height, groupRef, () => drilldownState.currentParentId.value, () => drilldownState.enabled.value, theme],
     () => {
       controller.update({
         datasets: datasets.value,
         datasetVisibility: datasetVisibility.value,
+        hiddenItems: hiddenItems.value,
         chartArea: chartArea.value,
         renderer,
         width: width.value,
@@ -172,13 +175,15 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const methods = useChartMethods();
     const state = useChartState();
     const hoverCtx = useChartHover();
+    const ruleOverrides = useRuleOverrides();
     const treemap = useTreemapRenderer({
       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)),
       datasetVisibility: computed(() => state.value.datasetVisibility),
+      hiddenItems: computed(() => state.value.hiddenItems),
       hover: computed(() => hoverCtx.value.hover),
       width: computed(() => props.width),
       height: computed(() => props.height),

package/dist/chunks/chunk-44BMQ7N2.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-OHHN7X72.mjs';
+import { ChartCanvas_default } from './chunk-IPEI6IAE.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-CMJXLIEY.mjs → chunk-4B5OD4TC.mjs}

@@ -1,6 +1,6 @@
 import { useControllerLifecycle } from './chunk-KNNYJD4D.mjs';
-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 { defineComponent, computed, h, unref, openBlock, createElementBlock, createCommentVNode, ref, shallowRef, watch } from 'vue';
 import { resolvePointLabels, safeRenderProp } from '@primeui/chart-core';
 import { createLineRendererCanvas } from '@primeui/chart-core/series/line/controller-canvas';
@@ -201,20 +201,11 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           }
         }
         return {
-          datasetId: lnHit.datasetId,
-          index: lnHit.index,
-          label: lnHit.label,
-          value: lnHit.value,
-          color: lnHit.color,
+          ...lnHit,
           snapX: lnHit.x,
           snapY: lnHit.y,
           formattedValue: fmtVal,
-          cursorFormattedValue: "",
-          independentIsCategory: lnHit.independentIsCategory,
-          xValue: lnHit.xValue,
-          yValue: lnHit.yValue,
-          xAxisTitle: lnHit.xAxisTitle,
-          yAxisTitle: lnHit.yAxisTitle
+          cursorFormattedValue: ""
         };
       },
       findAllNearest: (x, y) => line.findAllNearest(x, y),

package/dist/chunks/{chunk-F7EK5D6J.mjs → chunk-4UH6LJNN.mjs}

@@ -1,8 +1,8 @@
-import { RadarLayer_default } from './chunk-OJHEN5FG.mjs';
-import { RadialRenderer_default } from './chunk-5ZLVNQ2L.mjs';
-import { registerFamilyRenderer, registerChartLayer, useDatasetAnimationRegistration, useDatasetRegistration, useItemCollector } from './chunk-I2BWSDNR.mjs';
+import { RadarLayer_default } from './chunk-TAFKOHFX.mjs';
+import { RadialRenderer_default } from './chunk-7SY52FXI.mjs';
+import { registerFamilyRenderer, registerChartLayer, useDatasetAnimationRegistration, useDatasetRegistration, useItemCollector } from './chunk-KX5GTFS3.mjs';
 import { STACKED_CONTEXT_KEY } from './chunk-L6N5IYAJ.mjs';
-import { useRendererHint, useChartMethods } from './chunk-QOWKMWNO.mjs';
+import { useRendererHint, useChartMethods } from './chunk-F72RBTHC.mjs';
 import { defineComponent, useSlots, computed, inject, onMounted, watch, onUnmounted, renderSlot, createCommentVNode } from 'vue';
 
 var radarIdCounter = 0;

package/dist/chunks/{chunk-YI3GLQYF.mjs → chunk-5CL32KCS.mjs}

@@ -1,5 +1,6 @@
-import { useCartesianFrame, useCartesianFrameRegistration } from './chunk-I2BWSDNR.mjs';
-import { useChartMethods, useChartState, useChartHover } from './chunk-QOWKMWNO.mjs';
+import { applyDataLabelRuleOverrides } from './chunk-Q3I4EL3N.mjs';
+import { useCartesianFrame, useCartesianFrameRegistration } from './chunk-KX5GTFS3.mjs';
+import { useChartMethods, useChartState, useChartHover, useRuleOverrides } from './chunk-F72RBTHC.mjs';
 import { defineComponent, computed, unref, openBlock, createElementBlock, createCommentVNode, ref, watch, onUnmounted } from 'vue';
 import { createCandlestickRendererCanvas } from '@primeui/chart-core/series/candlestick/controller-canvas';
 import { createCandlestickRendererSvg } from '@primeui/chart-core/series/candlestick/controller-svg';
@@ -73,7 +74,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const methods = useChartMethods();
     const state = useChartState();
     const hoverCtx = useChartHover();
-    const features = computed(() => state.value.features);
+    const ruleOverrides = useRuleOverrides();
+    const features = computed(() => applyDataLabelRuleOverrides(state.value.features, ruleOverrides.value));
     const candlestick = useCandlestickRenderer({
       chartArea: frame.cartesianArea,
       renderer: methods.renderer,
@@ -102,11 +104,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         const csHit = candlestick.hitTest(x, y);
         if (!csHit) return null;
         return {
-          datasetId: csHit.datasetId,
-          index: csHit.index,
-          label: csHit.label,
+          ...csHit,
           value: csHit.close,
-          color: csHit.color,
           snapX: csHit.x,
           snapY: csHit.y,
           formattedValue: `O:${csHit.open} H:${csHit.high} L:${csHit.low} C:${csHit.close}`,

package/dist/chunks/{chunk-GE2Y2FHS.mjs → chunk-6MD43V6R.mjs}

@@ -1,8 +1,8 @@
-import { PieLayer_default } from './chunk-3XOLEGDL.mjs';
-import { RadialRenderer_default } from './chunk-5ZLVNQ2L.mjs';
-import { registerFamilyRenderer, registerChartLayer, useDatasetAnimationRegistration, useDatasetRegistration, useItemCollector } from './chunk-I2BWSDNR.mjs';
+import { PieLayer_default } from './chunk-G4V4FUNK.mjs';
+import { RadialRenderer_default } from './chunk-7SY52FXI.mjs';
+import { registerFamilyRenderer, registerChartLayer, useDatasetAnimationRegistration, useDatasetRegistration, useItemCollector } from './chunk-KX5GTFS3.mjs';
 import { STACKED_CONTEXT_KEY } from './chunk-L6N5IYAJ.mjs';
-import { useRendererHint, useChartMethods } from './chunk-QOWKMWNO.mjs';
+import { useRendererHint, useChartMethods } from './chunk-F72RBTHC.mjs';
 import { defineComponent, useSlots, computed, useId, inject, onMounted, watch, onUnmounted, renderSlot, createCommentVNode } from 'vue';
 import { resolveAccessor } from '@primeui/chart-core';
 

package/dist/chunks/{chunk-EKGCPOZJ.mjs → chunk-7OLUXDMR.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, provide, nextTick, 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-20";
+var RELEASE_DATE = "2026-06-28";
 
 // 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({
@@ -446,12 +447,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       });
     });
     const autoColorScale = shallowRef(null);
-    watch([
-      () => state.value.datasets,
-      () => state.value.datasetVisibility,
-      () => coreState.value.chartArea,
-      rendererDelegate
-    ], () => {
+    function syncAutoColorScale() {
       const info = rendererDelegate.value?.getColorScaleInfo?.() ?? null;
       const prev = autoColorScale.value;
       if (prev === null && info === null) return;
@@ -459,6 +455,18 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         return;
       }
       autoColorScale.value = info;
+    }
+    watch([
+      () => state.value.datasets,
+      () => state.value.datasetVisibility,
+      () => coreState.value.chartArea,
+      rendererDelegate
+    ], () => {
+      syncAutoColorScale();
+      if (autoColorScale.value === null) {
+        const hasColorScaleSeries = [...state.value.datasets.values()].some((d) => d.type === "heatmap" || d.type === "treemap");
+        if (hasColorScaleSeries) nextTick(syncAutoColorScale);
+      }
     }, {
       immediate: true,
       flush: "post"
@@ -689,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;
@@ -738,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(() => {
@@ -1385,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-5ZLVNQ2L.mjs → chunk-7SY52FXI.mjs}

@@ -1,8 +1,8 @@
-import { useChartLayers, usePropertyAnimations } from './chunk-I2BWSDNR.mjs';
+import { useChartLayers, usePropertyAnimations } from './chunk-KX5GTFS3.mjs';
 import { provideRadialFrame } from './chunk-7EZEZMGG.mjs';
-import { useChartMethods, useChartState } from './chunk-QOWKMWNO.mjs';
+import { useChartMethods, useChartState, useRuleOverrides } from './chunk-F72RBTHC.mjs';
 import { defineComponent, computed, ref, watch, shallowRef, onUnmounted, openBlock, createElementBlock, Fragment, unref, createCommentVNode, renderList, createBlock, resolveDynamicComponent } from 'vue';
-import { collectItems, computeRadialComboContext, materializeSvgGroup, renderRadialGridSvg, AnimatedPropertyStore, AnimationRegistry, buildRadialGridLayout, withReferenceFeatures, redrawRadialCanvas } from '@primeui/chart-core';
+import { collectItems, computeRadialComboContext, materializeSvgGroup, renderRadialGridSvg, AnimatedPropertyStore, AnimationRegistry, applyAxisOverrides, buildRadialGridLayout, withReferenceFeatures, redrawRadialCanvas } from '@primeui/chart-core';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "RadialRenderer",
@@ -18,6 +18,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const props = __props;
     const methods = useChartMethods();
     const state = useChartState();
+    const ruleOverrides = useRuleOverrides();
     const frame = provideRadialFrame();
     const chartLayers = useChartLayers();
     const gridLayers = computed(() => collectRadialLayers("grid"));
@@ -57,10 +58,12 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         innerRadius: polarRaw.innerRadiusRatio * polarRaw.maxRadius
       } : null;
       if (!src) return _stickyGridLayout ? withReferenceFeatures(_stickyGridLayout, state.value.features) : null;
-      const xAxisProps = [...state.value.axes.x.values()][0]?.props;
+      const xAxes = applyAxisOverrides(state.value.axes.x, ruleOverrides.value.xAxis);
+      const yAxes = applyAxisOverrides(state.value.axes.y, ruleOverrides.value.yAxis);
+      const xAxisProps = [...xAxes.values()][0]?.props;
       let defaultYAxisProps;
       const yAxesByCategory = /* @__PURE__ */ new Map();
-      for (const axis of state.value.axes.y.values()) {
+      for (const axis of yAxes.values()) {
         const yProps = axis.props;
         const cat = yProps.category;
         if (cat) yAxesByCategory.set(cat, yProps);
@@ -88,7 +91,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       gridLayerLayouts,
       sharedGridGroupRef,
       () => state.value.features,
-      radialAxes
+      radialAxes,
+      () => ruleOverrides.value
     ], () => {
       const group = sharedGridGroupRef.value;
       if (!group) return;

package/dist/chunks/{chunk-R4AZOPXC.mjs → chunk-AQK6S4DO.mjs}

@@ -1,4 +1,4 @@
-import { useChartMethods } from './chunk-QOWKMWNO.mjs';
+import { useChartMethods } from './chunk-F72RBTHC.mjs';
 import { defineComponent, onMounted, onUnmounted, renderSlot } from 'vue';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/chunks/{chunk-UOMQNZMT.mjs → chunk-B7XC2DVN.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-CRIB3I3L.mjs → chunk-BC6G3ODW.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 referenceLineIdCounter = 0;