@oliasoft-open-source/charts-library 4.7.5 → 4.7.7-beta-1

package/dist/index.js

@@ -572,7 +572,7 @@ let Color$1 = class Color {
   }
 };
 /*!
- * Chart.js v4.4.6
+ * Chart.js v4.4.7
  * https://www.chartjs.org
  * (c) 2024 Chart.js Contributors
  * Released under the MIT License
@@ -584,7 +584,7 @@ const uid$1 = /* @__PURE__ */ (() => {
   return () => id++;
 })();
 function isNullOrUndef$1(value) {
-  return value === null || typeof value === "undefined";
+  return value === null || value === void 0;
 }
 function isArray$1(value) {
   if (Array.isArray && Array.isArray(value)) {
@@ -2883,7 +2883,7 @@ function styleChanged$1(style, prevStyle) {
   return JSON.stringify(style, replacer) !== JSON.stringify(prevStyle, replacer);
 }
 /*!
- * Chart.js v4.4.6
+ * Chart.js v4.4.7
  * https://www.chartjs.org
  * (c) 2024 Chart.js Contributors
  * Released under the MIT License
@@ -7977,7 +7977,7 @@ function needContext$1(proxy, names2) {
   }
   return false;
 }
-var version$3 = "4.4.6";
+var version$3 = "4.4.7";
 const KNOWN_POSITIONS$1 = [
   "top",
   "bottom",
@@ -13035,7 +13035,7 @@ function cloneData(data) {
 function ChartComponent(props, ref) {
   const { height = 150, width = 300, redraw = false, datasetIdKey, type, data, options, plugins = [], fallbackContent, updateMode, ...canvasProps } = props;
   const canvasRef = useRef(null);
-  const chartRef = useRef();
+  const chartRef = useRef(null);
   const renderChart = () => {
     if (!canvasRef.current) return;
     chartRef.current = new Chart$2(canvasRef.current, {
@@ -13105,20 +13105,22 @@ function ChartComponent(props, ref) {
     renderChart();
     return () => destroyChart();
   }, []);
-  return /* @__PURE__ */ React__default.createElement("canvas", Object.assign({
+  return /* @__PURE__ */ React__default.createElement("canvas", {
     ref: canvasRef,
     role: "img",
     height,
-    width
-  }, canvasProps), fallbackContent);
+    width,
+    ...canvasProps
+  }, fallbackContent);
 }
 const Chart$1 = /* @__PURE__ */ forwardRef(ChartComponent);
 function createTypedChart(type, registerables) {
   Chart$2.register(registerables);
-  return /* @__PURE__ */ forwardRef((props, ref) => /* @__PURE__ */ React__default.createElement(Chart$1, Object.assign({}, props, {
+  return /* @__PURE__ */ forwardRef((props, ref) => /* @__PURE__ */ React__default.createElement(Chart$1, {
+    ...props,
     ref,
     type
-  })));
+  }));
 }
 const Line = /* @__PURE__ */ createTypedChart("line", LineController$1);
 const Bar = /* @__PURE__ */ createTypedChart("bar", BarController$1);
@@ -26011,7 +26013,7 @@ const useChartOptions = ({
     annotation: toAnnotationObject(annotation2),
     zoom: { pan: panOptions, zoom: zoomOptions },
     tooltip,
-    legend: { ...legend2, display: false },
+    legend: { ...legend2, display: false, events: [] },
     // hide default legend for line chart only
     customLegendPlugin,
     chartAreaBorder: {
@@ -26524,7 +26526,9 @@ const handleAnnotationMouseDown = (event, canvas2, scales, annotations, setDragg
   );
   const metrics = calculateAnnotationMetricsInValues(annotation2);
   if (annotation2 && annotation2.enableDrag && !isNil(metrics.centerY) && !isNil(metrics.centerX)) {
-    canvas2.style.cursor = CursorStyle.Move;
+    if (!isNil(canvas2) && !isNil(canvas2.style)) {
+      canvas2.style.cursor = CursorStyle.Move;
+    }
     const dragStartX = x2 - metrics.centerX;
     const dragStartY = y2 - metrics.centerY;
     setDraggingState(true, annotation2, dragStartX, dragStartY);
@@ -26535,7 +26539,9 @@ const handleAnnotationMouseDown = (event, canvas2, scales, annotations, setDragg
 };
 const handleAnnotationMouseMove = (event, canvas2, scales, isDragging2, activeAnnotation, dragStartX, dragStartY, chart2) => {
   if (isDragging2 && activeAnnotation) {
-    canvas2.style.cursor = CursorStyle.Move;
+    if (!isNil(canvas2) && !isNil(canvas2.style)) {
+      canvas2.style.cursor = CursorStyle.Move;
+    }
     const annotationId = activeAnnotation == null ? void 0 : activeAnnotation.id;
     setAnnotationBorderWidth(chart2, annotationId, BORDER_WIDTH.HOVERED);
     const dragAxis = (activeAnnotation == null ? void 0 : activeAnnotation.dragAxis) ?? DragAxis.Both;
@@ -26621,7 +26627,9 @@ const handleAnnotationMouseUp = (isDragging2, activeAnnotation, chart2, setDragg
           activeAnnotation
         );
       }
-      chart2.canvas.style.cursor = CursorStyle.Pointer;
+      if (!isNil(chart2) && !isNil(chart2 == null ? void 0 : chart2.canvas) && !isNil(chart2 == null ? void 0 : chart2.canvas.style)) {
+        chart2.canvas.style.cursor = CursorStyle.Pointer;
+      }
       setDraggingState(false, null);
     }
     chart2.update();
@@ -26632,10 +26640,16 @@ const annotationLabel = (ctx, annotations, scales) => {
     var _a2;
     if (annotation2.type === AnnotationType.POINT && !isNil(annotation2 == null ? void 0 : annotation2.label) && ((_a2 = annotation2 == null ? void 0 : annotation2.label) == null ? void 0 : _a2.display)) {
       const { content, font, color: color2, position, padding } = (annotation2 == null ? void 0 : annotation2.label) ?? {};
+      const { xScaleID = "x", yScaleID = "y" } = annotation2;
       ctx.save();
       ctx.font = font;
       ctx.fillStyle = color2;
-      const { centerX = -1, centerY = -1 } = calculateAnnotationMetricsInValuesInPixels(annotation2, scales);
+      const { centerX = -1, centerY = -1 } = calculateAnnotationMetricsInValuesInPixels(
+        annotation2,
+        scales,
+        xScaleID,
+        yScaleID
+      );
       const textWidth = ctx.measureText(content).width;
       let textX = centerX - textWidth / 2;
       let textY = centerY + 20;
@@ -40322,7 +40336,7 @@ const useBarChartOptions = ({
       datalabels: getBarChartDataLabels(options),
       annotation: toAnnotationObject(annotation2),
       tooltip: getBarChartToolTips(options),
-      legend: { ...legend2, display: false },
+      legend: { ...legend2, display: false, events: [] },
       // hide default legend
       customLegendPlugin,
       chartAreaBorder: {
@@ -40689,7 +40703,7 @@ const useScatterChartConfig = (chart2, chartRef) => {
       onComplete: interactions == null ? void 0 : interactions.onAnimationComplete
     },
     plugins: {
-      legend: { ...legend2, display: false },
+      legend: { ...legend2, display: false, events: [] },
       // hide default legend
       customLegendPlugin,
       title: getTitle(defaultOptions),