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

package/dist/index.js

@@ -11,7 +11,7 @@ import { produce } from "immer";
 import { round as round$2, displayNumber, isCloseTo, roundByMagnitude } from "@oliasoft-open-source/units";
 import cx from "classnames";
 import { Icon, Tooltip as Tooltip$2, Button, Flex, Text, Menu, Popover, Field, InputGroup, NumberInput, InputGroupAddon, Select, ButtonGroup, Spacer, Portal } from "@oliasoft-open-source/react-ui-library";
-import { isEmpty, isArray as isArray$2, some, has, cloneDeep, defaultTo, findIndex, set as set$2, isNil, debounce as debounce$3, map as map$3, find, get as get$1, values } from "lodash";
+import { isEmpty, isArray as isArray$2, some, has, cloneDeep, defaultTo, findIndex, set as set$2, isNil, debounce as debounce$3, isFunction as isFunction$2, map as map$3, find, get as get$1, values } from "lodash";
 import { roundNumberToPrecision } from "@oliasoft-open-source/units/dist/rounding/rounding";
 /*!
  * @kurkle/color v0.3.2
@@ -26170,7 +26170,6 @@ const handleAnnotationMouseMove = (event, canvas2, scales, isDragging2, activeAn
         activeAnnotation.yMax = newCenterY + metrics.height / 2;
       }
     }
-    chart2 == null ? void 0 : chart2.update();
     if (activeAnnotation == null ? void 0 : activeAnnotation.onDrag) {
       activeAnnotation.onDrag({ x: x2, y: y2 }, cloneDeep(activeAnnotation));
     }
@@ -26212,9 +26211,13 @@ const handleAnnotationMouseUp = (isDragging2, activeAnnotation, chart2, setDragg
       if (!isNil((_b2 = (_a2 = chart2 == null ? void 0 : chart2.canvas) == null ? void 0 : _a2.style) == null ? void 0 : _b2.cursor)) {
         chart2.canvas.style.cursor = CursorStyle.Pointer;
       }
+    }
+    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");
     }
-    chart2 == null ? void 0 : chart2.update();
   }
 };
 const annotationLabel = (ctx, annotations, scales) => {
@@ -26280,10 +26283,9 @@ const annotationDraggerPlugin = {
       };
     }
   },
-  afterUpdate(chart2) {
-    var _a2, _b2, _c2, _d2, _e2, _f2;
+  afterRender(chart2) {
+    var _a2, _b2, _c2, _d2, _e2, _f2, _g2;
     const { canvas: canvas2, scales, hoveredAnnotationId } = chart2;
-    console.log(chart2);
     const pluginOptions = ((_b2 = (_a2 = chart2 == null ? void 0 : chart2.options) == null ? void 0 : _a2.plugins) == null ? void 0 : _b2.annotationDraggerPlugin) || {
       enabled: false
     };
@@ -26303,9 +26305,15 @@ const annotationDraggerPlugin = {
       }
     };
     if (!((_f2 = canvas2 == null ? void 0 : canvas2.dataset) == null ? void 0 : _f2.annotationDraggerInitialized) && (pluginOptions == null ? void 0 : pluginOptions.enabled) && hoveredAnnotationId) {
-      if (!isNil(canvas2) && !isEmpty(canvas2) && (canvas2 == null ? void 0 : canvas2.addEventListener)) {
-        console.log(cloneDeep(canvas2));
-        canvas2 == null ? void 0 : canvas2.addEventListener(MouseEvents.MOUSEDOWN, (event) => {
+      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.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,
@@ -26316,7 +26324,7 @@ const annotationDraggerPlugin = {
             chart2.hoveredAnnotationId
           );
         });
-        canvas2 == null ? void 0 : canvas2.addEventListener(MouseEvents.MOUSEMOVE, (event) => {
+        canvas2.addEventListener(MouseEvents.MOUSEMOVE, (event) => {
           handleAnnotationMouseMove(
             event,
             canvas2,
@@ -26328,7 +26336,7 @@ const annotationDraggerPlugin = {
             chart2
           );
         });
-        canvas2 == null ? void 0 : canvas2.addEventListener(MouseEvents.MOUSEUP, () => {
+        canvas2.addEventListener(MouseEvents.MOUSEUP, () => {
           handleAnnotationMouseUp(
             isDragging2,
             activeAnnotation,
@@ -26336,17 +26344,25 @@ const annotationDraggerPlugin = {
             setDraggingState
           );
         });
+        canvas2.dataset.annotationDraggerInitialized = "true";
+      } else {
+        console.error(
+          "Canvas is null, empty, or does not support addEventListener:",
+          canvas2
+        );
       }
-      canvas2.dataset.annotationDraggerInitialized = "true";
     }
     if (!pluginOptions.enabled) {
-      canvas2 == null ? void 0 : canvas2.removeEventListener(MouseEvents.MOUSEDOWN, () => {
-      });
-      canvas2 == null ? void 0 : canvas2.removeEventListener(MouseEvents.MOUSEMOVE, () => {
-      });
-      canvas2 == null ? void 0 : canvas2.removeEventListener(MouseEvents.MOUSEUP, () => {
-      });
-      canvas2.dataset.annotationDraggerInitialized = "";
+      if (canvas2 && isFunction$2(canvas2.removeEventListener)) {
+        console.log("Removing event listeners from canvas:", canvas2);
+        canvas2.removeEventListener(MouseEvents.MOUSEDOWN, () => {
+        });
+        canvas2.removeEventListener(MouseEvents.MOUSEMOVE, () => {
+        });
+        canvas2.removeEventListener(MouseEvents.MOUSEUP, () => {
+        });
+        canvas2.dataset.annotationDraggerInitialized = "";
+      }
     }
   }
 };