@oliasoft-open-source/charts-library 4.3.3-beta-2 → 4.3.3-beta-4

package/dist/index.js

@@ -26170,7 +26170,7 @@ const handleAnnotationMouseMove = (event, canvas2, scales, isDragging2, activeAn
         activeAnnotation.yMax = newCenterY + metrics.height / 2;
       }
     }
-    chart2.update();
+    chart2 == null ? void 0 : chart2.update();
     if (activeAnnotation == null ? void 0 : activeAnnotation.onDrag) {
       activeAnnotation.onDrag({ x: x2, y: y2 }, cloneDeep(activeAnnotation));
     }
@@ -26178,9 +26178,9 @@ const handleAnnotationMouseMove = (event, canvas2, scales, isDragging2, activeAn
     const { centerX, centerY } = calculateAnnotationMetricsInValues(activeAnnotation) ?? {};
     const { centerX: xValue, centerY: yValue } = calculateAnnotationMetricsInValuesInPixels(activeAnnotation, scales);
     if (!isNil(centerX) && !isNil(centerY) && !isNil(xValue) && !isNil(yValue)) {
-      ctx.save();
-      ctx.clearRect(0, 0, width, height);
-      chart2.draw();
+      ctx == null ? void 0 : ctx.save();
+      ctx == null ? void 0 : ctx.clearRect(0, 0, width, height);
+      chart2 == null ? void 0 : chart2.draw();
       ctx.font = DEFAULT_FONT_FAMILY;
       ctx.fillStyle = "black";
       let labelX = xValue - 45;
@@ -26193,8 +26193,8 @@ const handleAnnotationMouseMove = (event, canvas2, scales, isDragging2, activeAn
       if (labelY > height) {
         labelY = height - 7;
       }
-      ctx.fillText(labelText, labelX, labelY);
-      ctx.restore();
+      ctx == null ? void 0 : ctx.fillText(labelText, labelX, labelY);
+      ctx == null ? void 0 : ctx.restore();
     }
   }
 };
@@ -26214,7 +26214,7 @@ const handleAnnotationMouseUp = (isDragging2, activeAnnotation, chart2, setDragg
       }
       setDraggingState(false, null);
     }
-    chart2.update();
+    chart2 == null ? void 0 : chart2.update();
   }
 };
 const annotationLabel = (ctx, annotations, scales) => {
@@ -26222,11 +26222,11 @@ 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) ?? {};
-      ctx.save();
+      ctx == null ? void 0 : ctx.save();
       ctx.font = font;
       ctx.fillStyle = color2;
       const { centerX = -1, centerY = -1 } = calculateAnnotationMetricsInValuesInPixels(annotation2, scales);
-      const textWidth = ctx.measureText(content).width;
+      const textWidth = ctx == null ? void 0 : ctx.measureText(content).width;
       let textX = centerX - textWidth / 2;
       let textY = centerY + 20;
       switch (position) {
@@ -26242,8 +26242,8 @@ const annotationLabel = (ctx, annotations, scales) => {
           textY = centerY;
           break;
       }
-      ctx.fillText(content, textX, textY);
-      ctx.restore();
+      ctx == null ? void 0 : ctx.fillText(content, textX, textY);
+      ctx == null ? void 0 : ctx.restore();
     }
   });
 };
@@ -26255,9 +26255,9 @@ const annotationDraggerPlugin = {
     if (!annotations)
       return;
     annotationLabel(
-      chart2.ctx,
+      chart2 == null ? void 0 : chart2.ctx,
       annotations,
-      chart2.scales
+      chart2 == null ? void 0 : chart2.scales
     );
     const pluginOptions = ((_d2 = (_c2 = chart2 == null ? void 0 : chart2.options) == null ? void 0 : _c2.plugins) == null ? void 0 : _d2.annotationDraggerPlugin) || {
       enabled: false
@@ -26281,14 +26281,14 @@ const annotationDraggerPlugin = {
     }
   },
   afterUpdate(chart2) {
-    var _a2, _b2, _c2, _d2;
+    var _a2, _b2, _c2, _d2, _e2, _f2;
     const { canvas: canvas2, scales, hoveredAnnotationId } = chart2;
     const pluginOptions = ((_b2 = (_a2 = chart2 == null ? void 0 : chart2.options) == null ? void 0 : _a2.plugins) == null ? void 0 : _b2.annotationDraggerPlugin) || {
       enabled: false
     };
     const typedScales = { x: scales.x, y: scales.y };
-    let annotations = ((_d2 = (_c2 = chart2.options.plugins) == null ? void 0 : _c2.annotation) == null ? void 0 : _d2.annotations) ?? {};
-    if (!chart2 && !annotations)
+    let annotations = ((_e2 = (_d2 = (_c2 = chart2 == null ? void 0 : chart2.options) == null ? void 0 : _c2.plugins) == null ? void 0 : _d2.annotation) == null ? void 0 : _e2.annotations) ?? {};
+    if (!chart2 || !annotations)
       return;
     let isDragging2 = false;
     let dragStartX, dragStartY;
@@ -26301,38 +26301,41 @@ const annotationDraggerPlugin = {
         dragStartY = startY;
       }
     };
-    if (canvas2 && !canvas2.dataset.annotationDraggerInitialized && pluginOptions.enabled && hoveredAnnotationId) {
-      canvas2 == null ? void 0 : canvas2.addEventListener(MouseEvents.MOUSEDOWN, (event) => {
-        var _a3, _b3, _c3;
-        handleAnnotationMouseDown(
-          event,
-          canvas2,
-          typedScales,
-          (_c3 = (_b3 = (_a3 = chart2 == null ? void 0 : chart2.options) == null ? void 0 : _a3.plugins) == null ? void 0 : _b3.annotation) == null ? void 0 : _c3.annotations,
-          setDraggingState,
-          chart2.hoveredAnnotationId
-        );
-      });
-      canvas2 == null ? void 0 : canvas2.addEventListener(MouseEvents.MOUSEMOVE, (event) => {
-        handleAnnotationMouseMove(
-          event,
-          canvas2,
-          typedScales,
-          isDragging2,
-          activeAnnotation,
-          dragStartX,
-          dragStartY,
-          chart2
-        );
-      });
-      canvas2 == null ? void 0 : canvas2.addEventListener(MouseEvents.MOUSEUP, () => {
-        handleAnnotationMouseUp(
-          isDragging2,
-          activeAnnotation,
-          chart2,
-          setDraggingState
-        );
-      });
+    if (!((_f2 = canvas2 == null ? void 0 : canvas2.dataset) == null ? void 0 : _f2.annotationDraggerInitialized) && (pluginOptions == null ? void 0 : pluginOptions.enabled) && hoveredAnnotationId) {
+      if (!isNil(canvas2)) {
+        console.log(cloneDeep(canvas2));
+        canvas2 == null ? void 0 : canvas2.addEventListener(MouseEvents.MOUSEDOWN, (event) => {
+          var _a3, _b3, _c3;
+          handleAnnotationMouseDown(
+            event,
+            canvas2,
+            typedScales,
+            (_c3 = (_b3 = (_a3 = chart2 == null ? void 0 : chart2.options) == null ? void 0 : _a3.plugins) == null ? void 0 : _b3.annotation) == null ? void 0 : _c3.annotations,
+            setDraggingState,
+            chart2.hoveredAnnotationId
+          );
+        });
+        canvas2 == null ? void 0 : canvas2.addEventListener(MouseEvents.MOUSEMOVE, (event) => {
+          handleAnnotationMouseMove(
+            event,
+            canvas2,
+            typedScales,
+            isDragging2,
+            activeAnnotation,
+            dragStartX,
+            dragStartY,
+            chart2
+          );
+        });
+        canvas2 == null ? void 0 : canvas2.addEventListener(MouseEvents.MOUSEUP, () => {
+          handleAnnotationMouseUp(
+            isDragging2,
+            activeAnnotation,
+            chart2,
+            setDraggingState
+          );
+        });
+      }
       canvas2.dataset.annotationDraggerInitialized = "true";
     }
     if (!pluginOptions.enabled) {