@oliasoft-open-source/charts-library 4.3.3-beta-9 → 4.3.3-beta-10

package/dist/index.js

@@ -26212,11 +26212,10 @@ const handleAnnotationMouseUp = (isDragging2, activeAnnotation, chart2, setDragg
         chart2.canvas.style.cursor = CursorStyle.Pointer;
       }
     }
+    console.log("chart?.canvas MOUSE UP", chart2 == null ? void 0 : chart2.canvas);
     if (chart2 == null ? void 0 : chart2.canvas) {
       setDraggingState(false, null);
       chart2 == null ? void 0 : chart2.update();
-    } else {
-      console.error("Canvas is not available during mouse up");
     }
   }
 };
@@ -26284,13 +26283,12 @@ const annotationDraggerPlugin = {
     }
   },
   afterRender(chart2) {
-    var _a2, _b2, _c2, _d2, _e2, _f2, _g2;
-    const { canvas: canvas2, scales, hoveredAnnotationId } = chart2;
+    var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2, _l2;
     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 = ((_e2 = (_d2 = (_c2 = chart2 == null ? void 0 : chart2.options) == null ? void 0 : _c2.plugins) == null ? void 0 : _d2.annotation) == null ? void 0 : _e2.annotations) ?? {};
+    const typedScales = { x: (_c2 = chart2 == null ? void 0 : chart2.scales) == null ? void 0 : _c2.x, y: (_d2 = chart2 == null ? void 0 : chart2.scales) == null ? void 0 : _d2.y };
+    let annotations = ((_g2 = (_f2 = (_e2 = chart2 == null ? void 0 : chart2.options) == null ? void 0 : _e2.plugins) == null ? void 0 : _f2.annotation) == null ? void 0 : _g2.annotations) ?? {};
     if (!annotations)
       return;
     let isDragging2 = false;
@@ -26304,39 +26302,45 @@ const annotationDraggerPlugin = {
         dragStartY = startY;
       }
     };
-    if (!((_f2 = canvas2 == null ? void 0 : canvas2.dataset) == null ? void 0 : _f2.annotationDraggerInitialized) && (pluginOptions == null ? void 0 : pluginOptions.enabled) && hoveredAnnotationId) {
+    if (!((_i2 = (_h2 = chart2 == null ? void 0 : chart2.canvas) == null ? void 0 : _h2.dataset) == null ? void 0 : _i2.annotationDraggerInitialized) && (pluginOptions == null ? void 0 : pluginOptions.enabled) && (chart2 == null ? void 0 : chart2.hoveredAnnotationId)) {
       console.group("Condition");
-      console.log("addEventListener", (_g2 = chart2 == null ? void 0 : chart2.canvas) == null ? void 0 : _g2.addEventListener);
-      console.log("nil", !isNil(canvas2));
-      console.log("isEmpty", !isEmpty(canvas2));
-      console.log("isFunction", isFunction$2(canvas2.addEventListener));
+      console.log("addEventListener", (_j2 = chart2 == null ? void 0 : chart2.canvas) == null ? void 0 : _j2.addEventListener);
+      console.log("nil", !isNil(chart2 == null ? void 0 : chart2.canvas));
+      console.log("isEmpty", !isEmpty(chart2 == null ? void 0 : chart2.canvas));
+      console.log("isFunction", isFunction$2(chart2 == null ? void 0 : chart2.canvas.addEventListener));
       console.groupEnd();
-      if (!isNil(canvas2) && !isEmpty(canvas2) && isFunction$2(canvas2.addEventListener)) {
-        console.log("Canvas exists and has addEventListener:", canvas2);
-        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.addEventListener(MouseEvents.MOUSEMOVE, (event) => {
-          handleAnnotationMouseMove(
-            event,
-            canvas2,
-            typedScales,
-            isDragging2,
-            activeAnnotation,
-            dragStartX,
-            dragStartY,
-            chart2
-          );
-        });
-        canvas2.addEventListener(MouseEvents.MOUSEUP, () => {
+      if (!isNil(chart2 == null ? void 0 : chart2.canvas) && !isEmpty(chart2 == null ? void 0 : chart2.canvas) && isFunction$2(chart2 == null ? void 0 : chart2.canvas.addEventListener)) {
+        console.log("Canvas exists and has addEventListener:", chart2 == null ? void 0 : chart2.canvas);
+        (_k2 = chart2 == null ? void 0 : chart2.canvas) == null ? void 0 : _k2.addEventListener(
+          MouseEvents.MOUSEDOWN,
+          (event) => {
+            var _a3, _b3, _c3;
+            handleAnnotationMouseDown(
+              event,
+              chart2 == null ? void 0 : chart2.canvas,
+              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
+            );
+          }
+        );
+        (_l2 = chart2 == null ? void 0 : chart2.canvas) == null ? void 0 : _l2.addEventListener(
+          MouseEvents.MOUSEMOVE,
+          (event) => {
+            handleAnnotationMouseMove(
+              event,
+              chart2 == null ? void 0 : chart2.canvas,
+              typedScales,
+              isDragging2,
+              activeAnnotation,
+              dragStartX,
+              dragStartY,
+              chart2
+            );
+          }
+        );
+        chart2 == null ? void 0 : chart2.canvas.addEventListener(MouseEvents.MOUSEUP, () => {
           handleAnnotationMouseUp(
             isDragging2,
             activeAnnotation,
@@ -26344,24 +26348,24 @@ const annotationDraggerPlugin = {
             setDraggingState
           );
         });
-        canvas2.dataset.annotationDraggerInitialized = "true";
+        chart2.canvas.dataset.annotationDraggerInitialized = "true";
       } else {
         console.error(
           "Canvas is null, empty, or does not support addEventListener:",
-          canvas2
+          chart2 == null ? void 0 : chart2.canvas
         );
       }
     }
     if (!pluginOptions.enabled) {
-      if (canvas2 && isFunction$2(canvas2.removeEventListener)) {
-        console.log("Removing event listeners from canvas:", canvas2);
-        canvas2.removeEventListener(MouseEvents.MOUSEDOWN, () => {
+      if ((chart2 == null ? void 0 : chart2.canvas) && isFunction$2(chart2 == null ? void 0 : chart2.canvas.removeEventListener)) {
+        console.log("Removing event listeners from canvas:", chart2 == null ? void 0 : chart2.canvas);
+        chart2 == null ? void 0 : chart2.canvas.removeEventListener(MouseEvents.MOUSEDOWN, () => {
         });
-        canvas2.removeEventListener(MouseEvents.MOUSEMOVE, () => {
+        chart2 == null ? void 0 : chart2.canvas.removeEventListener(MouseEvents.MOUSEMOVE, () => {
         });
-        canvas2.removeEventListener(MouseEvents.MOUSEUP, () => {
+        chart2 == null ? void 0 : chart2.canvas.removeEventListener(MouseEvents.MOUSEUP, () => {
         });
-        canvas2.dataset.annotationDraggerInitialized = "";
+        chart2.canvas.dataset.annotationDraggerInitialized = "";
       }
     }
   }