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

package/dist/ChartCanvas.mjs

@@ -1,15 +1,15 @@
-export { ChartCanvas_default as default } from './chunks/chunk-PR6MTWPJ.mjs';
-import './chunks/chunk-4EU72IBK.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-EWDMF46D.mjs';
-import './chunks/chunk-4EU72IBK.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-4EU72IBK.mjs → chunk-7OLUXDMR.mjs}

@@ -1,12 +1,12 @@
-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';
 
@@ -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-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;

package/dist/chunks/{chunk-YZQS2YBK.mjs → chunk-BVB7G6Y5.mjs}

@@ -1,5 +1,6 @@
-import { useChartLayers, useCartesianLayout, provideCartesianFrame, useCartesianAnimation } from './chunk-I2BWSDNR.mjs';
-import { useChartMethods, useChartState, useChartHover } from './chunk-QOWKMWNO.mjs';
+import { applyDataLabelRuleOverrides } from './chunk-Q3I4EL3N.mjs';
+import { useChartLayers, useCartesianLayout, provideCartesianFrame, useCartesianAnimation } from './chunk-KX5GTFS3.mjs';
+import { useChartMethods, useChartState, useChartHover } from './chunk-F72RBTHC.mjs';
 import { SYNC_BUS_KEY } from './chunk-H4HLHGUW.mjs';
 import { defineComponent, computed, inject, ref, onUnmounted, watch, shallowRef, toRef, h, openBlock, createElementBlock, Fragment, unref, createElementVNode, createCommentVNode, renderList, createBlock, resolveDynamicComponent } from 'vue';
 import { applyAxisOverrides, calculateCartesianArea, computeNaturalAxisWidths, needsAxisPadding, buildMarkerRenderItems, computeReferenceLines, computeReferenceBands, CanvasCompositor, normalizeDataLabelConfig, shallowEqual, AnimatedPropertyStore, renderCartesianFrame, safeRenderProp, resolveNearestHit, mergeAllNearestResults, buildZoomScales } from '@primeui/chart-core';
@@ -65,6 +66,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const hoverCtx = useChartHover();
     const features = computed(() => state.value.features);
     const hoverConfig = computed(() => features.value.get("hover")?.props);
+    const crosshairSnap = computed(() => features.value.get("tooltip")?.props?.snap);
     const effectiveAxes = computed(() => ({
       x: applyAxisOverrides(state.value.axes.x, props.ruleOverrides?.xAxis),
       y: applyAxisOverrides(state.value.axes.y, props.ruleOverrides?.yAxis)
@@ -182,11 +184,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       }));
     });
     const sharedCompositor = new CanvasCompositor();
-    const labelConfig = computed(() => {
-      if (props.ruleOverrides?.dataLabels?.enabled === false) return null;
-      const dlProps = features.value.get("dataLabels")?.props;
-      return normalizeDataLabelConfig(dlProps, props.adaptiveDataLabelFontSize, props.adaptiveDataLabelRotation, methods.font) ?? null;
-    });
+    const dataLabelProps = computed(() => applyDataLabelRuleOverrides(features.value, props.ruleOverrides).get("dataLabels")?.props);
+    const labelConfig = computed(() => normalizeDataLabelConfig(dataLabelProps.value, props.adaptiveDataLabelFontSize, props.adaptiveDataLabelRotation, methods.font) ?? null);
     let _prevMergedPA;
     const mergedPropertyAnimations = computed(() => {
       const f = state.value.features;
@@ -218,6 +217,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       layoutData,
       labelConfig,
       hoverConfig,
+      crosshairSnap,
       zoomState: computed(() => props.zoomState ?? null),
       adaptiveDataLabelFontSize: computed(() => props.adaptiveDataLabelFontSize),
       adaptiveDataLabelRotation: computed(() => props.adaptiveDataLabelRotation),
@@ -243,8 +243,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const allMarkerOverlays = computed(() => Array.from(frame.handles.values()).flatMap((handle) => handle.markerOverlays?.value ?? []));
     const customDataLabelVNodes = computed(() => {
       if (methods.renderer !== "svg" || !layoutData.value) return [];
-      const dlProps = features.value.get("dataLabels")?.props;
-      const lc = normalizeDataLabelConfig(dlProps, props.adaptiveDataLabelFontSize, props.adaptiveDataLabelRotation, methods.font);
+      const lc = normalizeDataLabelConfig(dataLabelProps.value, props.adaptiveDataLabelFontSize, props.adaptiveDataLabelRotation, methods.font);
       if (!lc?.render) return [];
       const nodes = [];
       for (const handle of frame.handles.values()) {
@@ -395,10 +394,12 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       const barResult = frame.handles.get("bar")?.findAllNearest?.(x, y) ?? null;
       const lineResult = frame.handles.get("line")?.findAllNearest?.(x, y) ?? null;
       const csResult = frame.handles.get("candlestick")?.findAllNearest?.(x, y) ?? null;
+      const scResult = frame.handles.get("scatter")?.findAllNearest?.(x, y) ?? null;
       return mergeAllNearestResults([
         barResult,
         lineResult,
-        csResult
+        csResult,
+        scResult
       ], x, y);
     }
     function getPlotArea() {
@@ -419,7 +420,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     }
     function getCrosshairContext() {
       const ld = layoutData.value;
-      if (!ld) return null;
+      if (!ld || ld.sharedCategoryYScale) return null;
       const isHorizontal = ld.orientation === "horizontal";
       return {
         orientation: ld.orientation,

package/dist/chunks/{chunk-GIDIMIWE.mjs → chunk-D2SPDSXY.mjs}

@@ -1,8 +1,8 @@
-import { PolarLayer_default } from './chunk-ADAGGXFG.mjs';
-import { RadialRenderer_default } from './chunk-5ZLVNQ2L.mjs';
-import { registerFamilyRenderer, registerChartLayer, useDatasetAnimationRegistration, useDatasetRegistration, useItemCollector } from './chunk-I2BWSDNR.mjs';
+import { PolarLayer_default } from './chunk-QWUGZTCV.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';
 import { resolveAccessor } from '@primeui/chart-core';
 

package/dist/chunks/{chunk-JVH4MDKX.mjs → chunk-D65PFBA5.mjs}

@@ -1,5 +1,5 @@
 import { AXIS_GROUP_REGISTRY_KEY } from './chunk-EHSDNH7K.mjs';
-import { useAxisComponentBase } from './chunk-I2BWSDNR.mjs';
+import { useAxisComponentBase } from './chunk-KX5GTFS3.mjs';
 import { defineComponent, useSlots, computed, provide, renderSlot } from 'vue';
 
 var __default__ = { inheritAttrs: false };

package/dist/chunks/{chunk-MGUGO3RV.mjs → chunk-DKLWPPME.mjs}

@@ -6,6 +6,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
   props: {
     render: { type: Function },
     label: {},
+    categories: {},
     range: {},
     labelStyle: {},
     bracket: { type: [Boolean, Object] },
@@ -47,6 +48,10 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         def.range = props.range;
         return def;
       }
+      if (props.categories && props.categories.length > 0) {
+        def.categories = props.categories;
+        return def;
+      }
       const vals = categoryValues.value;
       const allNumeric = vals.length > 0 && vals.every((v) => typeof v === "number");
       if (allNumeric && vals.length >= 2) {
@@ -73,6 +78,11 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         axisRegistry.addGroup(buildDefinition());
       }
     });
+    watch(() => [props.range, props.categories], () => {
+      if (mounted && axisRegistry) {
+        axisRegistry.addGroup(buildDefinition());
+      }
+    }, { deep: true });
     let mountTimerId;
     onMounted(() => {
       mountTimerId = setTimeout(() => {

package/dist/chunks/{chunk-CGFPDWB4.mjs → chunk-DLRPM3GK.mjs}

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

package/dist/chunks/{chunk-3DINEX6C.mjs → chunk-DZIZEFTD.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({