@oliasoft-open-source/charts-library 4.3.0-beta-3 → 4.3.0-beta-4

package/dist/index.js

@@ -22218,6 +22218,9 @@ const reducer$1 = (state, action) => {
         if (draft.enableDragPoints) {
           draft.enableDragPoints = false;
         }
+        if (draft.enableDragAnnotation) {
+          draft.enableDragAnnotation = false;
+        }
         break;
       }
       case TOGGLE_PAN: {
@@ -22228,6 +22231,9 @@ const reducer$1 = (state, action) => {
         if (draft.enableDragPoints) {
           draft.enableDragPoints = false;
         }
+        if (draft.enableDragAnnotation) {
+          draft.enableDragAnnotation = false;
+        }
         break;
       }
       case TOGGLE_POINTS: {
@@ -22272,6 +22278,9 @@ const reducer$1 = (state, action) => {
         if (draft.zoomEnabled) {
           draft.zoomEnabled = false;
         }
+        if (draft.enableDragAnnotation) {
+          draft.enableDragAnnotation = false;
+        }
         break;
       }
       case TOGGLE_DRAG_ANNOTATION: {
@@ -22285,7 +22294,8 @@ const reducer$1 = (state, action) => {
         break;
       }
       case DISABLE_DRAG_OPTIONS: {
-        if (draft.enableDragPoints || draft.panEnabled || draft.zoomEnabled) {
+        if (draft.enableDragAnnotation || draft.enableDragPoints || draft.panEnabled || draft.zoomEnabled) {
+          draft.enableDragAnnotation = false;
           draft.enableDragPoints = false;
           draft.panEnabled = false;
           draft.zoomEnabled = false;
@@ -22469,6 +22479,7 @@ const DEFAULT_COLOR = "hsl(60, 10.34482759%, 12.5%)";
 const LEGEND_LABEL_BOX_SIZE = 12;
 const TOOLTIP_PADDING = 8;
 const TOOLTIP_BOX_PADDING = 4;
+const TRANSPARENT = "transparent";
 const LOGARITHMIC_STEPS = [1, 10, 100, 1e3, 1e4];
 const COLORS = [
   "#3366cc",
@@ -25397,9 +25408,14 @@ const generateAnnotations = (annotationsData) => {
       [AnnotationType.LINE]: color2,
       [AnnotationType.POINT]: color2,
       [AnnotationType.BOX]: color2
-    }[type] || "transparent";
+    }[type] || TRANSPARENT;
     const borderWidth = type === AnnotationType.LINE ? BORDER_WIDTH.INITIAL : 0;
     const borderDash = type === AnnotationType.LINE ? ANNOTATION_DASH : void 0;
+    const defLabel = {
+      content: ann == null ? void 0 : ann.label,
+      display: true,
+      font: { weight: "normal" }
+    };
     const label = {
       [AnnotationType.LINE]: {
         backgroundColor: color2,
@@ -25408,23 +25424,20 @@ const generateAnnotations = (annotationsData) => {
         position: Position.Top
       },
       [AnnotationType.POINT]: {
-        backgroundColor: ((_a2 = ann == null ? void 0 : ann.labelConfig) == null ? void 0 : _a2.backgroundColor) ?? "transparent",
+        backgroundColor: ((_a2 = ann == null ? void 0 : ann.labelConfig) == null ? void 0 : _a2.backgroundColor) ?? TRANSPARENT,
         content: ann == null ? void 0 : ann.label,
         display: !!(ann == null ? void 0 : ann.label),
         position: ((_b2 = ann == null ? void 0 : ann.labelConfig) == null ? void 0 : _b2.position) ?? Position.Bottom,
-        color: ((_c2 = ann == null ? void 0 : ann.labelConfig) == null ? void 0 : _c2.color) ?? "black",
-        font: ((_d2 = ann == null ? void 0 : ann.labelConfig) == null ? void 0 : _d2.font) ?? `bold 12px ${DEFAULT_FONT_FAMILY}`,
+        color: ((_c2 = ann == null ? void 0 : ann.labelConfig) == null ? void 0 : _c2.color) ?? DEFAULT_COLOR,
+        font: ((_d2 = ann == null ? void 0 : ann.labelConfig) == null ? void 0 : _d2.font) ?? `12px ${DEFAULT_FONT_FAMILY}`,
         borderWidth: BORDER_WIDTH.INITIAL,
         padding: 5,
         borderRadius: 3,
-        borderColor: ((_e2 = ann == null ? void 0 : ann.labelConfig) == null ? void 0 : _e2.borderColor) ?? "transparent"
+        borderColor: ((_e2 = ann == null ? void 0 : ann.labelConfig) == null ? void 0 : _e2.borderColor) ?? TRANSPARENT
       },
-      [AnnotationType.BOX]: {
-        content: ann == null ? void 0 : ann.label,
-        display: true,
-        font: { weight: "normal" }
-      }
-    }[type] || "transparent";
+      [AnnotationType.BOX]: defLabel,
+      [AnnotationType.ELLIPSE]: defLabel
+    }[type] || defLabel;
     const enter = ({
       element
     }, {
@@ -26183,7 +26196,6 @@ 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) ?? {};
-      console.log(cloneDeep(annotation2));
       ctx.save();
       ctx.font = font;
       ctx.fillStyle = color2;