@oliasoft-open-source/charts-library 3.4.3 → 3.4.5-beta-1

package/dist/index.js

@@ -13161,7 +13161,9 @@ const ANNOTATION_DASH = [10, 2];
 const DEFAULT_FONT_SIZE = 13;
 const DEFAULT_FONT_FAMILY = '"Lato", sans-serif';
 const DEFAULT_COLOR = "rgba(0,0,0,.87)";
-const LEGEND_LABEL_BOX_SIZE = 6;
+const LEGEND_LABEL_BOX_SIZE = 12;
+const TOOLTIP_PADDING = 8;
+const TOOLTIP_BOX_PADDING = 4;
 const LOGARITHMIC_STEPS = [1, 10, 100, 1e3, 1e4];
 const COLORS = [
   "#3366cc",
@@ -22087,6 +22089,9 @@ const reducer$1 = (state, action) => {
         if (draft.zoomEnabled) {
           draft.zoomEnabled = false;
         }
+        if (draft.enableDragPoints) {
+          draft.enableDragPoints = false;
+        }
         break;
       }
       case TOGGLE_POINTS: {
@@ -25089,7 +25094,7 @@ const getLineChartToolTips = (options) => {
     return `${roundedValue} ${titleAxisLabel}`;
   };
   const labelCallback = (tooltipItem) => {
-    const { showLabelsInTooltips, hideSimulationName } = options.tooltip;
+    const { showLabelsInTooltips } = options.tooltip;
     let label = tooltipItem.dataset.label || "";
     const labels = getTooltipLabels(tooltipItem.dataset);
     const { valueLabel, valueAxisLabel } = labels;
@@ -25100,18 +25105,25 @@ const getLineChartToolTips = (options) => {
         roundScientificCoefficient: 4
       }) : displayNumber(labelNumber);
     };
-    const splitValueAxisLabel = valueAxisLabel.split(" ");
-    const newValueAxisLabel = hideSimulationName ? splitValueAxisLabel[splitValueAxisLabel.length - 1] : valueAxisLabel;
+    const getTooltipItemUnits = () => {
+      const matches = valueAxisLabel.match(/\[(.*?)\]/g);
+      const units2 = matches && matches.length > 0 ? matches[0] : "";
+      return units2;
+    };
     const tooltipItemValue = getTooltipItemValue();
-    const valAxisLabel = label === valueAxisLabel || valueAxisLabel.includes(label) ? "" : newValueAxisLabel;
+    const units = getTooltipItemUnits();
     const tooltipLabel = getTooltipLabel(tooltipItem, showLabelsInTooltips);
-    return `${label}: ${tooltipItemValue} ${valAxisLabel}${tooltipLabel}`;
+    return `${label}: ${tooltipItemValue} ${units} ${tooltipLabel}`;
   };
   return {
     enabled: options.tooltip.tooltips,
     mode: ChartHoverMode.Nearest,
     intersect: true,
-    padding: 8,
+    padding: TOOLTIP_PADDING,
+    usePointStyle: true,
+    boxWidth: LEGEND_LABEL_BOX_SIZE,
+    boxHeight: LEGEND_LABEL_BOX_SIZE,
+    boxPadding: TOOLTIP_BOX_PADDING,
     callbacks: {
       title: titleCallback,
       label: labelCallback,
@@ -26093,7 +26105,12 @@ const PieChart = (props) => {
           const formattedValue = Math.abs(labelValue) < 1 ? roundNumberToPrecision(labelValue, { n: 3 }) : round$2(labelValue, 3);
           return `${dataLabel} ${formattedValue} ${unit}`;
         }
-      }
+      },
+      padding: TOOLTIP_PADDING,
+      boxWidth: LEGEND_LABEL_BOX_SIZE,
+      boxHeight: LEGEND_LABEL_BOX_SIZE,
+      boxPadding: TOOLTIP_BOX_PADDING,
+      usePointStyle: true
     };
   };
   return /* @__PURE__ */ jsx(
@@ -38771,7 +38788,10 @@ const getBarChartToolTips = (options) => {
     enabled: options.tooltip.tooltips,
     mode: ChartHoverMode.Nearest,
     intersect: true,
-    padding: 8,
+    padding: TOOLTIP_PADDING,
+    boxWidth: LEGEND_LABEL_BOX_SIZE,
+    boxHeight: LEGEND_LABEL_BOX_SIZE,
+    boxPadding: TOOLTIP_BOX_PADDING,
     callbacks: {
       title: titleCallback,
       label: labelCallback,