@primeui/vue-chart 0.0.1-alpha.1 → 1.0.0-beta.1

package/dist/CartesianRenderer.rich.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/Chart.features.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/Chart.interactions.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/Chart.pointEvents.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/Chart.vue.d.ts

@@ -1,4 +1,4 @@
-import type { ChartCanvasProps } from './types';
+import type { ChartCanvasProps, ChartPointEvent } from './types';
 declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ChartCanvasProps & {
@@ -8,10 +8,14 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ChartC
     $plugins: import("vue").ShallowRef<Record<string, unknown>, Record<string, unknown>>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     resize: (width: number, height: number) => any;
+    "point-click": (event: ChartPointEvent<unknown>) => any;
+    "point-hover": (event: ChartPointEvent<unknown> | null) => any;
 }, string, import("vue").PublicProps, Readonly<ChartCanvasProps & {
     renderer: "svg" | "canvas";
 }> & Readonly<{
     onResize?: ((width: number, height: number) => any) | undefined;
+    "onPoint-click"?: ((event: ChartPointEvent<unknown>) => any) | undefined;
+    "onPoint-hover"?: ((event: ChartPointEvent<unknown> | null) => any) | undefined;
 }>, {
     responsive: boolean;
     dir: "ltr" | "rtl" | "auto";

package/dist/ChartCanvas.mjs

@@ -1,14 +1,15 @@
-export { ChartCanvas_default as default } from './chunk-72KINEJ6.mjs';
-import './chunk-372K2BMN.mjs';
-import './chunk-5FTUGKPC.mjs';
-import './chunk-E4ROAOPT.mjs';
-import './chunk-GX2MK6VT.mjs';
-import './chunk-CQHNYT2V.mjs';
-import './chunk-TEOO4OLV.mjs';
-import './chunk-PQV55JYI.mjs';
-import './chunk-J43KLCZF.mjs';
-import './chunk-NLXOJSKK.mjs';
-import './chunk-HANSF33Z.mjs';
-import './chunk-LD57I4SY.mjs';
-import './chunk-FZ3PZ66C.mjs';
-import './chunk-7P6ASYW6.mjs';
+export { ChartCanvas_default as default } from './chunks/chunk-IUGMS7ND.mjs';
+import './chunks/chunk-EKGCPOZJ.mjs';
+import './chunks/chunk-TRGN3ZMM.mjs';
+import './chunks/chunk-S4YR4YK7.mjs';
+import './chunks/chunk-36DHPBYP.mjs';
+import './chunks/chunk-ZH4A4L6W.mjs';
+import './chunks/chunk-I2BWSDNR.mjs';
+import './chunks/chunk-L6N5IYAJ.mjs';
+import './chunks/chunk-ZLD5VNMP.mjs';
+import './chunks/chunk-7EZEZMGG.mjs';
+import './chunks/chunk-GLFXRR7N.mjs';
+import './chunks/chunk-QOWKMWNO.mjs';
+import './chunks/chunk-H4HLHGUW.mjs';
+import './chunks/chunk-4Q3QUNX6.mjs';
+import './chunks/chunk-VIHIR2BE.mjs';

package/dist/ChartCanvas.pipeline.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/ChartCanvas.vue.d.ts

@@ -1,16 +1,20 @@
-import type { ChartCanvasProps } from './types';
-declare var __VLS_11: {};
+import type { ChartCanvasProps, ChartPointEvent } from './types';
+declare var __VLS_13: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_11) => any;
+    default?: (props: typeof __VLS_13) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<ChartCanvasProps, {
     redraw: () => void | undefined;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     resize: (width: number, height: number) => any;
+    "point-click": (event: ChartPointEvent<unknown>) => any;
+    "point-hover": (event: ChartPointEvent<unknown> | null) => any;
 }, string, import("vue").PublicProps, Readonly<ChartCanvasProps> & Readonly<{
     onResize?: ((width: number, height: number) => any) | undefined;
+    "onPoint-click"?: ((event: ChartPointEvent<unknown>) => any) | undefined;
+    "onPoint-hover"?: ((event: ChartPointEvent<unknown> | null) => any) | undefined;
 }>, {
-    animation: import("packages/components/chart/chart-types/src/animations.types.js").AnimationSpec | false;
+    animation: import("@primeui/chart-types").AnimationSpec | false;
     responsive: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/ChartGroup.sync.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/ChartLegend.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/ChartSvg.containers.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/ChartSvg.declarative.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/ChartSvg.export-menu.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/ChartSvg.hover.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/ChartSvg.mjs

@@ -1,14 +1,15 @@
-export { ChartSvg_default as default } from './chunk-44BAFHPK.mjs';
-import './chunk-372K2BMN.mjs';
-import './chunk-5FTUGKPC.mjs';
-import './chunk-E4ROAOPT.mjs';
-import './chunk-GX2MK6VT.mjs';
-import './chunk-CQHNYT2V.mjs';
-import './chunk-TEOO4OLV.mjs';
-import './chunk-PQV55JYI.mjs';
-import './chunk-J43KLCZF.mjs';
-import './chunk-NLXOJSKK.mjs';
-import './chunk-HANSF33Z.mjs';
-import './chunk-LD57I4SY.mjs';
-import './chunk-FZ3PZ66C.mjs';
-import './chunk-7P6ASYW6.mjs';
+export { ChartSvg_default as default } from './chunks/chunk-5HLEKAY2.mjs';
+import './chunks/chunk-EKGCPOZJ.mjs';
+import './chunks/chunk-TRGN3ZMM.mjs';
+import './chunks/chunk-S4YR4YK7.mjs';
+import './chunks/chunk-36DHPBYP.mjs';
+import './chunks/chunk-ZH4A4L6W.mjs';
+import './chunks/chunk-I2BWSDNR.mjs';
+import './chunks/chunk-L6N5IYAJ.mjs';
+import './chunks/chunk-ZLD5VNMP.mjs';
+import './chunks/chunk-7EZEZMGG.mjs';
+import './chunks/chunk-GLFXRR7N.mjs';
+import './chunks/chunk-QOWKMWNO.mjs';
+import './chunks/chunk-H4HLHGUW.mjs';
+import './chunks/chunk-4Q3QUNX6.mjs';
+import './chunks/chunk-VIHIR2BE.mjs';

package/dist/ChartSvg.renderers.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/ChartSvg.vue.d.ts

@@ -1,16 +1,20 @@
-import type { ChartSvgProps } from './types';
-declare var __VLS_11: {};
+import type { ChartPointEvent, ChartSvgProps } from './types';
+declare var __VLS_13: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_11) => any;
+    default?: (props: typeof __VLS_13) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<ChartSvgProps, {
     redraw: () => void | undefined;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     resize: (width: number, height: number) => any;
+    "point-click": (event: ChartPointEvent<unknown>) => any;
+    "point-hover": (event: ChartPointEvent<unknown> | null) => any;
 }, string, import("vue").PublicProps, Readonly<ChartSvgProps> & Readonly<{
     onResize?: ((width: number, height: number) => any) | undefined;
+    "onPoint-click"?: ((event: ChartPointEvent<unknown>) => any) | undefined;
+    "onPoint-hover"?: ((event: ChartPointEvent<unknown> | null) => any) | undefined;
 }>, {
-    animation: import("packages/components/chart/chart-types/src/animations.types.js").AnimationSpec | false;
+    animation: import("@primeui/chart-types").AnimationSpec | false;
     responsive: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/ColorLegendRenderer.branches.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/ColorLegendRenderer.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/LegendRenderer.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/NavigatorRenderer.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/RadialHeatmap.rich.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/TooltipRenderer.spec.d.ts

@@ -0,0 +1 @@
+export {};

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

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

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

@@ -1,4 +1,4 @@
-import { useBarLayer, useBarRendererBase } from './chunk-YRKAI2R2.mjs';
+import { useBarLayer, useBarRendererBase } from './chunk-AKMQHU5T.mjs';
 import { defineComponent, unref, openBlock, createElementBlock, createCommentVNode } from 'vue';
 import { createBarRendererSvg } from '@primeui/chart-core/series/bar/controller-svg';
 
@@ -13,7 +13,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const { bar, methods, frame } = useBarLayer(useBarRenderer);
     return (_ctx, _cache) => {
-      return unref(methods).renderer === "svg" && unref(bar).hasBarData.value ? (openBlock(), createElementBlock("g", {
+      return unref(methods).renderer === "svg" ? (openBlock(), createElementBlock("g", {
         key: 0,
         ref: (el) => {
           unref(bar).groupRef.value = el;

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

@@ -1,7 +1,7 @@
-import { TOOLTIP_DEFAULT_STYLE, TOOLTIP_BASE_STYLE } from './chunk-J43KLCZF.mjs';
-import { TOOLTIP_CONTEXT_KEY } from './chunk-FZ3PZ66C.mjs';
-import { defineComponent, inject, shallowRef, computed, ref, watch, onBeforeUnmount, openBlock, createElementBlock, normalizeClass, normalizeStyle, createBlock, resolveDynamicComponent, Fragment, createElementVNode, toDisplayString, renderList, createCommentVNode, createTextVNode } from 'vue';
-import { computeTooltipPosition, buildTooltipContent, gradientToCssBackground } from '@primeui/chart-core';
+import { TOOLTIP_DEFAULT_STYLE, TOOLTIP_BASE_STYLE } from './chunk-ZH4A4L6W.mjs';
+import { TOOLTIP_CONTEXT_KEY } from './chunk-4Q3QUNX6.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';
 
 var _hoisted_1 = { class: "p-chart-tooltip__title" };
 var _hoisted_2 = {
@@ -50,21 +50,23 @@ var _hoisted_17 = {
   style: { "margin-bottom": "0" }
 };
 var _hoisted_18 = { class: "p-chart-tooltip__row" };
-var _hoisted_19 = { class: "p-chart-tooltip__value" };
-var _hoisted_20 = { class: "p-chart-tooltip__row" };
-var _hoisted_21 = { class: "p-chart-tooltip__value" };
-var _hoisted_22 = {
+var _hoisted_19 = { class: "p-chart-tooltip__label" };
+var _hoisted_20 = { class: "p-chart-tooltip__value" };
+var _hoisted_21 = { class: "p-chart-tooltip__row" };
+var _hoisted_22 = { class: "p-chart-tooltip__label" };
+var _hoisted_23 = { class: "p-chart-tooltip__value" };
+var _hoisted_24 = {
   key: 0,
   class: "p-chart-tooltip__row"
 };
-var _hoisted_23 = { class: "p-chart-tooltip__value" };
-var _hoisted_24 = {
+var _hoisted_25 = { class: "p-chart-tooltip__value" };
+var _hoisted_26 = {
   key: 5,
   class: "p-chart-tooltip__row"
 };
-var _hoisted_25 = { class: "p-chart-tooltip__label" };
-var _hoisted_26 = { class: "p-chart-tooltip__value" };
-var _hoisted_27 = {
+var _hoisted_27 = { class: "p-chart-tooltip__label" };
+var _hoisted_28 = { class: "p-chart-tooltip__value" };
+var _hoisted_29 = {
   key: 0,
   style: {
     "opacity": "0.6",
@@ -172,7 +174,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         ref: tooltipEl,
         style: normalizeStyle(tooltipStyle.value),
         class: normalizeClass(["chart-tooltip", { "p-chart-tooltip": !hasCustomRender.value }])
-      }, [hasCustomRender.value ? (openBlock(), createBlock(resolveDynamicComponent(() => __props.tooltipConfig.render({
+      }, [hasCustomRender.value ? (openBlock(), createBlock(resolveDynamicComponent(() => unref(safeRenderProp)(() => __props.tooltipConfig.render({
         datasetId: visibleTooltip.value.datasetId,
         index: visibleTooltip.value.index,
         label: visibleTooltip.value.label,
@@ -190,9 +192,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           value: h.value,
           percentage: h.percentage,
           ohlc: h.ohlc,
-          formattedValue: h.formattedValue
+          formattedValue: h.formattedValue ?? unref(formatTooltipValue)(h.value, props.locale)
         })) : void 0
-      })), { 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) => {
+      }), "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))
@@ -231,21 +233,21 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           key: row.key,
           class: "p-chart-tooltip__row"
         }, [createElementVNode("span", _hoisted_14, toDisplayString(row.key), 1), createElementVNode("span", _hoisted_15, toDisplayString(row.value), 1)]);
-      }), 128))], 64)) : content.value?.type === "scatter" ? (openBlock(), createElementBlock(Fragment, { key: 4 }, [
+      }), 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))
         }, null, 4), createElementVNode("span", _hoisted_17, toDisplayString(content.value.label), 1)]),
-        createElementVNode("div", _hoisted_18, [_cache[0] || (_cache[0] = createElementVNode("span", { class: "p-chart-tooltip__label" }, "x", -1)), createElementVNode("span", _hoisted_19, toDisplayString(content.value.xValue.toLocaleString()), 1)]),
-        createElementVNode("div", _hoisted_20, [_cache[1] || (_cache[1] = createElementVNode("span", { class: "p-chart-tooltip__label" }, "y", -1)), createElementVNode("span", _hoisted_21, toDisplayString(content.value.yValue.toLocaleString()), 1)]),
-        content.value.bubbleValue != null ? (openBlock(), createElementBlock("div", _hoisted_22, [_cache[2] || (_cache[2] = createElementVNode("span", { class: "p-chart-tooltip__label" }, "value", -1)), createElementVNode("span", _hoisted_23, toDisplayString(content.value.bubbleValue.toLocaleString()), 1)])) : createCommentVNode("", true)
-      ], 64)) : content.value?.type === "simple" ? (openBlock(), createElementBlock("div", _hoisted_24, [
+        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)]),
+        content.value.bubbleValue != null ? (openBlock(), createElementBlock("div", _hoisted_24, [_cache[0] || (_cache[0] = createElementVNode("span", { class: "p-chart-tooltip__label" }, "value", -1)), createElementVNode("span", _hoisted_25, toDisplayString(content.value.bubbleValue), 1)])) : createCommentVNode("", true)
+      ], 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))
         }, null, 4),
-        createElementVNode("span", _hoisted_25, toDisplayString(content.value.label), 1),
-        createElementVNode("span", _hoisted_26, [createTextVNode(toDisplayString(content.value.value), 1), content.value.percentage != null ? (openBlock(), createElementBlock("span", _hoisted_27, " (" + toDisplayString(content.value.percentage) + "%)", 1)) : createCommentVNode("", true)])
+        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)])
       ])) : createCommentVNode("", true)], 6)) : createCommentVNode("", true);
     };
   }

package/dist/{chunk-RSTIA3KM.mjs → chunks/chunk-3DINEX6C.mjs}

@@ -1,4 +1,4 @@
-import { useCustomizationRegistration } from './chunk-PQV55JYI.mjs';
+import { useCustomizationRegistration } from './chunk-ZLD5VNMP.mjs';
 import { defineComponent, computed } from 'vue';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
@@ -28,6 +28,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       borderDash: props.borderDash,
       borderDashOffset: props.borderDashOffset,
       dimOpacity: props.dimOpacity,
+      radiusMultiplier: props.radiusMultiplier,
       onClick: props.onClick
     }));
     useCustomizationRegistration("hover", registrationProps);

package/dist/{chunk-PJVOZSPF.mjs → chunks/chunk-3JA5JAHF.mjs}

@@ -1,5 +1,5 @@
-import { SYNC_BUS_KEY } from './chunk-LD57I4SY.mjs';
-import { CHART_GROUP_TEXT_KEY } from './chunk-FZ3PZ66C.mjs';
+import { SYNC_BUS_KEY } from './chunk-H4HLHGUW.mjs';
+import { CHART_GROUP_TEXT_KEY } from './chunk-4Q3QUNX6.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/{chunk-KOWFD2AE.mjs → chunks/chunk-3PJULFR5.mjs}

@@ -1,27 +1,26 @@
-import { ITEM_COLLECTOR_KEY } from './chunk-FZ3PZ66C.mjs';
+import { ITEM_COLLECTOR_KEY } from './chunk-4Q3QUNX6.mjs';
 import { defineComponent, inject, onMounted, watch, onUnmounted } from 'vue';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ChartItem",
   props: {
     borderRadius: {},
-    y: {},
+    categoryX: {},
+    categoryY: {},
+    valueX: {},
+    valueY: {},
+    category: {},
     value: {},
-    label: {},
+    open: {},
+    high: {},
+    low: {},
+    close: {},
     color: {},
     borderColor: {},
     borderStrokeWidth: {},
-    x: {},
     size: {},
     secondaryLabel: {},
     opacity: {},
-    time: {},
-    open: {},
-    high: {},
-    low: {},
-    close: {},
-    row: {},
-    column: {},
     nodeId: {},
     parentId: {}
   },
@@ -34,21 +33,23 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const itemIndex = collector.getNextIndex();
     function buildItemProps() {
       return {
+        categoryX: props.categoryX,
+        categoryY: props.categoryY,
+        valueX: props.valueX,
+        valueY: props.valueY,
+        category: props.category,
         value: props.value,
-        label: props.label,
-        color: props.color,
-        borderRadius: props.borderRadius,
-        borderColor: props.borderColor,
-        borderStrokeWidth: props.borderStrokeWidth,
-        x: props.x,
-        y: props.y,
-        time: props.time,
         open: props.open,
         high: props.high,
         low: props.low,
         close: props.close,
-        row: props.row,
-        column: props.column,
+        size: props.size,
+        color: props.color,
+        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-3X27K5XC.mjs

@@ -0,0 +1,236 @@
+import { useCartesianFrame, useCartesianFrameRegistration } from './chunk-I2BWSDNR.mjs';
+import { useChartMethods, useChartState, useChartHover } from './chunk-QOWKMWNO.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 groupRef = ref(null);
+  const gridGroupRef = ref(null);
+  const axisGroupRef = ref(null);
+  const controller = renderer === "canvas" ? createHeatmapRendererCanvas() : createHeatmapRendererSvg();
+  const versionRef = ref(0);
+  controller.onFrame = () => {
+    versionRef.value++;
+  };
+  const scaleResult = computed(() => {
+    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],
+    () => {
+      controller.update({
+        datasets: datasets.value,
+        datasetVisibility: datasetVisibility.value,
+        chartArea: chartArea.value,
+        chartId,
+        width: width.value,
+        height: height.value,
+        renderer,
+        axes: axes.value,
+        features: features.value,
+        hover: hover.value,
+        hoverConfig: hoverConfig.value,
+        compositor,
+        canvasEl: canvasEl.value,
+        svgGroup: groupRef.value,
+        globalFont,
+        locale: options.locale?.value,
+        theme: theme.value,
+        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" }
+  );
+  watch(hover, () => {
+    controller.applyHover(hover.value);
+  });
+  onUnmounted(() => {
+    controller.destroy();
+  });
+  function hitTest(x, y) {
+    return controller.hitTest(x, y);
+  }
+  function getPointPosition(datasetId, index) {
+    const lr = controller.layoutResult;
+    if (!lr) return null;
+    const hmLayout = lr.layouts.get(datasetId);
+    const cell = hmLayout?.cells.find((c) => c.index === index && !c.isEmpty);
+    if (!cell) return null;
+    return { x: cell.x, y: cell.y, width: cell.width, height: cell.height, shape: "rect" };
+  }
+  function getColorScaleInfo() {
+    return controller.getColorScaleInfo();
+  }
+  function applyPropertyAnimations(store) {
+    controller.applyPropertyAnimations(store);
+  }
+  function renderFrameCycle() {
+    controller.renderFrameCycle();
+  }
+  const svgContent = computed(() => {
+    if (renderer !== "svg") return [];
+    void versionRef.value;
+    const lr = controller.layoutResult;
+    if (!lr) return [];
+    const elements = [];
+    for (const [datasetId, hmLayout] of lr.layouts) {
+      const dsReg = datasets.value.get(datasetId);
+      const hmProps = dsReg?.props;
+      const renderFn = hmProps?.renderContent;
+      const data = hmProps?.data;
+      if (!renderFn || !data) continue;
+      for (const cell of hmLayout.cells) {
+        if (cell.isEmpty) continue;
+        const dataItem = data[cell.index];
+        if (!dataItem) continue;
+        const result = renderFn({
+          data: dataItem,
+          index: cell.index,
+          value: cell.value,
+          xLabel: cell.xLabel,
+          yLabel: cell.yLabel,
+          color: cell.color,
+          x: cell.x,
+          y: cell.y,
+          width: cell.width,
+          height: cell.height,
+          row: cell.row,
+          col: cell.col,
+          isEmpty: cell.isEmpty
+        });
+        if (result != null) {
+          const clipId = `hm-clip-${datasetId}-${cell.index}`;
+          elements.push(
+            createVNode("g", { key: `${datasetId}-${cell.index}`, "clip-path": `url(#${clipId})` }, [
+              createVNode("defs", null, [createVNode("clipPath", { id: clipId }, [createVNode("rect", { x: cell.x, y: cell.y, width: cell.width, height: cell.height })])]),
+              result
+            ])
+          );
+        }
+      }
+    }
+    return elements;
+  });
+  return {
+    groupRef,
+    gridGroupRef,
+    axisGroupRef,
+    hitTest,
+    getPointPosition,
+    axisLayouts: axisLayoutsComputed,
+    plotArea: chartArea,
+    getColorScaleInfo,
+    scaleResult,
+    svgContent,
+    applyPropertyAnimations,
+    renderFrameCycle
+  };
+}
+
+// src/components/renderers/layers/HeatmapLayer.vue
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "HeatmapLayer",
+  setup(__props) {
+    const VNodeRenderer = defineComponent({
+      props: { node: {
+        type: Object,
+        required: true
+      } },
+      render() {
+        return this.node;
+      }
+    });
+    const frame = useCartesianFrame();
+    const methods = useChartMethods();
+    const state = useChartState();
+    const hoverCtx = useChartHover();
+    const features = computed(() => state.value.features);
+    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,
+      chartId: methods.chartId,
+      width: frame.width,
+      height: frame.height,
+      features,
+      compositor: frame.compositor,
+      globalFont: methods.font,
+      locale: computed(() => methods.locale),
+      theme: computed(() => methods.theme)
+    });
+    useCartesianFrameRegistration({
+      type: "heatmap",
+      getColorScaleInfo: () => heatmap.getColorScaleInfo(),
+      scaleResult: heatmap.scaleResult,
+      getPointPosition: (datasetId, index) => heatmap.getPointPosition(datasetId, index),
+      applyPropertyAnimations: (store) => heatmap.applyPropertyAnimations(store),
+      renderFrameCycle: () => heatmap.renderFrameCycle(),
+      hitTest: (x, y) => {
+        const hmHit = heatmap.hitTest(x, y);
+        if (!hmHit) return null;
+        return {
+          datasetId: hmHit.datasetId,
+          index: hmHit.index,
+          col: hmHit.col,
+          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) : "",
+          cursorFormattedValue: ""
+        };
+      }
+    });
+    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);
+    };
+  }
+});
+var HeatmapLayer_default = _sfc_main;
+
+export { HeatmapLayer_default };