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

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-LWHQ3RXO.mjs';
+import './chunks/chunk-QPX2OCOM.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-B3QR3CVR.mjs';
+import './chunks/chunk-QPX2OCOM.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-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-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-EWDMF46D.mjs → chunk-B3QR3CVR.mjs}

@@ -1,4 +1,4 @@
-import { Chart_default } from './chunk-4EU72IBK.mjs';
+import { Chart_default } from './chunk-QPX2OCOM.mjs';
 import { defineComponent, ref, openBlock, createBlock, mergeProps, withCtx, 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({

package/dist/chunks/{chunk-LJZCE7LQ.mjs → chunk-EAHLFHB7.mjs}

@@ -1,9 +1,10 @@
 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, unref, openBlock, createElementBlock, createCommentVNode, ref, watch } from 'vue';
 import { createScatterRendererCanvas } from '@primeui/chart-core/series/scatter/controller-canvas';
 import { createScatterRendererSvg } from '@primeui/chart-core/series/scatter/controller-svg';
+import { formatTooltipValue } from '@primeui/chart-core';
 
 function useScatterRenderer(options) {
   const {
@@ -76,9 +77,13 @@ function useScatterRenderer(options) {
   function hitTest(x, y) {
     return controller.hitTest(x, y);
   }
+  function findNearest(x, y) {
+    return controller.findNearest(x, y);
+  }
   return {
     groupRef,
     hitTest,
+    findNearest,
     boostActive: computed(() => controller.boostActive),
     markerOverlays: markerOverlaysRef,
     applyPropertyAnimations,
@@ -92,12 +97,24 @@ function useScatterRenderer(options) {
     }
   };
 }
-
-// src/components/renderers/layers/ScatterLayer.vue
 var _hoisted_1 = ["clip-path"];
 var _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ScatterLayer",
   setup(__props) {
+    function fmtAxis(ld, axisKey, v) {
+      const tf = ld?.axisLayouts?.get(axisKey)?.props?.tickFormat;
+      return typeof tf === "function" ? tf(v) : formatTooltipValue(v);
+    }
+    function toCartesianScatterHit(scHit) {
+      return {
+        ...scHit,
+        value: scHit.yValue,
+        snapX: scHit.x,
+        snapY: scHit.y,
+        formattedValue: "",
+        cursorFormattedValue: ""
+      };
+    }
     const frame = useCartesianFrame();
     const methods = useChartMethods();
     const state = useChartState();
@@ -139,23 +156,45 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       syncWithAnimatedScale: (categoryScale, valueScales, valueXScales) => scatter.syncWithAnimatedScale(categoryScale, valueScales, valueXScales),
       hitTest: (x, y) => {
         const scHit = scatter.hitTest(x, y);
+        return scHit ? toCartesianScatterHit(scHit) : null;
+      },
+      // Scatter is a 2D point cloud, so the crosshair snaps to the single nearest point
+      // anywhere in the plot area (unbounded findNearest, not the hit-radius hitTest) — that
+      // is what lets the crosshair follow the cursor everywhere, like line/bar.
+      findAllNearest: (x, y) => {
+        const scHit = scatter.findNearest(x, y);
         if (!scHit) return null;
+        const ld = frame.layoutData.value ?? null;
+        const primary = toCartesianScatterHit(scHit);
+        const snap = frame.crosshairSnap.value;
+        const lockX = snap === "xy" || snap === "x";
+        const lockY = snap === "xy" || snap === "y";
+        const horizontal = (ld?.orientation ?? "vertical") === "horizontal";
+        const vId = ld?.valueScales?.keys().next().value ?? "default";
+        const vKey = `${horizontal ? "x" : "y"}:${vId}`;
+        const vScale = ld?.valueScales?.get(vId);
+        const vText = fmtAxis(ld, vKey, scHit.yValue);
+        const lockValue = horizontal ? lockX : lockY;
+        primary.cursorFormattedValue = lockValue || !vScale ? vText : fmtAxis(ld, vKey, Math.round(vScale.invert(horizontal ? x : y)));
+        if (scHit.independentIsCategory) {
+          primary.label = scHit.category ?? scHit.label;
+          primary.formattedValue = vText;
+        } else {
+          const xId = ld?.valueXScales?.keys().next().value ?? "default";
+          const xKey = `x:${xId}`;
+          const xScale = ld?.valueXScales?.get(xId);
+          const xPointText = fmtAxis(ld, xKey, scHit.xValue);
+          primary.label = lockX || !xScale ? xPointText : fmtAxis(ld, xKey, Math.round(xScale.invert(x)));
+          primary.formattedValue = `${xPointText}, ${vText}`;
+        }
+        const allSeries = scHit.independentIsCategory ? [{
+          ...primary,
+          value: primary.value ?? 0,
+          snapPixel: primary.snapY
+        }] : [];
         return {
-          datasetId: scHit.datasetId,
-          index: scHit.index,
-          label: scHit.label,
-          value: scHit.yValue,
-          xValue: scHit.xValue,
-          yValue: scHit.yValue,
-          independentIsCategory: scHit.independentIsCategory,
-          xAxisTitle: scHit.xAxisTitle,
-          yAxisTitle: scHit.yAxisTitle,
-          ...scHit.bubbleValue != null ? { bubbleValue: scHit.bubbleValue } : {},
-          color: scHit.color,
-          snapX: scHit.x,
-          snapY: scHit.y,
-          formattedValue: "",
-          cursorFormattedValue: ""
+          primary,
+          allSeries
         };
       },
       getPointPosition: (datasetId, index) => {

package/dist/chunks/{chunk-IFZSHQDZ.mjs → chunk-EDDORION.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 { createBarRendererCanvas } from '@primeui/chart-core/series/bar/controller-canvas';