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

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';
 

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-PR6MTWPJ.mjs → chunk-IPEI6IAE.mjs}

@@ -1,4 +1,4 @@
-import { Chart_default } from './chunk-4EU72IBK.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-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)
   };