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

package/dist/index.js

@@ -26514,7 +26514,6 @@ 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;
@@ -26540,7 +26539,6 @@ 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;
     }
@@ -26617,26 +26615,6 @@ const handleAnnotationMouseMove = (event, canvas2, scales, isDragging2, activeAn
     }
   }
 };
-const handleAnnotationMouseUp = (isDragging2, activeAnnotation, chart2, canvas2, setDraggingState) => {
-  if (isDragging2) {
-    if (activeAnnotation) {
-      const annotationId = activeAnnotation == null ? void 0 : activeAnnotation.id;
-      setAnnotationBorderWidth(chart2, annotationId, BORDER_WIDTH.ZERO);
-      const { centerX = -1, centerY = -1 } = calculateAnnotationMetricsInValues(activeAnnotation) ?? {};
-      if (activeAnnotation == null ? void 0 : activeAnnotation.onDragEnd) {
-        activeAnnotation.onDragEnd(
-          { x: centerX, y: centerY },
-          activeAnnotation
-        );
-      }
-      console.log("Chart", chart2);
-      console.log("canvas", canvas2);
-      console.log("canvas.ownerDocument", canvas2.ownerDocument);
-      setDraggingState(false, null);
-      chart2.update();
-    }
-  }
-};
 const annotationLabel = (ctx, annotations, scales) => {
   Object.values(annotations).forEach((annotation2) => {
     var _a2;
@@ -26676,7 +26654,7 @@ const annotationLabel = (ctx, annotations, scales) => {
 const annotationDraggerPlugin = {
   id: "annotationDraggerPlugin",
   beforeDraw(chart2) {
-    var _a2, _b2;
+    var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2;
     let annotations = ((_b2 = (_a2 = chart2.options.plugins) == null ? void 0 : _a2.annotation) == null ? void 0 : _b2.annotations) ?? {};
     if (!annotations) return;
     annotationLabel(
@@ -26684,9 +26662,29 @@ 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;
+    var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2;
     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
@@ -26694,6 +26692,23 @@ 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;
@@ -26734,14 +26749,7 @@ const annotationDraggerPlugin = {
         handleAnnotationMouseMoveDebounce();
       });
       canvas2.addEventListener(MouseEvents.MOUSEUP, (event) => {
-        const canvasEvent = event.currentTarget;
-        handleAnnotationMouseUp(
-          isDragging2,
-          activeAnnotation,
-          chart2,
-          canvasEvent,
-          setDraggingState
-        );
+        event.currentTarget;
       });
       canvas2.dataset.annotationDraggerInitialized = "true";
     }