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

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

@@ -1,8 +1,99 @@
-import { useRadarRenderer, useRadialFrameRegistration } from './chunk-CQHNYT2V.mjs';
-import { useChartMethods, useChartState, useChartHover } from './chunk-HANSF33Z.mjs';
-import { defineComponent, computed, toRef, unref, openBlock, createElementBlock, Fragment, createElementVNode, renderList, createBlock, resolveDynamicComponent, createCommentVNode } from 'vue';
-import { buildMarkerRenderItems, DEFAULT_HOVER_DIM_OPACITY } from '@primeui/chart-core';
+import { useControllerLifecycle } from './chunk-KNNYJD4D.mjs';
+import { normalizeDataLabelConfig } from './chunk-ZH4A4L6W.mjs';
+import { useRadialFrameRegistration } from './chunk-7EZEZMGG.mjs';
+import { useChartMethods, useChartState, useChartHover } from './chunk-QOWKMWNO.mjs';
+import { defineComponent, computed, toRef, unref, openBlock, createElementBlock, Fragment, createElementVNode, renderList, createBlock, resolveDynamicComponent, createCommentVNode, ref, watch } from 'vue';
+import { buildMarkerRenderItems, safeRenderProp, DEFAULT_HOVER_DIM_OPACITY } from '@primeui/chart-core';
+import { createRadarRendererCanvas } from '@primeui/chart-core/series/radar/controller-canvas';
+import { createRadarRendererSvg } from '@primeui/chart-core/series/radar/controller-svg';
 
+function useRadarRenderer(options) {
+  const { chartArea, renderer, datasets, features, hover, datasetVisibility, globalFont, adaptiveDataLabelFontSize, chartId, width, height, sharedContext, requestRedraw, dir, xAxes, yAxes, theme } = options;
+  const groupRef = ref(null);
+  const layoutRef = ref(null);
+  const markerData = ref(null);
+  const controller = renderer === "canvas" ? createRadarRendererCanvas() : createRadarRendererSvg();
+  controller.onMarkerDataChange = (data) => {
+    markerData.value = data;
+  };
+  controller.onFrame = () => {
+    layoutRef.value = controller.layout;
+  };
+  const active = computed(() => controller.hasData);
+  function getLabelConfig() {
+    const dlProps = features.value.get("dataLabels")?.props;
+    return normalizeDataLabelConfig(dlProps, adaptiveDataLabelFontSize?.value, void 0, globalFont);
+  }
+  watch(
+    [datasets, chartArea, datasetVisibility, features, groupRef, xAxes, yAxes, dir, theme],
+    () => {
+      const area = chartArea.value;
+      if (!area) {
+        layoutRef.value = null;
+        return;
+      }
+      const hc = features.value.get("hover")?.props;
+      controller.update({
+        datasets: datasets.value,
+        datasetVisibility: datasetVisibility.value,
+        chartArea: area,
+        width: width.value,
+        height: height.value,
+        renderer,
+        features: features.value,
+        hover: hover.value,
+        hoverConfig: hc,
+        globalFont,
+        adaptiveDataLabelFontSize: adaptiveDataLabelFontSize?.value,
+        chartId,
+        sharedContext: sharedContext?.value,
+        svgGroup: groupRef.value,
+        requestRedraw,
+        labelConfig: getLabelConfig(),
+        dir: dir.value,
+        xAxes: xAxes?.value,
+        yAxes: yAxes?.value,
+        theme: theme.value
+      });
+      layoutRef.value = controller.layout;
+    },
+    { immediate: true, flush: "post" }
+  );
+  watch([hover, () => features.value.get("hover")?.props], () => {
+    controller.applyHover(hover.value);
+  });
+  const { applyPropertyAnimations, renderFrameCycle } = useControllerLifecycle(controller);
+  function hitTest(x, y) {
+    const hit = controller.hitTest(x, y);
+    if (!hit) return null;
+    return { datasetId: hit.datasetId, index: hit.index, label: hit.label, value: hit.value, color: hit.color };
+  }
+  function findAllNearest(x, y) {
+    const result = controller.findAllNearest(x, y);
+    if (!result) return null;
+    const { primary, allSeries } = result;
+    return {
+      primary: { datasetId: primary.datasetId, index: primary.index, label: primary.label, value: primary.value, color: primary.color },
+      allSeries
+    };
+  }
+  function renderCanvasContent(ctx, _canvas) {
+    controller.renderCanvasContent(ctx);
+  }
+  return {
+    groupRef,
+    hitTest,
+    findAllNearest,
+    active,
+    markerData,
+    layout: layoutRef,
+    renderCanvasContent,
+    applyPropertyAnimations,
+    renderFrameCycle
+  };
+}
+
+// src/components/renderers/layers/RadarLayer.vue
 var _hoisted_1 = { class: "radar-markers" };
 var _hoisted_2 = ["transform", "opacity"];
 var _sfc_main = /* @__PURE__ */ defineComponent({
@@ -113,7 +204,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           key: item.key,
           transform: `translate(${item.x}, ${item.y})`,
           opacity: item.opacity !== 1 ? item.opacity : void 0
-        }, [(openBlock(), createBlock(resolveDynamicComponent(() => item.renderMarker(item.context))))], 8, _hoisted_2);
+        }, [(openBlock(), createBlock(resolveDynamicComponent(() => unref(safeRenderProp)(() => item.renderMarker(item.context), "marker"))))], 8, _hoisted_2);
       }), 128))])], 64)) : createCommentVNode("", true);
     };
   }

package/dist/{chunk-ZNINPVG7.mjs → chunks/chunk-ON2FAZTD.mjs}

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

package/dist/{chunk-DLUFOM5K.mjs → chunks/chunk-PCBF6FSQ.mjs}

@@ -1,9 +1,9 @@
-import { HeatmapLayer_default } from './chunk-54DLUFIA.mjs';
-import { CartesianRenderer_default } from './chunk-HTZVV6VV.mjs';
-import { registerFamilyRenderer, registerChartLayer, useDatasetAnimationRegistration, useDatasetRegistration, useItemCollector } from './chunk-CQHNYT2V.mjs';
-import { useRendererHint, useChartMethods } from './chunk-HANSF33Z.mjs';
+import { HeatmapLayer_default } from './chunk-3X27K5XC.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 { defineComponent, useSlots, computed, onMounted, watch, onUnmounted, renderSlot, createCommentVNode } from 'vue';
-import { heatmapRenderer } from '@primeui/chart-core';
+import { heatmapRenderer } from '@primeui/chart-core/series/heatmap';
 
 var heatmapIdCounter = 0;
 var _sfc_main = /* @__PURE__ */ defineComponent({
@@ -13,8 +13,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     data: {},
     valueField: {},
     name: {},
-    columnField: {},
-    rowField: {},
+    categoryXField: {},
+    categoryYField: {},
     color: {},
     colorScale: {},
     colorRange: {},
@@ -105,8 +105,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       const datasetProps = computed(() => ({
         id: autoId,
         data: props.data,
-        columnField: props.columnField,
-        rowField: props.rowField,
+        categoryXField: props.categoryXField,
+        categoryYField: props.categoryYField,
         valueField: props.valueField,
         name: props.name,
         color: props.color,
@@ -146,8 +146,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         return {
           id: autoId,
           data: items,
-          columnField: (ctx) => ctx.datum.column ?? "",
-          rowField: (ctx) => ctx.datum.row ?? "",
+          categoryXField: (ctx) => ctx.datum.categoryX ?? "",
+          categoryYField: (ctx) => ctx.datum.categoryY ?? "",
           valueField: (ctx) => ctx.datum.value,
           name: props.name,
           color: props.color,

package/dist/{chunk-FQTWLAVA.mjs → chunks/chunk-QJCMFAHB.mjs}

@@ -1,4 +1,4 @@
-import { AXIS_GROUP_COLLECTOR_KEY } from './chunk-5SRBQVU5.mjs';
+import { AXIS_GROUP_COLLECTOR_KEY } from './chunk-EHSDNH7K.mjs';
 import { defineComponent, inject, onMounted, onUnmounted } from 'vue';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/{chunk-62NGBLQ7.mjs → chunks/chunk-QONZ3SCZ.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({

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

@@ -1,4 +1,4 @@
-import { CHART_METHODS_KEY, CHART_STATE_KEY, CHART_HOVER_KEY, RENDERER_HINT_KEY, CHART_REFRESH_NONCE_KEY, CHART_CORE_INSTANCE_KEY } from './chunk-FZ3PZ66C.mjs';
+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';
 

package/dist/{chunk-GA4VV5V4.mjs → chunks/chunk-R4AZOPXC.mjs}

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

package/dist/{chunk-5DWO3G33.mjs → chunks/chunk-SGLTVJUA.mjs}

@@ -1,9 +1,10 @@
-import { CartesianRenderer_default } from './chunk-HTZVV6VV.mjs';
-import { ScatterLayer_default } from './chunk-DYVFVVTO.mjs';
-import { registerFamilyRenderer, registerChartLayer, useDatasetAnimationRegistration, useDatasetRegistration, useItemCollector } from './chunk-CQHNYT2V.mjs';
-import { useRendererHint, useChartMethods } from './chunk-HANSF33Z.mjs';
+import { CartesianRenderer_default } from './chunk-YZQS2YBK.mjs';
+import { ScatterLayer_default } from './chunk-LJZCE7LQ.mjs';
+import { registerFamilyRenderer, registerChartLayer, useDatasetAnimationRegistration, useDatasetRegistration, useItemCollector } from './chunk-I2BWSDNR.mjs';
+import { useRendererHint, useChartMethods } from './chunk-QOWKMWNO.mjs';
 import { defineComponent, useSlots, computed, onMounted, watch, onUnmounted, renderSlot, createCommentVNode } from 'vue';
-import { scatterRenderer, resolveAccessor } from '@primeui/chart-core';
+import { resolveAccessor } from '@primeui/chart-core/utils';
+import { scatterRenderer } from '@primeui/chart-core/series/scatter';
 
 var scatterIdCounter = 0;
 var _sfc_main = /* @__PURE__ */ defineComponent({
@@ -11,38 +12,38 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
   props: {
     id: {},
     data: {},
-    categoryField: { type: [
+    name: {},
+    color: { type: [
       String,
       Function,
       Array
     ] },
-    valueField: { type: [
+    xAxisId: {},
+    yAxisId: {},
+    order: {},
+    stackId: {},
+    categoryXField: { type: [
       String,
       Function,
-      Number,
-      null,
       Array
     ] },
-    name: {},
-    color: { type: [
+    categoryYField: { type: [
       String,
       Function,
       Array
     ] },
-    xAxisId: {},
-    yAxisId: {},
-    order: {},
-    stackId: {},
-    xField: { type: [
+    valueXField: { type: [
       String,
       Function,
       Number,
+      null,
       Array
     ] },
-    yField: { type: [
+    valueYField: { type: [
       String,
       Function,
       Number,
+      null,
       Array
     ] },
     sizeField: { type: [
@@ -159,8 +160,10 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       const datasetProps = computed(() => ({
         id: autoId,
         data: props.data,
-        xField: props.xField,
-        yField: props.yField,
+        categoryXField: props.categoryXField,
+        categoryYField: props.categoryYField,
+        valueXField: props.valueXField,
+        valueYField: props.valueYField,
         sizeField: props.sizeField,
         color: props.color,
         name: props.name,
@@ -197,11 +200,22 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     if (hasChildren.value) {
       let buildSynthesizedProps2 = function() {
         const items = getItems();
+        const categorical = items.some((it) => it.categoryX != null || it.categoryY != null);
+        const horizontal = items.some((it) => it.categoryY != null);
+        const axisBinding = categorical ? horizontal ? {
+          categoryYField: (ctx) => ctx.datum.categoryY ?? "",
+          valueXField: (ctx) => ctx.datum.valueX ?? 0
+        } : {
+          categoryXField: (ctx) => ctx.datum.categoryX ?? "",
+          valueYField: (ctx) => ctx.datum.valueY ?? 0
+        } : {
+          valueXField: (ctx) => ctx.datum.valueX ?? 0,
+          valueYField: (ctx) => ctx.datum.valueY ?? 0
+        };
         return {
           id: autoId,
           data: items,
-          xField: (ctx) => ctx.datum.x ?? 0,
-          yField: (ctx) => ctx.datum.y ?? 0,
+          ...axisBinding,
           color: ((ctx) => ctx.datum.color ?? resolveAccessor(props.color, ctx)),
           name: props.name,
           markerSize: props.markerSize,

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

@@ -1,6 +1,6 @@
-import { LEGEND_ITEM_BASE_STYLE, LEGEND_SWATCH_STYLE } from './chunk-J43KLCZF.mjs';
-import { defineComponent, ref, computed, openBlock, createElementBlock, normalizeStyle, Fragment, renderList, createBlock, resolveDynamicComponent, createCommentVNode, createElementVNode, toDisplayString, nextTick } from 'vue';
-import { computeLegendStyle, gradientToCssBackground } from '@primeui/chart-core';
+import { LEGEND_ITEM_BASE_STYLE, LEGEND_SWATCH_STYLE } from './chunk-ZH4A4L6W.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';
 
 var _hoisted_1 = ["dir"];
 var _hoisted_2 = {
@@ -128,7 +128,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         class: "chart-legend",
         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(() => __props.legendConfig.render({
+        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,
@@ -143,7 +143,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           onClick: () => handleClick(item),
           onMouseEnter: () => handleHover(item),
           onMouseLeave: () => handleHover(null)
-        }))))])) : (openBlock(), createElementBlock("button", {
+        }), "legend"))))])) : (openBlock(), createElementBlock("button", {
           key: 1,
           type: "button",
           role: __props.legendConfig.interactive ? "switch" : void 0,

package/dist/{chunk-RSAZ7V5Z.mjs → chunks/chunk-TZ23VBFU.mjs}

@@ -1,5 +1,5 @@
-import { DECIMATION_CONTEXT_KEY } from './chunk-TEOO4OLV.mjs';
-import { useChartMethods } from './chunk-HANSF33Z.mjs';
+import { DECIMATION_CONTEXT_KEY } from './chunk-L6N5IYAJ.mjs';
+import { useChartMethods } from './chunk-QOWKMWNO.mjs';
 import { defineComponent, watch, onBeforeUnmount, computed, provide, renderSlot } from 'vue';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/{chunk-4UVPCLJ7.mjs → chunks/chunk-U6X3GVJ3.mjs}

@@ -1,4 +1,4 @@
-import { useChartMethods } from './chunk-HANSF33Z.mjs';
+import { useChartMethods } from './chunk-QOWKMWNO.mjs';
 import { defineComponent, computed, onMounted, watch, onUnmounted } from 'vue';
 
 var referenceBandIdCounter = 0;

package/dist/{chunk-J2P5JBHC.mjs → chunks/chunk-UOMQNZMT.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({

package/dist/{chunk-4THCGGER.mjs → chunks/chunk-UOZFNTVQ.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-TIV2FI4S.mjs → chunks/chunk-WVNDZNMV.mjs}

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

package/dist/{chunk-GFC24374.mjs → chunks/chunk-X4NWFK7L.mjs}

@@ -1,7 +1,7 @@
-import { useCustomizationRegistration } from './chunk-PQV55JYI.mjs';
-import { useChartMethods, useChartState } from './chunk-HANSF33Z.mjs';
+import { useCustomizationRegistration } from './chunk-ZLD5VNMP.mjs';
+import { useChartMethods, useChartState } from './chunk-QOWKMWNO.mjs';
 import { defineComponent, computed, ref, onMounted, nextTick, onBeforeUnmount, openBlock, createBlock, Teleport, createElementVNode, withModifiers, normalizeStyle, normalizeClass, resolveDynamicComponent, createElementBlock, unref, Fragment, renderList, toDisplayString, createCommentVNode } from 'vue';
-import { resolveExportMenuProps, filterExportMenuItems, EXPORT_MENU_CONSTANTS, resolveExportMenuPlacement, estimateExportMenuHeight, HAMBURGER_ICON_PATH, isExportMenuSeparator, createChartExporter, getExportAction, buildChartDataTable, dataTableToCsv, EXPORT_MENU_LABELS } from '@primeui/chart-core';
+import { resolveExportMenuProps, filterExportMenuItems, EXPORT_MENU_CONSTANTS, resolveExportMenuPlacement, estimateExportMenuHeight, HAMBURGER_ICON_PATH, isExportMenuSeparator, safeRenderProp, createChartExporter, getExportAction, buildChartDataTable, dataTableToCsv, EXPORT_MENU_LABELS } from '@primeui/chart-core';
 
 var _hoisted_1 = ["aria-expanded"];
 var _hoisted_2 = {
@@ -210,12 +210,12 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
             background: "var(--p-chart-export-menu-separator-color, #dee2e6)",
             margin: "4px 8px"
           })
-        }, null, 4)) : __props.render ? (openBlock(), createBlock(resolveDynamicComponent(() => __props.render({
+        }, null, 4)) : __props.render ? (openBlock(), createBlock(resolveDynamicComponent(() => unref(safeRenderProp)(() => __props.render({
           item,
           label: getItemLabel(item),
           onClick: () => handleExport(item),
           isHovered: hoveredItem.value === item
-        })), { key: 1 })) : (openBlock(), createElementBlock("button", {
+        }), "export menu item")), { key: 1 })) : (openBlock(), createElementBlock("button", {
           key: 2,
           type: "button",
           role: "menuitem",

package/dist/{chunk-FFBK7Q3W.mjs → chunks/chunk-YI3GLQYF.mjs}

@@ -1,7 +1,70 @@
-import { useCartesianFrame, useCandlestickRenderer, useCartesianFrameRegistration } from './chunk-CQHNYT2V.mjs';
-import { useChartMethods, useChartState, useChartHover } from './chunk-HANSF33Z.mjs';
-import { defineComponent, computed, unref, openBlock, createElementBlock, createCommentVNode } from 'vue';
+import { useCartesianFrame, useCartesianFrameRegistration } from './chunk-I2BWSDNR.mjs';
+import { useChartMethods, useChartState, useChartHover } from './chunk-QOWKMWNO.mjs';
+import { defineComponent, computed, unref, openBlock, createElementBlock, createCommentVNode, ref, watch, onUnmounted } from 'vue';
+import { createCandlestickRendererCanvas } from '@primeui/chart-core/series/candlestick/controller-canvas';
+import { createCandlestickRendererSvg } from '@primeui/chart-core/series/candlestick/controller-svg';
 
+function useCandlestickRenderer(options) {
+  const { chartArea, renderer, canvasEl, datasets, datasetVisibility, features, hover, hoverConfig, chartId, width, height, categoryScale, valueScales, firstValueAxisId, layoutData, compositor, theme } = options;
+  const groupRef = ref(null);
+  const controller = renderer === "canvas" ? createCandlestickRendererCanvas() : createCandlestickRendererSvg();
+  watch(
+    [datasets, datasetVisibility, chartArea, categoryScale, valueScales, firstValueAxisId, layoutData, hoverConfig, width, height, groupRef, theme],
+    () => {
+      controller.update({
+        datasets: datasets.value,
+        datasetVisibility: datasetVisibility.value,
+        chartArea: chartArea.value,
+        features: features.value,
+        chartId,
+        width: width.value,
+        height: height.value,
+        renderer,
+        categoryScale: categoryScale.value,
+        valueScales: valueScales.value,
+        firstValueAxisId: firstValueAxisId.value,
+        layoutData: layoutData.value,
+        hover: hover.value,
+        hoverConfig: hoverConfig.value,
+        compositor,
+        canvasEl: canvasEl.value,
+        svgGroup: groupRef.value,
+        theme: 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 findAllNearest(x, y) {
+    return controller.findAllNearest(x, y);
+  }
+  function applyPropertyAnimations(store) {
+    controller.applyPropertyAnimations(store);
+  }
+  function renderFrameCycle() {
+    controller.renderFrameCycle();
+  }
+  return {
+    groupRef,
+    hitTest,
+    findAllNearest,
+    applyPropertyAnimations,
+    renderFrameCycle,
+    get candlestickLayouts() {
+      return controller.layouts;
+    }
+  };
+}
+
+// src/components/renderers/layers/CandlestickLayer.vue
 var _hoisted_1 = ["clip-path"];
 var _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "CandlestickLayer",
@@ -75,7 +138,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       }
     });
     return (_ctx, _cache) => {
-      return unref(methods).renderer === "svg" && unref(candlestick).hasCandlestickData.value ? (openBlock(), createElementBlock("g", {
+      return unref(methods).renderer === "svg" ? (openBlock(), createElementBlock("g", {
         key: 0,
         ref: (el) => {
           unref(candlestick).groupRef.value = el;

package/dist/{chunk-HTZVV6VV.mjs → chunks/chunk-YZQS2YBK.mjs}

@@ -1,8 +1,8 @@
-import { useChartLayers, useCartesianLayout, provideCartesianFrame, useCartesianAnimation } from './chunk-CQHNYT2V.mjs';
-import { useChartMethods, useChartState, useChartHover } from './chunk-HANSF33Z.mjs';
-import { SYNC_BUS_KEY } from './chunk-LD57I4SY.mjs';
+import { useChartLayers, useCartesianLayout, provideCartesianFrame, useCartesianAnimation } from './chunk-I2BWSDNR.mjs';
+import { useChartMethods, useChartState, useChartHover } from './chunk-QOWKMWNO.mjs';
+import { SYNC_BUS_KEY } from './chunk-H4HLHGUW.mjs';
 import { defineComponent, computed, inject, ref, onUnmounted, watch, shallowRef, toRef, h, openBlock, createElementBlock, Fragment, unref, createElementVNode, createCommentVNode, renderList, createBlock, resolveDynamicComponent } from 'vue';
-import { applyAxisOverrides, calculateCartesianArea, computeNaturalAxisWidths, needsAxisPadding, buildMarkerRenderItems, computeReferenceLines, computeReferenceBands, CanvasCompositor, normalizeDataLabelConfig, shallowEqual, AnimatedPropertyStore, renderCartesianFrame, resolveNearestHit, mergeAllNearestResults, buildZoomScales } from '@primeui/chart-core';
+import { applyAxisOverrides, calculateCartesianArea, computeNaturalAxisWidths, needsAxisPadding, buildMarkerRenderItems, computeReferenceLines, computeReferenceBands, CanvasCompositor, normalizeDataLabelConfig, shallowEqual, AnimatedPropertyStore, renderCartesianFrame, safeRenderProp, resolveNearestHit, mergeAllNearestResults, buildZoomScales } from '@primeui/chart-core';
 
 var _hoisted_1 = { key: 0 };
 var _hoisted_2 = ["id"];
@@ -34,6 +34,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     canvasEl: {},
     overlayCanvasEl: {},
     zoomState: {},
+    isDragging: { type: Boolean },
     adaptiveDataLabelFontSize: {},
     adaptiveDataLabelRotation: {},
     ruleOverrides: {}
@@ -338,6 +339,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       customTickOverlayRefs,
       skipHoverRepaint,
       isZoomed: computed(() => !!(props.zoomState?.x || props.zoomState?.y)),
+      isDragging: computed(() => !!props.isDragging),
       // enabled={false} disables every animation system. Configs merged from
       // chart-level `animation` and all per-dataset `animation:${id}` keyed entries.
       propertyAnimations: mergedPropertyAnimations,
@@ -354,7 +356,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       renderFrame: (params) => {
         const staticCategoryScale = layoutData.value?.sharedCategoryScale;
         const staticValueScales = layoutData.value?.valueScales;
-        const staticScatterXScales = layoutData.value?.scatterXScales;
+        const staticScatterXScales = layoutData.value?.valueXScales;
         const categoryChanged = !!(staticCategoryScale && params.categoryScale && params.categoryScale !== staticCategoryScale);
         const valueChanged = !!(staticValueScales && params.valueScales && params.valueScales !== staticValueScales);
         const scatterXChanged = !!(staticScatterXScales && params.valueXScales && params.valueXScales !== staticScatterXScales);
@@ -538,7 +540,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
               key: item.key,
               transform: `translate(${item.x}, ${item.y})`,
               opacity: item.opacity !== 1 ? item.opacity : void 0
-            }, [(openBlock(), createBlock(resolveDynamicComponent(() => item.renderMarker(item.context))))], 8, _hoisted_8);
+            }, [(openBlock(), createBlock(resolveDynamicComponent(() => unref(safeRenderProp)(() => item.renderMarker(item.context), "marker"))))], 8, _hoisted_8);
           }), 128))], 8, _hoisted_5)
         ], 64)) : createCommentVNode("", true)
       ], 64);

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

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

package/dist/components/charts/ChartBar.mjs

@@ -1,13 +1,13 @@
-export { ChartBar_default as default } from '../../chunk-K326BBF7.mjs';
-import '../../chunk-RRHYGSK6.mjs';
-import '../../chunk-MDA22SIZ.mjs';
-import '../../chunk-YRKAI2R2.mjs';
-import '../../chunk-HTZVV6VV.mjs';
-import '../../chunk-CQHNYT2V.mjs';
-import '../../chunk-TEOO4OLV.mjs';
-import '../../chunk-PQV55JYI.mjs';
-import '../../chunk-J43KLCZF.mjs';
-import '../../chunk-HANSF33Z.mjs';
-import '../../chunk-LD57I4SY.mjs';
-import '../../chunk-FZ3PZ66C.mjs';
-import '../../chunk-7P6ASYW6.mjs';
+export { ChartBar_default as default } from '../../chunks/chunk-L74BEYTD.mjs';
+import '../../chunks/chunk-2TOEQNJ6.mjs';
+import '../../chunks/chunk-IFZSHQDZ.mjs';
+import '../../chunks/chunk-AKMQHU5T.mjs';
+import '../../chunks/chunk-YZQS2YBK.mjs';
+import '../../chunks/chunk-I2BWSDNR.mjs';
+import '../../chunks/chunk-L6N5IYAJ.mjs';
+import '../../chunks/chunk-ZLD5VNMP.mjs';
+import '../../chunks/chunk-7EZEZMGG.mjs';
+import '../../chunks/chunk-QOWKMWNO.mjs';
+import '../../chunks/chunk-H4HLHGUW.mjs';
+import '../../chunks/chunk-4Q3QUNX6.mjs';
+import '../../chunks/chunk-VIHIR2BE.mjs';

package/dist/components/charts/ChartCandlestick.mjs

@@ -1,11 +1,11 @@
-export { ChartCandlestick_default as default } from '../../chunk-WKSQR6L5.mjs';
-import '../../chunk-FFBK7Q3W.mjs';
-import '../../chunk-HTZVV6VV.mjs';
-import '../../chunk-CQHNYT2V.mjs';
-import '../../chunk-TEOO4OLV.mjs';
-import '../../chunk-PQV55JYI.mjs';
-import '../../chunk-J43KLCZF.mjs';
-import '../../chunk-HANSF33Z.mjs';
-import '../../chunk-LD57I4SY.mjs';
-import '../../chunk-FZ3PZ66C.mjs';
-import '../../chunk-7P6ASYW6.mjs';
+export { ChartCandlestick_default as default } from '../../chunks/chunk-CW2KYVYO.mjs';
+import '../../chunks/chunk-YI3GLQYF.mjs';
+import '../../chunks/chunk-YZQS2YBK.mjs';
+import '../../chunks/chunk-I2BWSDNR.mjs';
+import '../../chunks/chunk-L6N5IYAJ.mjs';
+import '../../chunks/chunk-ZLD5VNMP.mjs';
+import '../../chunks/chunk-7EZEZMGG.mjs';
+import '../../chunks/chunk-QOWKMWNO.mjs';
+import '../../chunks/chunk-H4HLHGUW.mjs';
+import '../../chunks/chunk-4Q3QUNX6.mjs';
+import '../../chunks/chunk-VIHIR2BE.mjs';

package/dist/components/charts/ChartHeatmap.mjs

@@ -1,11 +1,11 @@
-export { ChartHeatmap_default as default } from '../../chunk-DLUFOM5K.mjs';
-import '../../chunk-54DLUFIA.mjs';
-import '../../chunk-HTZVV6VV.mjs';
-import '../../chunk-CQHNYT2V.mjs';
-import '../../chunk-TEOO4OLV.mjs';
-import '../../chunk-PQV55JYI.mjs';
-import '../../chunk-J43KLCZF.mjs';
-import '../../chunk-HANSF33Z.mjs';
-import '../../chunk-LD57I4SY.mjs';
-import '../../chunk-FZ3PZ66C.mjs';
-import '../../chunk-7P6ASYW6.mjs';
+export { ChartHeatmap_default as default } from '../../chunks/chunk-PCBF6FSQ.mjs';
+import '../../chunks/chunk-3X27K5XC.mjs';
+import '../../chunks/chunk-YZQS2YBK.mjs';
+import '../../chunks/chunk-I2BWSDNR.mjs';
+import '../../chunks/chunk-L6N5IYAJ.mjs';
+import '../../chunks/chunk-ZLD5VNMP.mjs';
+import '../../chunks/chunk-7EZEZMGG.mjs';
+import '../../chunks/chunk-QOWKMWNO.mjs';
+import '../../chunks/chunk-H4HLHGUW.mjs';
+import '../../chunks/chunk-4Q3QUNX6.mjs';
+import '../../chunks/chunk-VIHIR2BE.mjs';

package/dist/components/charts/ChartLine.mjs

@@ -1,11 +1,12 @@
-export { ChartLine_default as default } from '../../chunk-644ROAHU.mjs';
-import '../../chunk-HTZVV6VV.mjs';
-import '../../chunk-4CRHCZV3.mjs';
-import '../../chunk-CQHNYT2V.mjs';
-import '../../chunk-TEOO4OLV.mjs';
-import '../../chunk-PQV55JYI.mjs';
-import '../../chunk-J43KLCZF.mjs';
-import '../../chunk-HANSF33Z.mjs';
-import '../../chunk-LD57I4SY.mjs';
-import '../../chunk-FZ3PZ66C.mjs';
-import '../../chunk-7P6ASYW6.mjs';
+export { ChartLine_default as default } from '../../chunks/chunk-DDRSIMLE.mjs';
+import '../../chunks/chunk-YZQS2YBK.mjs';
+import '../../chunks/chunk-CMJXLIEY.mjs';
+import '../../chunks/chunk-KNNYJD4D.mjs';
+import '../../chunks/chunk-I2BWSDNR.mjs';
+import '../../chunks/chunk-L6N5IYAJ.mjs';
+import '../../chunks/chunk-ZLD5VNMP.mjs';
+import '../../chunks/chunk-7EZEZMGG.mjs';
+import '../../chunks/chunk-QOWKMWNO.mjs';
+import '../../chunks/chunk-H4HLHGUW.mjs';
+import '../../chunks/chunk-4Q3QUNX6.mjs';
+import '../../chunks/chunk-VIHIR2BE.mjs';