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

package/dist/chunks/{chunk-QOWKMWNO.mjs → chunk-F72RBTHC.mjs}

@@ -1,6 +1,6 @@
-import { CHART_METHODS_KEY, CHART_STATE_KEY, CHART_HOVER_KEY, RENDERER_HINT_KEY, CHART_REFRESH_NONCE_KEY, CHART_CORE_INSTANCE_KEY } from './chunk-4Q3QUNX6.mjs';
-import { createChart, defaultLightTheme } from '@primeui/chart-core';
-import { inject, shallowRef, ref, computed, watch, provide } from 'vue';
+import { CHART_METHODS_KEY, CHART_STATE_KEY, CHART_HOVER_KEY, CHART_RULE_OVERRIDES_KEY, RENDERER_HINT_KEY, CHART_REFRESH_NONCE_KEY, CHART_CORE_INSTANCE_KEY } from './chunk-FGBZ3VPE.mjs';
+import { createChart, defaultLightTheme, applyColorblindMode } from '@primeui/chart-core';
+import { inject, computed, shallowRef, ref, watch, provide } from 'vue';
 
 function useChartMethods() {
   const ctx = inject(CHART_METHODS_KEY);
@@ -23,6 +23,9 @@ function useChartHover() {
   }
   return hoverRef;
 }
+function useRuleOverrides() {
+  return inject(CHART_RULE_OVERRIDES_KEY) ?? computed(() => ({}));
+}
 function useRendererHint(hint) {
   const hintRef = inject(RENDERER_HINT_KEY);
   if (hintRef) {
@@ -122,6 +125,10 @@ function provideChartContext(options) {
     axesX: new Map(s0.axes.x),
     axesY: new Map(s0.axes.y)
   };
+  let cbEffective = null;
+  let cbRaw = null;
+  let cbTheme = null;
+  let cbExplicit = null;
   const stateValue = computed(() => {
     void version.value;
     const s = coreChart.$state;
@@ -132,7 +139,22 @@ function provideChartContext(options) {
     const annotations = mapsEqual(s.annotations, snap.annotations) ? snap.annotations : snap.annotations = new Map(s.annotations);
     const axesX = mapsEqual(s.axes.x, snap.axesX) ? snap.axesX : snap.axesX = new Map(s.axes.x);
     const axesY = mapsEqual(s.axes.y, snap.axesY) ? snap.axesY : snap.axesY = new Map(s.axes.y);
-    return { datasets, datasetVisibility, hiddenItems, features, annotations, axes: { x: axesX, y: axesY } };
+    const cbOn = features.get("accessibility")?.props?.patterns === true;
+    let effectiveDatasets = datasets;
+    if (cbOn) {
+      const themeVal = theme?.value ?? defaultLightTheme;
+      const themeExplicit = renderer === "canvas" || themeVal !== defaultLightTheme;
+      if (datasets !== cbRaw || themeVal !== cbTheme || themeExplicit !== cbExplicit) {
+        cbEffective = applyColorblindMode(datasets, themeVal, themeExplicit);
+        cbRaw = datasets;
+        cbTheme = themeVal;
+        cbExplicit = themeExplicit;
+      }
+      effectiveDatasets = cbEffective;
+    } else if (cbRaw !== null) {
+      cbRaw = cbEffective = cbExplicit = null;
+    }
+    return { datasets: effectiveDatasets, datasetVisibility, hiddenItems, features, annotations, axes: { x: axesX, y: axesY } };
   });
   const hoverValue = computed(() => ({
     hover: hoverState.value
@@ -166,4 +188,4 @@ function provideChartContext(options) {
   };
 }
 
-export { provideChartContext, useChartHover, useChartMethods, useChartState, useRendererHint };
+export { provideChartContext, useChartHover, useChartMethods, useChartState, useRendererHint, useRuleOverrides };

package/dist/chunks/{chunk-4Q3QUNX6.mjs → chunk-FGBZ3VPE.mjs}

@@ -8,5 +8,6 @@ var CHART_GROUP_TEXT_KEY = /* @__PURE__ */ Symbol.for("chart-group-text");
 var TOOLTIP_CONTEXT_KEY = /* @__PURE__ */ Symbol.for("chart-tooltip");
 var CHART_CORE_INSTANCE_KEY = /* @__PURE__ */ Symbol.for("chart-core-instance");
 var CHART_REFRESH_NONCE_KEY = /* @__PURE__ */ Symbol.for("chart-refresh-nonce");
+var CHART_RULE_OVERRIDES_KEY = /* @__PURE__ */ Symbol.for("chart-rule-overrides");
 
-export { CHART_CORE_INSTANCE_KEY, CHART_GROUP_TEXT_KEY, CHART_HOVER_KEY, CHART_METHODS_KEY, CHART_REFRESH_NONCE_KEY, CHART_STATE_KEY, ITEM_COLLECTOR_KEY, RENDERER_HINT_KEY, TOOLTIP_CONTEXT_KEY };
+export { CHART_CORE_INSTANCE_KEY, CHART_GROUP_TEXT_KEY, CHART_HOVER_KEY, CHART_METHODS_KEY, CHART_REFRESH_NONCE_KEY, CHART_RULE_OVERRIDES_KEY, CHART_STATE_KEY, ITEM_COLLECTOR_KEY, RENDERER_HINT_KEY, TOOLTIP_CONTEXT_KEY };

package/dist/chunks/{chunk-L74BEYTD.mjs → chunk-FZ4TKLHE.mjs}

@@ -1,9 +1,9 @@
-import { BarLayerSvg_default } from './chunk-2TOEQNJ6.mjs';
-import { BarLayerCanvas_default } from './chunk-IFZSHQDZ.mjs';
-import { CartesianRenderer_default } from './chunk-YZQS2YBK.mjs';
-import { registerFamilyRenderer, registerChartLayer, useDatasetAnimationRegistration, useDatasetRegistration, useItemCollector } from './chunk-I2BWSDNR.mjs';
+import { BarLayerSvg_default } from './chunk-MX74LV4I.mjs';
+import { BarLayerCanvas_default } from './chunk-EDDORION.mjs';
+import { CartesianRenderer_default } from './chunk-BVB7G6Y5.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';
 import { getBarAxisHints } from '@primeui/chart-core/series/bar';

package/dist/chunks/{chunk-3XOLEGDL.mjs → chunk-G4V4FUNK.mjs}

@@ -1,6 +1,7 @@
 import { useControllerLifecycle } from './chunk-KNNYJD4D.mjs';
+import { applyDataLabelRuleOverrides } 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, createCommentVNode, ref, watch, h } from 'vue';
 import { buildPieSliceContentItems } from '@primeui/chart-core';
 import { createPieRendererCanvas } from '@primeui/chart-core/series/pie/controller-canvas';
@@ -78,9 +79,7 @@ function usePieRenderer(options) {
     return content;
   });
   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, percentage: hit.percentage, color: hit.color };
+    return controller.hitTest(x, y);
   }
   function getSlicePosition(datasetId, index) {
     return controller.getSlicePosition(datasetId, index);
@@ -122,13 +121,14 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const methods = useChartMethods();
     const state = useChartState();
     const hoverCtx = useChartHover();
+    const ruleOverrides = useRuleOverrides();
     const pie = usePieRenderer({
       chartArea: computed(() => props.chartArea),
       renderer: methods.renderer,
       canvasEl: toRef(props, "canvasEl"),
       containerEl: toRef(props, "containerEl"),
       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),
       hiddenItems: computed(() => state.value.hiddenItems),

package/dist/chunks/{chunk-DXKAPWMO.mjs → chunk-G5YSM76C.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-3JA5JAHF.mjs → chunk-GRPL343U.mjs}

@@ -1,5 +1,5 @@
 import { SYNC_BUS_KEY } from './chunk-H4HLHGUW.mjs';
-import { CHART_GROUP_TEXT_KEY } from './chunk-4Q3QUNX6.mjs';
+import { CHART_GROUP_TEXT_KEY } from './chunk-FGBZ3VPE.mjs';
 import { defineComponent, provide, ref, openBlock, createElementBlock, toDisplayString, createCommentVNode, renderSlot } from 'vue';
 import { SyncBus, DEFAULT_CHART_CAPTION_PADDING, DEFAULT_CHART_TITLE_COLOR, DEFAULT_CHART_TITLE_FONT_SIZE, DEFAULT_CHART_TITLE_PADDING, DEFAULT_CHART_CAPTION_COLOR, DEFAULT_CHART_CAPTION_FONT_SIZE } from '@primeui/chart-core';
 

package/dist/chunks/{chunk-36DHPBYP.mjs → chunk-GV4YAVUN.mjs}

@@ -1,7 +1,7 @@
-import { TOOLTIP_DEFAULT_STYLE, TOOLTIP_BASE_STYLE } from './chunk-ZH4A4L6W.mjs';
-import { TOOLTIP_CONTEXT_KEY } from './chunk-4Q3QUNX6.mjs';
+import { TOOLTIP_DEFAULT_STYLE, TOOLTIP_BASE_STYLE } from './chunk-Q3I4EL3N.mjs';
+import { TOOLTIP_CONTEXT_KEY } from './chunk-FGBZ3VPE.mjs';
 import { defineComponent, inject, shallowRef, computed, ref, watch, onBeforeUnmount, openBlock, createElementBlock, normalizeClass, normalizeStyle, createBlock, resolveDynamicComponent, unref, Fragment, createElementVNode, toDisplayString, renderList, createCommentVNode, createTextVNode } from 'vue';
-import { computeTooltipPosition, buildTooltipContent, safeRenderProp, formatTooltipValue, gradientToCssBackground } from '@primeui/chart-core';
+import { computeTooltipPosition, buildTooltipContent, safeRenderProp, formatTooltipValue, patternToCssBackground, gradientToCssBackground } from '@primeui/chart-core';
 
 var _hoisted_1 = { class: "p-chart-tooltip__title" };
 var _hoisted_2 = {
@@ -160,8 +160,33 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       });
     });
     const hasCustomRender = computed(() => !!props.tooltipConfig?.render);
-    function swatchStyle(color, gradient, swatchColor) {
+    function swatchStyle(color, gradient, swatchColor, pattern, dash) {
       const background = swatchColor ?? color;
+      if (pattern) {
+        return {
+          backgroundColor: pattern.backgroundColor ?? "transparent",
+          backgroundImage: patternToCssBackground(pattern),
+          backgroundSize: "6px"
+        };
+      }
+      if (dash && dash.length >= 2) {
+        const scale = 0.6;
+        const stops = [];
+        let pos = 0;
+        for (let i = 0; i < dash.length; i++) {
+          const seg = Math.max(0.5, dash[i] * scale);
+          const c = i % 2 === 0 ? background : "transparent";
+          stops.push(`${c} ${pos}px`, `${c} ${pos + seg}px`);
+          pos += seg;
+        }
+        return {
+          backgroundColor: "transparent",
+          backgroundImage: `repeating-linear-gradient(90deg, ${stops.join(", ")})`,
+          backgroundSize: "100% 2px",
+          backgroundPosition: "center",
+          backgroundRepeat: "no-repeat"
+        };
+      }
       return gradient ? {
         backgroundColor: background,
         backgroundImage: gradientToCssBackground(gradient)
@@ -197,7 +222,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       }), "tooltip")), { key: 0 })) : content.value?.type === "multi-series" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [createElementVNode("div", _hoisted_1, toDisplayString(content.value.label), 1), (openBlock(true), createElementBlock(Fragment, null, renderList(content.value.series, (row) => {
         return openBlock(), createElementBlock(Fragment, { key: row.datasetId }, [row.ohlc ? (openBlock(), createElementBlock("div", _hoisted_2, [createElementVNode("div", _hoisted_3, [createElementVNode("span", {
           class: "p-chart-tooltip__swatch",
-          style: normalizeStyle(swatchStyle(row.color, row.colorGradient, row.swatchColor))
+          style: normalizeStyle(swatchStyle(row.color, row.colorGradient, row.swatchColor, row.colorPattern, row.dash))
         }, null, 4), createElementVNode("span", _hoisted_4, toDisplayString(row.label), 1)]), (openBlock(), createElementBlock(Fragment, null, renderList([
           "open",
           "high",
@@ -212,7 +237,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         }), 64))])) : (openBlock(), createElementBlock("div", _hoisted_7, [
           createElementVNode("span", {
             class: "p-chart-tooltip__swatch",
-            style: normalizeStyle(swatchStyle(row.color, row.colorGradient, row.swatchColor))
+            style: normalizeStyle(swatchStyle(row.color, row.colorGradient, row.swatchColor, row.colorPattern, row.dash))
           }, null, 4),
           createElementVNode("span", _hoisted_8, toDisplayString(row.label), 1),
           createElementVNode("span", _hoisted_9, toDisplayString(row.formattedValue), 1)
@@ -227,7 +252,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         }, toDisplayString(row.value), 5)]);
       }), 128))], 64)) : content.value?.type === "ohlc" ? (openBlock(), createElementBlock(Fragment, { key: 3 }, [createElementVNode("div", _hoisted_12, [createElementVNode("span", {
         class: "p-chart-tooltip__swatch",
-        style: normalizeStyle(swatchStyle(content.value.color, content.value.colorGradient, content.value.swatchColor))
+        style: normalizeStyle(swatchStyle(content.value.color, content.value.colorGradient, content.value.swatchColor, content.value.colorPattern, content.value.dash))
       }, null, 4), createElementVNode("span", _hoisted_13, toDisplayString(content.value.label), 1)]), (openBlock(true), createElementBlock(Fragment, null, renderList(content.value.rows, (row) => {
         return openBlock(), createElementBlock("div", {
           key: row.key,
@@ -236,7 +261,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       }), 128))], 64)) : content.value?.type === "xy" ? (openBlock(), createElementBlock(Fragment, { key: 4 }, [
         createElementVNode("div", _hoisted_16, [createElementVNode("span", {
           class: "p-chart-tooltip__swatch",
-          style: normalizeStyle(swatchStyle(content.value.color, content.value.colorGradient, content.value.swatchColor))
+          style: normalizeStyle(swatchStyle(content.value.color, content.value.colorGradient, content.value.swatchColor, content.value.colorPattern, content.value.dash))
         }, null, 4), createElementVNode("span", _hoisted_17, toDisplayString(content.value.label), 1)]),
         createElementVNode("div", _hoisted_18, [createElementVNode("span", _hoisted_19, toDisplayString(content.value.xLabel), 1), createElementVNode("span", _hoisted_20, toDisplayString(content.value.xValue), 1)]),
         createElementVNode("div", _hoisted_21, [createElementVNode("span", _hoisted_22, toDisplayString(content.value.yLabel), 1), createElementVNode("span", _hoisted_23, toDisplayString(content.value.yValue), 1)]),
@@ -244,7 +269,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       ], 64)) : content.value?.type === "simple" ? (openBlock(), createElementBlock("div", _hoisted_26, [
         createElementVNode("span", {
           class: "p-chart-tooltip__swatch",
-          style: normalizeStyle(swatchStyle(content.value.color, content.value.colorGradient, content.value.swatchColor))
+          style: normalizeStyle(swatchStyle(content.value.color, content.value.colorGradient, content.value.swatchColor, content.value.colorPattern, content.value.dash))
         }, null, 4),
         createElementVNode("span", _hoisted_27, toDisplayString(content.value.label), 1),
         createElementVNode("span", _hoisted_28, [createTextVNode(toDisplayString(content.value.value), 1), content.value.percentage != null ? (openBlock(), createElementBlock("span", _hoisted_29, " (" + toDisplayString(content.value.percentage) + "%)", 1)) : createCommentVNode("", true)])

package/dist/chunks/{chunk-GV3CY6CQ.mjs → chunk-HXMG2ZBK.mjs}

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

package/dist/chunks/{chunk-3PJULFR5.mjs → chunk-IASQF4GU.mjs}

@@ -1,4 +1,4 @@
-import { ITEM_COLLECTOR_KEY } from './chunk-4Q3QUNX6.mjs';
+import { ITEM_COLLECTOR_KEY } from './chunk-FGBZ3VPE.mjs';
 import { defineComponent, inject, onMounted, watch, onUnmounted } from 'vue';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
@@ -19,7 +19,6 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     borderColor: {},
     borderStrokeWidth: {},
     size: {},
-    secondaryLabel: {},
     opacity: {},
     nodeId: {},
     parentId: {}
@@ -48,7 +47,6 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         borderRadius: props.borderRadius,
         borderColor: props.borderColor,
         borderStrokeWidth: props.borderStrokeWidth,
-        secondaryLabel: props.secondaryLabel,
         opacity: props.opacity,
         nodeId: props.nodeId,
         parentId: props.parentId

package/dist/chunks/{chunk-WVNDZNMV.mjs → chunk-ISDQNEMO.mjs}

@@ -1,5 +1,5 @@
 import { STACKED_CONTEXT_KEY } from './chunk-L6N5IYAJ.mjs';
-import { useChartMethods } from './chunk-QOWKMWNO.mjs';
+import { useChartMethods } from './chunk-F72RBTHC.mjs';
 import { defineComponent, onMounted, reactive, watch, onUnmounted, provide, renderSlot } from 'vue';
 
 var stackIdCounter = 0;

package/dist/chunks/{chunk-TRGN3ZMM.mjs → chunk-JEC4JJ5P.mjs}

@@ -1,6 +1,6 @@
-import { LEGEND_ITEM_BASE_STYLE, LEGEND_SWATCH_STYLE } from './chunk-ZH4A4L6W.mjs';
+import { LEGEND_ITEM_BASE_STYLE } from './chunk-Q3I4EL3N.mjs';
 import { defineComponent, ref, computed, openBlock, createElementBlock, normalizeStyle, Fragment, renderList, createBlock, resolveDynamicComponent, unref, createCommentVNode, createElementVNode, toDisplayString, nextTick } from 'vue';
-import { computeLegendStyle, safeRenderProp, gradientToCssBackground } from '@primeui/chart-core';
+import { computeLegendStyle, safeRenderProp, legendSwatchStyle } from '@primeui/chart-core';
 
 var _hoisted_1 = ["dir"];
 var _hoisted_2 = {
@@ -102,24 +102,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     }
     function getSwatchStyle(item) {
       const lc = props.legendConfig;
-      const iconSize = lc.iconSize ?? 12;
-      const iconShape = lc.iconShape;
-      const base = {
-        ...LEGEND_SWATCH_STYLE,
-        width: `${iconSize}px`,
-        height: iconShape === "line" ? "2px" : `${iconSize}px`,
-        borderRadius: iconShape === "circle" ? "50%" : iconShape === "line" ? "1px" : "2px",
-        backgroundColor: item.color,
-        ...item.colorGradient ? { backgroundImage: gradientToCssBackground(item.colorGradient) } : {}
-      };
-      if (item.hasBorder && item.borderColor) {
-        base.border = `2px solid ${item.borderColor}`;
-        base.boxSizing = "border-box";
-      }
-      if (item.borderRadius !== void 0) {
-        base.borderRadius = `${Math.min(item.borderRadius, 6)}px`;
-      }
-      return base;
+      return legendSwatchStyle(item, lc.iconSize ?? 12, lc.iconShape);
     }
     return (_ctx, _cache) => {
       return __props.legendConfig && __props.legendArea && __props.legendItems.length > 0 ? (openBlock(), createElementBlock("div", {
@@ -129,16 +112,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         dir: __props.dir ?? "ltr"
       }, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.legendItems, (item, idx) => {
         return openBlock(), createElementBlock(Fragment, { key: itemKey(item, idx) }, [__props.legendConfig.render ? (openBlock(), createElementBlock("div", _hoisted_2, [(openBlock(), createBlock(resolveDynamicComponent(() => unref(safeRenderProp)(() => __props.legendConfig.render({
-          type: item.type,
-          datasetId: item.datasetId,
-          index: item.index,
-          label: item.label,
-          color: item.color,
-          colorGradient: item.colorGradient,
-          visible: item.visible,
-          borderColor: item.borderColor,
-          hasBorder: item.hasBorder,
-          borderRadius: item.borderRadius,
+          ...item,
           isHovered: hoveredItem.value === item,
           onClick: () => handleClick(item),
           onMouseEnter: () => handleHover(item),

package/dist/chunks/{chunk-BSROML7P.mjs → chunk-KCLMHDWJ.mjs}

@@ -1,5 +1,5 @@
-import { registerZoomController } from './chunk-I2BWSDNR.mjs';
-import { useCustomizationRegistration } from './chunk-ZLD5VNMP.mjs';
+import { registerZoomController } from './chunk-KX5GTFS3.mjs';
+import { useCustomizationRegistration } from './chunk-QQGC223F.mjs';
 import { defineComponent, getCurrentInstance, computed } from 'vue';
 import { ZoomPanController } from '@primeui/chart-core';
 

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-PR6MTWPJ.mjs → chunk-LWHQ3RXO.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-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';