@oliasoft-open-source/charts-library 4.7.7-beta-4 → 4.7.7-beta-6

package/dist/index.js

@@ -26514,6 +26514,7 @@ const setAnnotationBorderWidth = (chart2, annotationId, borderWidth) => {
   }
 };
 const handleAnnotationMouseDown = (event, canvas2, scales, annotations, setDraggingState, hoveredAnnotationId) => {
+  console.log("canvas - handleAnnotationMouseDown", canvas2);
   const annotation2 = hoveredAnnotationId ? annotations == null ? void 0 : annotations[hoveredAnnotationId] : null;
   if (!annotation2) return;
   const { xScaleID = "x", yScaleID = "y" } = annotation2;
@@ -26539,6 +26540,7 @@ const handleAnnotationMouseDown = (event, canvas2, scales, annotations, setDragg
 };
 const handleAnnotationMouseMove = (event, canvas2, scales, isDragging2, activeAnnotation, dragStartX, dragStartY, chart2) => {
   if (isDragging2 && activeAnnotation) {
+    console.log("canvas - handleAnnotationMouseMove", canvas2);
     if (!isNil(canvas2) && !isNil(canvas2.style)) {
       canvas2.style.cursor = CursorStyle.Move;
     }
@@ -26629,12 +26631,10 @@ const handleAnnotationMouseUp = (isDragging2, activeAnnotation, chart2, canvas2,
       }
       console.log("Chart", chart2);
       console.log("canvas", canvas2);
-      if (!isNil(canvas2) && !isNil(canvas2.style)) {
-        canvas2.style.cursor = CursorStyle.Pointer;
-      }
+      console.log("canvas.ownerDocument", canvas2.ownerDocument);
       setDraggingState(false, null);
+      chart2.update();
     }
-    chart2.update();
   }
 };
 const annotationLabel = (ctx, annotations, scales) => {
@@ -26676,7 +26676,7 @@ const annotationLabel = (ctx, annotations, scales) => {
 const annotationDraggerPlugin = {
   id: "annotationDraggerPlugin",
   beforeDraw(chart2) {
-    var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2;
+    var _a2, _b2;
     let annotations = ((_b2 = (_a2 = chart2.options.plugins) == null ? void 0 : _a2.annotation) == null ? void 0 : _b2.annotations) ?? {};
     if (!annotations) return;
     annotationLabel(
@@ -26684,29 +26684,9 @@ const annotationDraggerPlugin = {
       annotations,
       chart2.scales
     );
-    const pluginOptions = ((_d2 = (_c2 = chart2 == null ? void 0 : chart2.options) == null ? void 0 : _c2.plugins) == null ? void 0 : _d2.annotationDraggerPlugin) || {
-      enabled: false
-    };
-    if (pluginOptions.enabled) {
-      if ((_f2 = (_e2 = chart2 == null ? void 0 : chart2.options) == null ? void 0 : _e2.plugins) == null ? void 0 : _f2.tooltip) {
-        chart2.options.plugins.tooltip.enabled = false;
-      }
-      chart2.options.hover = {
-        mode: void 0,
-        intersect: false
-      };
-    } else {
-      if ((_h2 = (_g2 = chart2 == null ? void 0 : chart2.options) == null ? void 0 : _g2.plugins) == null ? void 0 : _h2.tooltip) {
-        chart2.options.plugins.tooltip.enabled = true;
-      }
-      chart2.options.hover = {
-        mode: ChartHoverMode.Nearest,
-        intersect: true
-      };
-    }
   },
   afterUpdate(chart2) {
-    var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2;
+    var _a2, _b2, _c2, _d2;
     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
@@ -26714,23 +26694,6 @@ const annotationDraggerPlugin = {
     const typedScales = { ...scales, 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) return;
-    if (pluginOptions.enabled) {
-      if ((_f2 = (_e2 = chart2 == null ? void 0 : chart2.options) == null ? void 0 : _e2.plugins) == null ? void 0 : _f2.tooltip) {
-        chart2.options.plugins.tooltip.enabled = false;
-      }
-      chart2.options.hover = {
-        mode: void 0,
-        intersect: false
-      };
-    } else {
-      if ((_h2 = (_g2 = chart2 == null ? void 0 : chart2.options) == null ? void 0 : _g2.plugins) == null ? void 0 : _h2.tooltip) {
-        chart2.options.plugins.tooltip.enabled = true;
-      }
-      chart2.options.hover = {
-        mode: ChartHoverMode.Nearest,
-        intersect: true
-      };
-    }
     let isDragging2 = false;
     let dragStartX, dragStartY;
     let activeAnnotation = null;
@@ -26770,12 +26733,13 @@ const annotationDraggerPlugin = {
         );
         handleAnnotationMouseMoveDebounce();
       });
-      canvas2.addEventListener(MouseEvents.MOUSEUP, () => {
+      canvas2.addEventListener(MouseEvents.MOUSEUP, (event) => {
+        const canvasEvent = event.currentTarget;
         handleAnnotationMouseUp(
           isDragging2,
           activeAnnotation,
           chart2,
-          canvas2,
+          canvasEvent,
           setDraggingState
         );
       });