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

package/dist/chunks/{chunk-I2BWSDNR.mjs → chunk-KX5GTFS3.mjs}

@@ -1,10 +1,10 @@
 import { STACKED_CONTEXT_KEY, RANGE_CONTEXT_KEY } from './chunk-L6N5IYAJ.mjs';
-import { useCustomizationRegistration, useChartRefreshHook } from './chunk-ZLD5VNMP.mjs';
-import { useChartMethods } from './chunk-QOWKMWNO.mjs';
+import { useCustomizationRegistration, useChartRefreshHook } from './chunk-QQGC223F.mjs';
+import { useChartMethods } from './chunk-F72RBTHC.mjs';
 import { SYNC_BUS_KEY } from './chunk-H4HLHGUW.mjs';
-import { ITEM_COLLECTOR_KEY } from './chunk-4Q3QUNX6.mjs';
+import { ITEM_COLLECTOR_KEY } from './chunk-FGBZ3VPE.mjs';
 import { getCurrentInstance, computed, ref, watch, onUnmounted, toValue, watchEffect, inject, shallowRef, onMounted, onScopeDispose, shallowReactive, provide, onBeforeUnmount, unref } from 'vue';
-import { normalizeAnimationsMap, setupPropertyAnimations, createAnimationDriver, AnimationRegistry, buildStaticFrame, renderWithCompositor, driveCartesianUpdate, resolveHoverRepaintFrame, cancelDriverRafs, CartesianLayoutController, resolveSyncConfig, DatasetRegistrationController, DrilldownStateController, ItemCollector, getEasing, ChartSyncCoordinator, INACTIVE_STATE, KeyboardNavigationController, getResponsiveTier, getAdaptiveDefaults, evaluateResponsiveRules, ResponsiveDimensionsController, createInitialZoomState, configureCanvasHiDPI, renderCartesianOverlay, buildAnimatedFrame, isZoomed, AxisRegistrationController, AxisTransitionState, ZoomPanController, normalizeSubConfig } from '@primeui/chart-core';
+import { normalizeAnimationsMap, setupPropertyAnimations, createAnimationDriver, AnimationRegistry, buildStaticFrame, renderWithCompositor, cancelDriverRafs, driveCartesianUpdate, resolveHoverRepaintFrame, CartesianLayoutController, resolveSyncConfig, DatasetRegistrationController, DrilldownStateController, ItemCollector, getEasing, ChartSyncCoordinator, INACTIVE_STATE, KeyboardNavigationController, getResponsiveTier, getAdaptiveDefaults, evaluateResponsiveRules, ResponsiveDimensionsController, createInitialZoomState, configureCanvasHiDPI, renderCartesianOverlay, buildAnimatedFrame, isZoomed, AxisRegistrationController, AxisTransitionState, ZoomPanController, normalizeSubConfig } from '@primeui/chart-core';
 
 function useAxisRegistration(axis, id, props) {
   const methods = useChartMethods();
@@ -263,7 +263,18 @@ function useCartesianAnimation(options) {
     [layoutData, groupRef, gridGroupRef],
     () => {
       const layout = layoutData.value;
-      if (!layout) return;
+      if (!layout) {
+        if (renderer === "svg") {
+          const grid = gridGroupRef.value;
+          const main = groupRef.value;
+          if (grid) while (grid.firstChild) grid.removeChild(grid.firstChild);
+          if (main) while (main.firstChild) main.removeChild(main.firstChild);
+        }
+        cancelDriverRafs(driver);
+        driver.cachedLayout = null;
+        driver.lastFrame = null;
+        return;
+      }
       if (renderer === "svg" && !groupRef.value) return;
       const animFeature = features.value.get("animation")?.props;
       driveCartesianUpdate(layout, driver, axisTransition, animFeature, renderFrame, buildStatic, buildAnimated, globalFont, locale, isDragging?.value);
@@ -523,7 +534,8 @@ function useChartContext(options) {
             axis: b.axis,
             normalized: b.normalized,
             categoryIndex: b.categoryIndex,
-            sourceType: b.sourceType
+            sourceType: b.sourceType,
+            cellIndex: b.cellIndex
           });
         }
         break;
@@ -711,6 +723,7 @@ function useResponsiveConfig(width, height, responsiveFeature, globalFont) {
     return { tier, defaults, ruleOverrides };
   });
   return {
+    tier: computed(() => config.value.tier),
     defaults: computed(() => config.value.defaults),
     ruleOverrides: computed(() => config.value.ruleOverrides)
   };

package/dist/chunks/{chunk-3X27K5XC.mjs → chunk-L7XUBIMC.mjs}

@@ -1,15 +1,13 @@
-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, Fragment, createElementVNode, renderList, createBlock, createCommentVNode, ref, watch, onUnmounted, createVNode } from 'vue';
-import { renderHeatmapAxesSvg } from '@primeui/chart-core';
 import { createHeatmapRendererCanvas } from '@primeui/chart-core/series/heatmap/controller-canvas';
 import { createHeatmapRendererSvg } from '@primeui/chart-core/series/heatmap/controller-svg';
 
 function useHeatmapRenderer(options) {
-  const { chartArea, renderer, canvasEl, datasets, axes, datasetVisibility, hover, hoverConfig, chartId, width, height, features, compositor, globalFont, theme } = options;
+  const { chartArea, renderer, canvasEl, datasets, datasetVisibility, hover, hoverConfig, chartId, width, height, features, compositor, globalFont, theme } = options;
   const groupRef = ref(null);
-  const gridGroupRef = ref(null);
-  const axisGroupRef = ref(null);
   const controller = renderer === "canvas" ? createHeatmapRendererCanvas() : createHeatmapRendererSvg();
   const versionRef = ref(0);
   controller.onFrame = () => {
@@ -19,13 +17,11 @@ function useHeatmapRenderer(options) {
     void versionRef.value;
     return controller.scaleResult;
   });
-  const axisLayoutsComputed = computed(() => {
-    void versionRef.value;
-    return controller.axisLayouts;
-  });
   watch(
-    [datasets, datasetVisibility, chartArea, axes, features, width, height, groupRef, gridGroupRef, axisGroupRef, options.locale, theme],
+    [datasets, datasetVisibility, chartArea, features, width, height, groupRef, options.locale, theme, options.layoutData ?? ref(null)],
     () => {
+      const ld = options.layoutData?.value;
+      const sharedLayout = ld?.sharedCategoryYScale ? { xScale: ld.sharedCategoryScale, yScale: ld.sharedCategoryYScale, area: ld.cartesianArea, axisLayouts: ld.axisLayouts } : void 0;
       controller.update({
         datasets: datasets.value,
         datasetVisibility: datasetVisibility.value,
@@ -34,7 +30,6 @@ function useHeatmapRenderer(options) {
         width: width.value,
         height: height.value,
         renderer,
-        axes: axes.value,
         features: features.value,
         hover: hover.value,
         hoverConfig: hoverConfig.value,
@@ -44,14 +39,12 @@ function useHeatmapRenderer(options) {
         globalFont,
         locale: options.locale?.value,
         theme: theme.value,
+        sharedLayout,
         resolveDatasetProps: (dsId) => {
           const dsReg = datasets.value.get(dsId);
           return dsReg?.props;
         }
       });
-      if (renderer === "svg") {
-        renderHeatmapAxesSvg(gridGroupRef.value, axisGroupRef.value, controller.axisLayouts, theme.value);
-      }
     },
     { immediate: true, flush: "post" }
   );
@@ -127,11 +120,8 @@ function useHeatmapRenderer(options) {
   });
   return {
     groupRef,
-    gridGroupRef,
-    axisGroupRef,
     hitTest,
     getPointPosition,
-    axisLayouts: axisLayoutsComputed,
     plotArea: chartArea,
     getColorScaleInfo,
     scaleResult,
@@ -158,13 +148,13 @@ 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 heatmap = useHeatmapRenderer({
       chartArea: frame.cartesianArea,
       renderer: methods.renderer,
       canvasEl: frame.canvasEl,
       datasets: computed(() => state.value.datasets),
-      axes: computed(() => state.value.axes),
       datasetVisibility: computed(() => state.value.datasetVisibility),
       hover: computed(() => hoverCtx.value.hover),
       hoverConfig: frame.hoverConfig,
@@ -175,7 +165,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       compositor: frame.compositor,
       globalFont: methods.font,
       locale: computed(() => methods.locale),
-      theme: computed(() => methods.theme)
+      theme: computed(() => methods.theme),
+      layoutData: frame.layoutData
     });
     useCartesianFrameRegistration({
       type: "heatmap",
@@ -188,12 +179,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         const hmHit = heatmap.hitTest(x, y);
         if (!hmHit) return null;
         return {
-          datasetId: hmHit.datasetId,
-          index: hmHit.index,
-          col: hmHit.col,
+          ...hmHit,
           label: `${hmHit.xLabel}, ${hmHit.yLabel}`,
           value: hmHit.value ?? 0,
-          color: hmHit.color,
           snapX: hmHit.x + hmHit.width / 2,
           snapY: hmHit.y + hmHit.height / 2,
           formattedValue: hmHit.value != null ? String(hmHit.value) : "",
@@ -202,32 +190,17 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       }
     });
     return (_ctx, _cache) => {
-      return unref(methods).renderer === "svg" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-        createElementVNode("g", {
-          ref: (el) => {
-            unref(heatmap).gridGroupRef.value = el;
-          },
-          class: "heatmap-grid"
-        }, null, 512),
-        createElementVNode("g", {
-          ref: (el) => {
-            unref(heatmap).groupRef.value = el;
-          },
-          class: "heatmap-chart"
-        }, null, 512),
-        createElementVNode("g", {
-          ref: (el) => {
-            unref(heatmap).axisGroupRef.value = el;
-          },
-          class: "heatmap-axes"
-        }, null, 512),
-        (openBlock(true), createElementBlock(Fragment, null, renderList(unref(heatmap).svgContent.value, (el) => {
-          return openBlock(), createBlock(unref(VNodeRenderer), {
-            key: el.key ?? el.props?.key,
-            node: el
-          }, null, 8, ["node"]);
-        }), 128))
-      ], 64)) : createCommentVNode("", true);
+      return unref(methods).renderer === "svg" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createElementVNode("g", {
+        ref: (el) => {
+          unref(heatmap).groupRef.value = el;
+        },
+        class: "heatmap-chart"
+      }, null, 512), (openBlock(true), createElementBlock(Fragment, null, renderList(unref(heatmap).svgContent.value, (el) => {
+        return openBlock(), createBlock(unref(VNodeRenderer), {
+          key: el.key ?? el.props?.key,
+          node: el
+        }, null, 8, ["node"]);
+      }), 128))], 64)) : createCommentVNode("", true);
     };
   }
 });

package/dist/chunks/{chunk-2NZ3PUWW.mjs → chunk-LLYJBFOE.mjs}

@@ -1,5 +1,5 @@
-import { useCustomizationRegistration } from './chunk-ZLD5VNMP.mjs';
-import { CHART_METHODS_KEY, CHART_GROUP_TEXT_KEY } from './chunk-4Q3QUNX6.mjs';
+import { useCustomizationRegistration } from './chunk-QQGC223F.mjs';
+import { CHART_METHODS_KEY, CHART_GROUP_TEXT_KEY } from './chunk-FGBZ3VPE.mjs';
 import { defineComponent, inject, computed, onMounted, watch, onUnmounted } from 'vue';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/chunks/{chunk-DDRSIMLE.mjs → chunk-LNS6I3ZJ.mjs}

@@ -1,8 +1,8 @@
-import { CartesianRenderer_default } from './chunk-YZQS2YBK.mjs';
-import { LineLayer_default } from './chunk-CMJXLIEY.mjs';
-import { registerFamilyRenderer, registerChartLayer, useDatasetAnimationRegistration, useDatasetRegistration, useItemCollector } from './chunk-I2BWSDNR.mjs';
+import { CartesianRenderer_default } from './chunk-BVB7G6Y5.mjs';
+import { LineLayer_default } from './chunk-4B5OD4TC.mjs';
+import { registerFamilyRenderer, registerChartLayer, useDatasetAnimationRegistration, useDatasetRegistration, useItemCollector } from './chunk-KX5GTFS3.mjs';
 import { STACKED_CONTEXT_KEY, RANGE_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 { lineRenderer } from '@primeui/chart-core/series/line';
 

package/dist/chunks/{chunk-CW2KYVYO.mjs → chunk-MCIY5P7K.mjs}

@@ -1,7 +1,7 @@
-import { CandlestickLayer_default } from './chunk-YI3GLQYF.mjs';
-import { CartesianRenderer_default } from './chunk-YZQS2YBK.mjs';
-import { registerFamilyRenderer, registerChartLayer, useDatasetAnimationRegistration, useDatasetRegistration, useItemCollector } from './chunk-I2BWSDNR.mjs';
-import { useRendererHint, useChartMethods } from './chunk-QOWKMWNO.mjs';
+import { CandlestickLayer_default } from './chunk-5CL32KCS.mjs';
+import { CartesianRenderer_default } from './chunk-BVB7G6Y5.mjs';
+import { registerFamilyRenderer, registerChartLayer, useDatasetAnimationRegistration, useDatasetRegistration, useItemCollector } from './chunk-KX5GTFS3.mjs';
+import { useRendererHint, useChartMethods } from './chunk-F72RBTHC.mjs';
 import { defineComponent, useSlots, computed, onMounted, watch, onUnmounted, renderSlot, createCommentVNode } from 'vue';
 import { candlestickRenderer } from '@primeui/chart-core/series/candlestick';
 

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

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

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

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

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

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

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

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

package/dist/chunks/{chunk-5HLEKAY2.mjs → chunk-OHHN7X72.mjs}

@@ -1,4 +1,4 @@
-import { Chart_default } from './chunk-EKGCPOZJ.mjs';
+import { Chart_default } from './chunk-7OLUXDMR.mjs';
 import { defineComponent, ref, openBlock, createBlock, mergeProps, withCtx, renderSlot } from 'vue';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({

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

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

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

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

package/dist/chunks/chunk-Q3I4EL3N.mjs

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

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

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

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

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

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

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

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

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

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

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