@oliasoft-open-source/charts-library 3.7.0-beta-3 → 3.7.0

package/dist/index.js

@@ -4,12 +4,12 @@ var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
-var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r;
+var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q;
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import React, { forwardRef, useRef, useEffect, createContext as createContext$2, memo, useLayoutEffect, useState, useCallback, useMemo, isValidElement, cloneElement, useContext, useReducer } from "react";
+import { produce } from "immer";
 import { round as round$2, displayNumber, isCloseTo, roundByMagnitude, toNum } from "@oliasoft-open-source/units";
 import cx from "classnames";
-import { produce } from "immer";
 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, debounce as debounce$3, isEqual } from "lodash";
 import { roundNumberToPrecision } from "@oliasoft-open-source/units/dist/rounding/rounding";
@@ -4914,130 +4914,6 @@ let PieController$1 = (_e = class extends DoughnutController$1 {
   circumference: 360,
   radius: "100%"
 }), _e);
-let ScatterController$1 = (_f = class extends DatasetController$1 {
-  getLabelAndValue(index2) {
-    const meta = this._cachedMeta;
-    const labels = this.chart.data.labels || [];
-    const { xScale, yScale } = meta;
-    const parsed = this.getParsed(index2);
-    const x2 = xScale.getLabelForValue(parsed.x);
-    const y2 = yScale.getLabelForValue(parsed.y);
-    return {
-      label: labels[index2] || "",
-      value: "(" + x2 + ", " + y2 + ")"
-    };
-  }
-  update(mode) {
-    const meta = this._cachedMeta;
-    const { data: points = [] } = meta;
-    const animationsDisabled = this.chart._animationsDisabled;
-    let { start, count } = _getStartAndCountOfVisiblePoints$1(meta, points, animationsDisabled);
-    this._drawStart = start;
-    this._drawCount = count;
-    if (_scaleRangesChanged$1(meta)) {
-      start = 0;
-      count = points.length;
-    }
-    if (this.options.showLine) {
-      if (!this.datasetElementType) {
-        this.addElements();
-      }
-      const { dataset: line, _dataset } = meta;
-      line._chart = this.chart;
-      line._datasetIndex = this.index;
-      line._decimated = !!_dataset._decimated;
-      line.points = points;
-      const options = this.resolveDatasetElementOptions(mode);
-      options.segment = this.options.segment;
-      this.updateElement(line, void 0, {
-        animated: !animationsDisabled,
-        options
-      }, mode);
-    } else if (this.datasetElementType) {
-      delete meta.dataset;
-      this.datasetElementType = false;
-    }
-    this.updateElements(points, start, count, mode);
-  }
-  addElements() {
-    const { showLine } = this.options;
-    if (!this.datasetElementType && showLine) {
-      this.datasetElementType = this.chart.registry.getElement("line");
-    }
-    super.addElements();
-  }
-  updateElements(points, start, count, mode) {
-    const reset = mode === "reset";
-    const { iScale, vScale, _stacked, _dataset } = this._cachedMeta;
-    const firstOpts = this.resolveDataElementOptions(start, mode);
-    const sharedOptions = this.getSharedOptions(firstOpts);
-    const includeOptions = this.includeOptions(mode, sharedOptions);
-    const iAxis = iScale.axis;
-    const vAxis = vScale.axis;
-    const { spanGaps, segment } = this.options;
-    const maxGapLength = isNumber$1(spanGaps) ? spanGaps : Number.POSITIVE_INFINITY;
-    const directUpdate = this.chart._animationsDisabled || reset || mode === "none";
-    let prevParsed = start > 0 && this.getParsed(start - 1);
-    for (let i2 = start; i2 < start + count; ++i2) {
-      const point = points[i2];
-      const parsed = this.getParsed(i2);
-      const properties = directUpdate ? point : {};
-      const nullData = isNullOrUndef$1(parsed[vAxis]);
-      const iPixel = properties[iAxis] = iScale.getPixelForValue(parsed[iAxis], i2);
-      const vPixel = properties[vAxis] = reset || nullData ? vScale.getBasePixel() : vScale.getPixelForValue(_stacked ? this.applyStack(vScale, parsed, _stacked) : parsed[vAxis], i2);
-      properties.skip = isNaN(iPixel) || isNaN(vPixel) || nullData;
-      properties.stop = i2 > 0 && Math.abs(parsed[iAxis] - prevParsed[iAxis]) > maxGapLength;
-      if (segment) {
-        properties.parsed = parsed;
-        properties.raw = _dataset.data[i2];
-      }
-      if (includeOptions) {
-        properties.options = sharedOptions || this.resolveDataElementOptions(i2, point.active ? "active" : mode);
-      }
-      if (!directUpdate) {
-        this.updateElement(point, i2, properties, mode);
-      }
-      prevParsed = parsed;
-    }
-    this.updateSharedOptions(sharedOptions, mode, firstOpts);
-  }
-  getMaxOverflow() {
-    const meta = this._cachedMeta;
-    const data = meta.data || [];
-    if (!this.options.showLine) {
-      let max = 0;
-      for (let i2 = data.length - 1; i2 >= 0; --i2) {
-        max = Math.max(max, data[i2].size(this.resolveDataElementOptions(i2)) / 2);
-      }
-      return max > 0 && max;
-    }
-    const dataset = meta.dataset;
-    const border = dataset.options && dataset.options.borderWidth || 0;
-    if (!data.length) {
-      return border;
-    }
-    const firstPoint = data[0].size(this.resolveDataElementOptions(0));
-    const lastPoint = data[data.length - 1].size(this.resolveDataElementOptions(data.length - 1));
-    return Math.max(border, firstPoint, lastPoint) / 2;
-  }
-}, __publicField(_f, "id", "scatter"), __publicField(_f, "defaults", {
-  datasetElementType: false,
-  dataElementType: "point",
-  showLine: false,
-  fill: false
-}), __publicField(_f, "overrides", {
-  interaction: {
-    mode: "point"
-  },
-  scales: {
-    x: {
-      type: "linear"
-    },
-    y: {
-      type: "linear"
-    }
-  }
-}), _f);
 function abstract$1() {
   throw new Error("This method is not implemented: Check that a complete date adapter is provided.");
 }
@@ -5927,7 +5803,7 @@ function _detectPlatform$1(canvas2) {
   }
   return DomPlatform$1;
 }
-let Element$2 = (_g = class {
+let Element$2 = (_f = class {
   constructor() {
     __publicField(this, "x");
     __publicField(this, "y");
@@ -5959,7 +5835,7 @@ let Element$2 = (_g = class {
     });
     return ret;
   }
-}, __publicField(_g, "defaults", {}), __publicField(_g, "defaultRoutes"), _g);
+}, __publicField(_f, "defaults", {}), __publicField(_f, "defaultRoutes"), _f);
 function autoSkip$1(scale, ticks) {
   const tickOpts = scale.options.ticks;
   const determinedMaxTicks = determineMaxTicks$1(scale);
@@ -8046,7 +7922,7 @@ function getDatasetArea(meta, chartArea) {
   }
   return chartArea;
 }
-let Chart$2 = (_h = class {
+let Chart$2 = (_g = class {
   static register(...items) {
     registry$1.add(...items);
     invalidatePlugins$1();
@@ -8866,7 +8742,7 @@ let Chart$2 = (_h = class {
     const hoverOptions = this.options.hover;
     return this.getElementsAtEventForMode(e2, hoverOptions.mode, hoverOptions, useFinalPosition);
   }
-}, __publicField(_h, "defaults", defaults$2), __publicField(_h, "instances", instances$1), __publicField(_h, "overrides", overrides$1), __publicField(_h, "registry", registry$1), __publicField(_h, "version", version$3), __publicField(_h, "getChart", getChart$1), _h);
+}, __publicField(_g, "defaults", defaults$2), __publicField(_g, "instances", instances$1), __publicField(_g, "overrides", overrides$1), __publicField(_g, "registry", registry$1), __publicField(_g, "version", version$3), __publicField(_g, "getChart", getChart$1), _g);
 function invalidatePlugins$1() {
   return each$1(Chart$2.instances, (chart2) => chart2._plugins.invalidate());
 }
@@ -9028,7 +8904,7 @@ function drawBorder$1(ctx, element, offset, spacing, circular) {
     ctx.stroke();
   }
 }
-let ArcElement$1 = (_i = class extends Element$2 {
+let ArcElement$1 = (_h = class extends Element$2 {
   constructor(cfg) {
     super();
     __publicField(this, "circumference");
@@ -9113,7 +8989,7 @@ let ArcElement$1 = (_i = class extends Element$2 {
     drawBorder$1(ctx, this, radiusOffset, spacing, circular);
     ctx.restore();
   }
-}, __publicField(_i, "id", "arc"), __publicField(_i, "defaults", {
+}, __publicField(_h, "id", "arc"), __publicField(_h, "defaults", {
   borderAlign: "center",
   borderColor: "#fff",
   borderDash: [],
@@ -9125,12 +9001,12 @@ let ArcElement$1 = (_i = class extends Element$2 {
   spacing: 0,
   angle: void 0,
   circular: true
-}), __publicField(_i, "defaultRoutes", {
+}), __publicField(_h, "defaultRoutes", {
   backgroundColor: "backgroundColor"
-}), __publicField(_i, "descriptors", {
+}), __publicField(_h, "descriptors", {
   _scriptable: true,
   _indexable: (name) => name !== "borderDash"
-}), _i);
+}), _h);
 function setStyle$1(ctx, options, style = options) {
   ctx.lineCap = valueOrDefault$1(style.borderCapStyle, options.borderCapStyle);
   ctx.setLineDash(valueOrDefault$1(style.borderDash, options.borderDash));
@@ -9283,7 +9159,7 @@ function draw$3(ctx, line, start, count) {
     strokePathDirect$1(ctx, line, start, count);
   }
 }
-let LineElement$1 = (_j = class extends Element$2 {
+let LineElement$1 = (_i = class extends Element$2 {
   constructor(cfg) {
     super();
     this.animated = true;
@@ -9393,7 +9269,7 @@ let LineElement$1 = (_j = class extends Element$2 {
       this._path = void 0;
     }
   }
-}, __publicField(_j, "id", "line"), __publicField(_j, "defaults", {
+}, __publicField(_i, "id", "line"), __publicField(_i, "defaults", {
   borderCapStyle: "butt",
   borderDash: [],
   borderDashOffset: 0,
@@ -9405,13 +9281,13 @@ let LineElement$1 = (_j = class extends Element$2 {
   spanGaps: false,
   stepped: false,
   tension: 0
-}), __publicField(_j, "defaultRoutes", {
+}), __publicField(_i, "defaultRoutes", {
   backgroundColor: "backgroundColor",
   borderColor: "borderColor"
-}), __publicField(_j, "descriptors", {
+}), __publicField(_i, "descriptors", {
   _scriptable: true,
   _indexable: (name) => name !== "borderDash" && name !== "fill"
-}), _j);
+}), _i);
 function inRange$1$1(el, pos, axis, useFinalPosition) {
   const options = el.options;
   const { [axis]: value } = el.getProps([
@@ -9419,7 +9295,7 @@ function inRange$1$1(el, pos, axis, useFinalPosition) {
   ], useFinalPosition);
   return Math.abs(pos - value) < options.radius + options.hitRadius;
 }
-let PointElement$1 = (_k = class extends Element$2 {
+let PointElement$1 = (_j = class extends Element$2 {
   constructor(cfg) {
     super();
     __publicField(this, "parsed");
@@ -9478,10 +9354,10 @@ let PointElement$1 = (_k = class extends Element$2 {
     const options = this.options || {};
     return options.radius + options.hitRadius;
   }
-}, __publicField(_k, "id", "point"), /**
+}, __publicField(_j, "id", "point"), /**
 * @type {any}
 */
-__publicField(_k, "defaults", {
+__publicField(_j, "defaults", {
   borderWidth: 1,
   hitRadius: 1,
   hoverBorderWidth: 1,
@@ -9492,10 +9368,10 @@ __publicField(_k, "defaults", {
 }), /**
 * @type {any}
 */
-__publicField(_k, "defaultRoutes", {
+__publicField(_j, "defaultRoutes", {
   backgroundColor: "backgroundColor",
   borderColor: "borderColor"
-}), _k);
+}), _j);
 function getBarBounds$1(bar, useFinalPosition) {
   const { x: x2, y: y2, base, width, height } = bar.getProps([
     "x",
@@ -9609,7 +9485,7 @@ function inflateRect$1(rect, amount, refRect = {}) {
     radius: rect.radius
   };
 }
-let BarElement$1 = (_l = class extends Element$2 {
+let BarElement$1 = (_k = class extends Element$2 {
   constructor(cfg) {
     super();
     this.options = void 0;
@@ -9665,16 +9541,16 @@ let BarElement$1 = (_l = class extends Element$2 {
   getRange(axis) {
     return axis === "x" ? this.width / 2 : this.height / 2;
   }
-}, __publicField(_l, "id", "bar"), __publicField(_l, "defaults", {
+}, __publicField(_k, "id", "bar"), __publicField(_k, "defaults", {
   borderSkipped: "start",
   borderWidth: 0,
   borderRadius: 0,
   inflateAmount: "auto",
   pointStyle: void 0
-}), __publicField(_l, "defaultRoutes", {
+}), __publicField(_k, "defaultRoutes", {
   backgroundColor: "backgroundColor",
   borderColor: "borderColor"
-}), _l);
+}), _k);
 function _segments(line, target, property) {
   const segments = line.segments;
   const points = line.points;
@@ -11243,7 +11119,7 @@ function invokeCallbackWithFallback(callbacks, name, ctx, arg) {
   }
   return result;
 }
-let Tooltip$1 = (_m = class extends Element$2 {
+let Tooltip$1 = (_l = class extends Element$2 {
   constructor(config2) {
     super();
     this.opacity = 0;
@@ -11782,7 +11658,7 @@ let Tooltip$1 = (_m = class extends Element$2 {
     const position = positioners$2[options.position].call(this, active, e2);
     return position !== false && (caretX !== position.x || caretY !== position.y);
   }
-}, __publicField(_m, "positioners", positioners$2), _m);
+}, __publicField(_l, "positioners", positioners$2), _l);
 var plugin_tooltip = {
   id: "tooltip",
   _element: Tooltip$1,
@@ -11937,7 +11813,7 @@ function _getLabelForValue(value) {
   }
   return value;
 }
-let CategoryScale$1 = (_n = class extends Scale$1 {
+let CategoryScale$1 = (_m = class extends Scale$1 {
   constructor(cfg) {
     super(cfg);
     this._startValue = void 0;
@@ -12023,11 +11899,11 @@ let CategoryScale$1 = (_n = class extends Scale$1 {
   getBasePixel() {
     return this.bottom;
   }
-}, __publicField(_n, "id", "category"), __publicField(_n, "defaults", {
+}, __publicField(_m, "id", "category"), __publicField(_m, "defaults", {
   ticks: {
     callback: _getLabelForValue
   }
-}), _n);
+}), _m);
 function generateTicks$1$1(generationOptions, dataRange) {
   const ticks = [];
   const MIN_SPACING = 1e-14;
@@ -12250,7 +12126,7 @@ let LinearScaleBase$1 = class LinearScaleBase extends Scale$1 {
     return formatNumber$1(value, this.chart.options.locale, this.options.ticks.format);
   }
 };
-let LinearScale$1 = (_o = class extends LinearScaleBase$1 {
+let LinearScale$1 = (_n = class extends LinearScaleBase$1 {
   determineDataLimits() {
     const { min, max } = this.getMinMax(true);
     this.min = isNumberFinite$1(min) ? min : 0;
@@ -12271,11 +12147,11 @@ let LinearScale$1 = (_o = class extends LinearScaleBase$1 {
   getValueForPixel(pixel) {
     return this._startValue + this.getDecimalForPixel(pixel) * this._valueRange;
   }
-}, __publicField(_o, "id", "linear"), __publicField(_o, "defaults", {
+}, __publicField(_n, "id", "linear"), __publicField(_n, "defaults", {
   ticks: {
     callback: Ticks$1.formatters.numeric
   }
-}), _o);
+}), _n);
 const log10Floor = (v2) => Math.floor(log10$1(v2));
 const changeExponent = (v2, m2) => Math.pow(10, log10Floor(v2) + m2);
 function isMajor$1(tickVal) {
@@ -12337,7 +12213,7 @@ function generateTicks$2(generationOptions, { min, max }) {
   });
   return ticks;
 }
-let LogarithmicScale$1 = (_p = class extends Scale$1 {
+let LogarithmicScale$1 = (_o = class extends Scale$1 {
   constructor(cfg) {
     super(cfg);
     this.start = void 0;
@@ -12434,14 +12310,14 @@ let LogarithmicScale$1 = (_p = class extends Scale$1 {
     const decimal = this.getDecimalForPixel(pixel);
     return Math.pow(10, this._startValue + decimal * this._valueRange);
   }
-}, __publicField(_p, "id", "logarithmic"), __publicField(_p, "defaults", {
+}, __publicField(_o, "id", "logarithmic"), __publicField(_o, "defaults", {
   ticks: {
     callback: Ticks$1.formatters.logarithmic,
     major: {
       enabled: true
     }
   }
-}), _p);
+}), _o);
 const INTERVALS$1 = {
   millisecond: {
     common: true,
@@ -12577,7 +12453,7 @@ function ticksFromTimestamps$1(scale, values, majorUnit) {
   }
   return ilen === 0 || !majorUnit ? ticks : setMajorTicks$1(scale, ticks, map2, majorUnit);
 }
-let TimeScale$1 = (_q = class extends Scale$1 {
+let TimeScale$1 = (_p = class extends Scale$1 {
   constructor(props) {
     super(props);
     this._cache = {
@@ -12843,7 +12719,7 @@ let TimeScale$1 = (_q = class extends Scale$1 {
   normalize(values) {
     return _arrayUnique$1(values.sort(sorter$1));
   }
-}, __publicField(_q, "id", "time"), __publicField(_q, "defaults", {
+}, __publicField(_p, "id", "time"), __publicField(_p, "defaults", {
   bounds: "data",
   adapters: {},
   time: {
@@ -12861,7 +12737,7 @@ let TimeScale$1 = (_q = class extends Scale$1 {
       enabled: false
     }
   }
-}), _q);
+}), _p);
 function interpolate$2(table2, val, reverse) {
   let lo = 0;
   let hi = table2.length - 1;
@@ -12882,7 +12758,7 @@ function interpolate$2(table2, val, reverse) {
   const span = nextSource - prevSource;
   return span ? prevTarget + (nextTarget - prevTarget) * (val - prevSource) / span : prevTarget;
 }
-let TimeSeriesScale$1 = (_r = class extends TimeScale$1 {
+let TimeSeriesScale$1 = (_q = class extends TimeScale$1 {
   constructor(props) {
     super(props);
     this._table = [];
@@ -12967,7 +12843,7 @@ let TimeSeriesScale$1 = (_r = class extends TimeScale$1 {
     const decimal = this.getDecimalForPixel(pixel) / offsets.factor - offsets.end;
     return interpolate$2(this._table, decimal * this._tableRange + this._minPos, true);
   }
-}, __publicField(_r, "id", "timeseries"), __publicField(_r, "defaults", TimeScale$1.defaults), _r);
+}, __publicField(_q, "id", "timeseries"), __publicField(_q, "defaults", TimeScale$1.defaults), _q);
 const defaultDatasetIdKey = "label";
 function reforwardRef(ref, value) {
   if (typeof ref === "function") {
@@ -13104,348 +12980,6 @@ function createTypedChart(type, registerables) {
 const Line = /* @__PURE__ */ createTypedChart("line", LineController$1);
 const Bar = /* @__PURE__ */ createTypedChart("bar", BarController$1);
 const Pie = /* @__PURE__ */ createTypedChart("pie", PieController$1);
-const Scatter = /* @__PURE__ */ createTypedChart("scatter", ScatterController$1);
-const MINOR_TICKS_PER_MAJOR = 10;
-const getLargestMajorTickWidth = (majorTickPositions) => {
-  return majorTickPositions.reduce(
-    (acc, curr, index2) => {
-      if (index2 === 0)
-        return acc;
-      const gap = Math.abs(curr - majorTickPositions[index2 - 1]);
-      return Math.max(gap, acc);
-    },
-    0
-  );
-};
-const isValidPosition = (minorTickPosition, majorTickPositions, scale) => {
-  const { axis, left: left2, top: top2, right: right2, bottom: bottom2 } = scale;
-  const isHorizontal = axis === "x";
-  const start = isHorizontal ? left2 : top2;
-  const end = isHorizontal ? right2 : bottom2;
-  const isAfterStart = minorTickPosition > start;
-  const isBeforeEnd = minorTickPosition < end;
-  const isDuplicate = majorTickPositions.indexOf(minorTickPosition) !== -1;
-  return isAfterStart && isBeforeEnd && !isDuplicate;
-};
-const getMinorTickPositions = (majorTickPositions, scale) => {
-  const sortedMajorTickPositions = majorTickPositions.sort((a2, b2) => {
-    return a2 - b2;
-  });
-  const minorTickWidth = getLargestMajorTickWidth(majorTickPositions) / 10;
-  const startPosition = majorTickPositions[0];
-  const numMinorTicks = (majorTickPositions.length + 1) * MINOR_TICKS_PER_MAJOR;
-  const positions2 = [...Array(numMinorTicks)].map((_2, index2) => {
-    const minorTickPosition = startPosition + (index2 - MINOR_TICKS_PER_MAJOR + 1) * minorTickWidth;
-    return parseFloat(minorTickPosition.toFixed(1));
-  }).filter(
-    (position) => isValidPosition(position, sortedMajorTickPositions, scale)
-  );
-  return positions2;
-};
-const drawMinorTicksForScale = (scale) => {
-  var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2;
-  const { chart: chart2, ctx } = scale;
-  const config2 = chart2.config;
-  if (!((_d2 = (_c2 = (_b2 = (_a2 = config2 == null ? void 0 : config2.options) == null ? void 0 : _a2.scales) == null ? void 0 : _b2[scale.id]) == null ? void 0 : _c2.grid) == null ? void 0 : _d2.drawOnChartArea))
-    return;
-  if (config2.options.indexAxis === scale.axis)
-    return;
-  const isHorizontal = scale.axis === "x";
-  const majorTickPositions = scale.ticks.map((_2, index2) => scale.getPixelForTick(index2)).sort((a2, b2) => a2 - b2);
-  const minorTickPositions = getMinorTickPositions(majorTickPositions, scale);
-  ctx.save();
-  ctx.strokeStyle = ((_i2 = (_h2 = (_g2 = (_f2 = (_e2 = config2 == null ? void 0 : config2._config) == null ? void 0 : _e2.options) == null ? void 0 : _f2.scales) == null ? void 0 : _g2[scale.id]) == null ? void 0 : _h2.grid) == null ? void 0 : _i2.color) || "rgba(0,0,0,0.06)";
-  ctx.lineWidth = 0.5;
-  minorTickPositions.forEach((minorTickPosition) => {
-    ctx.beginPath();
-    if (isHorizontal) {
-      const { top: top2, bottom: bottom2 } = chart2.chartArea;
-      ctx.moveTo(minorTickPosition, top2);
-      ctx.lineTo(minorTickPosition, bottom2);
-    } else {
-      const { left: left2, right: right2 } = chart2.chartArea;
-      ctx.moveTo(left2, minorTickPosition);
-      ctx.lineTo(right2, minorTickPosition);
-    }
-    ctx.stroke();
-  });
-  ctx.restore();
-};
-const chartMinorGridlinesPlugin = {
-  id: "minorGridlines",
-  beforeDatasetsDraw: (chart2) => {
-    const { scales } = chart2;
-    Object.keys(scales).forEach((id) => drawMinorTicksForScale(scales[id]));
-  }
-};
-const BORDER_WIDTH = {
-  INITIAL: 2,
-  HOVERED: 6
-};
-const BORDER_COLOR = "rgba(0,0,0,0.1)";
-const ANNOTATION_DASH = [10, 2];
-const DEFAULT_FONT_SIZE = 12;
-const DEFAULT_FONT_FAMILY = '"Roobert", sans-serif';
-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 LOGARITHMIC_STEPS = [1, 10, 100, 1e3, 1e4];
-const COLORS = [
-  "#3366cc",
-  "#dc3912",
-  "#ff9900",
-  "#109618",
-  "#990099",
-  "#0099c6",
-  "#dd4477",
-  "#66aa00",
-  "#b82e2e",
-  "#316395",
-  "#994499",
-  "#22aa99",
-  "#aaaa11",
-  "#6633cc",
-  "#e67300",
-  "#8b0707",
-  "#651067",
-  "#329262",
-  "#5574a6",
-  "#3b3eac"
-];
-const ALPHA_CHANEL = "99";
-const WHITE_COLOR_AS_DECIMAL = 16777215;
-const AUTO = "auto";
-const ANIMATION_DURATION = {
-  NO: 0,
-  SLOW: 400,
-  FAST: 1e3
-};
-const DEFAULT_CHART_NAME = "new_chart";
-const CUSTOM_LEGEND_PLUGIN_NAME = "htmlLegend";
-const DECIMAL_POINT_TOLERANCE = 9;
-const MAX_DECIMAL_DIFF = 1 / 10 ** DECIMAL_POINT_TOLERANCE;
-var AxisType = /* @__PURE__ */ ((AxisType2) => {
-  AxisType2["X"] = "x";
-  AxisType2["Y"] = "y";
-  return AxisType2;
-})(AxisType || {});
-var Position = /* @__PURE__ */ ((Position2) => {
-  Position2["Bottom"] = "bottom";
-  Position2["Top"] = "top";
-  Position2["Left"] = "left";
-  Position2["Right"] = "right";
-  Position2["TopRight"] = "top-right";
-  Position2["TopLeft"] = "top-left";
-  Position2["BottomLeft"] = "bottom-left";
-  Position2["BottomRight"] = "bottom-right";
-  return Position2;
-})(Position || {});
-var ChartType = /* @__PURE__ */ ((ChartType2) => {
-  ChartType2["Line"] = "line";
-  ChartType2["Bar"] = "bar";
-  return ChartType2;
-})(ChartType || {});
-var CursorStyle = /* @__PURE__ */ ((CursorStyle2) => {
-  CursorStyle2["Pointer"] = "pointer";
-  CursorStyle2["Initial"] = "initial";
-  return CursorStyle2;
-})(CursorStyle || {});
-var ScaleType = /* @__PURE__ */ ((ScaleType2) => {
-  ScaleType2["Category"] = "category";
-  ScaleType2["Linear"] = "linear";
-  ScaleType2["Logarithmic"] = "logarithmic";
-  return ScaleType2;
-})(ScaleType || {});
-var ChartDirection = /* @__PURE__ */ ((ChartDirection2) => {
-  ChartDirection2["Vertical"] = "vertical";
-  return ChartDirection2;
-})(ChartDirection || {});
-var TooltipLabel = /* @__PURE__ */ ((TooltipLabel2) => {
-  TooltipLabel2["Y"] = "yLabel";
-  TooltipLabel2["X"] = "xLabel";
-  return TooltipLabel2;
-})(TooltipLabel || {});
-var AlignOptions = /* @__PURE__ */ ((AlignOptions2) => {
-  AlignOptions2["End"] = "end";
-  AlignOptions2["Start"] = "start";
-  AlignOptions2["Center"] = "center";
-  AlignOptions2["Right"] = "right";
-  AlignOptions2["Left"] = "left";
-  return AlignOptions2;
-})(AlignOptions || {});
-var AnnotationType = /* @__PURE__ */ ((AnnotationType2) => {
-  AnnotationType2["Box"] = "box";
-  AnnotationType2["Ellipse"] = "ellipse";
-  AnnotationType2["Line"] = "line";
-  AnnotationType2["Text"] = "text";
-  return AnnotationType2;
-})(AnnotationType || {});
-var PointStyle = /* @__PURE__ */ ((PointStyle2) => {
-  PointStyle2["Circle"] = "circle";
-  return PointStyle2;
-})(PointStyle || {});
-var ChartHoverMode = /* @__PURE__ */ ((ChartHoverMode2) => {
-  ChartHoverMode2["Nearest"] = "nearest";
-  return ChartHoverMode2;
-})(ChartHoverMode || {});
-var PanZoomMode = /* @__PURE__ */ ((PanZoomMode2) => {
-  PanZoomMode2["X"] = "x";
-  PanZoomMode2["Y"] = "y";
-  PanZoomMode2["XY"] = "xy";
-  PanZoomMode2["Z"] = "z";
-  return PanZoomMode2;
-})(PanZoomMode || {});
-var Key = /* @__PURE__ */ ((Key2) => {
-  Key2["Shift"] = "Shift";
-  return Key2;
-})(Key || {});
-var Events = /* @__PURE__ */ ((Events2) => {
-  Events2["Mousemove"] = "mousemove";
-  Events2["Mouseout"] = "mouseout";
-  Events2["Click"] = "click";
-  Events2["Touchstart"] = "touchstart";
-  Events2["Touchmove"] = "touchmove";
-  Events2["Dblclick"] = "dblclick";
-  return Events2;
-})(Events || {});
-const chartAreaBorderPlugin = {
-  id: "chartAreaBorder",
-  beforeDraw(chart2, _args, options) {
-    const {
-      ctx,
-      chartArea: { left: left2, top: top2, width, height }
-    } = chart2;
-    ctx.save();
-    ctx.strokeStyle = options.borderColor;
-    ctx.lineWidth = options.borderWidth;
-    ctx.setLineDash(options.borderDash || []);
-    ctx.lineDashOffset = options.borderDashOffset;
-    ctx.strokeRect(left2, top2, width, height);
-    ctx.restore();
-  }
-};
-const getPlugins = (graph, legend2) => {
-  var _a2;
-  let plugins = [];
-  if (graph.showMinorGridlines) {
-    plugins.push(chartMinorGridlinesPlugin);
-  }
-  const customLegend = legend2 == null ? void 0 : legend2.customLegend;
-  if ((customLegend == null ? void 0 : customLegend.customLegendPlugin) && (customLegend == null ? void 0 : customLegend.customLegendContainerID)) {
-    plugins.push({
-      id: CUSTOM_LEGEND_PLUGIN_NAME,
-      ...(_a2 = legend2 == null ? void 0 : legend2.customLegend) == null ? void 0 : _a2.customLegendPlugin
-    });
-  }
-  plugins.push(chartAreaBorderPlugin);
-  return plugins;
-};
-const generateRandomColor = (colors2) => {
-  const color2 = `#${Math.floor(Math.random() * WHITE_COLOR_AS_DECIMAL).toString(
-    16
-  )}`;
-  if (colors2.includes(color2)) {
-    return generateRandomColor(colors2);
-  } else {
-    colors2.push(color2);
-    return colors2;
-  }
-};
-const setAnnotations = (annotationsData) => {
-  return (annotationsData == null ? void 0 : annotationsData.length) ? annotationsData.map((_v, i2) => i2) : [];
-};
-const getTitle = (options) => {
-  return options.title !== "" ? {
-    display: true,
-    text: options.title
-  } : {};
-};
-const isVertical = (direction) => {
-  return direction === ChartDirection.Vertical;
-};
-const getAxisPosition = (axisType, i2) => {
-  const [positionA, positionB] = axisType === AxisType.Y ? [Position.Left, Position.Right] : [Position.Top, Position.Bottom];
-  return i2 % 2 === 0 ? positionA : positionB;
-};
-const getClassName = (chartStyling, styles2) => {
-  const {
-    width,
-    height,
-    staticChartHeight = false,
-    squareAspectRatio: squareAspectRatio2 = 0
-  } = chartStyling;
-  const squareAspectRatioStyle = squareAspectRatio2 ? styles2.squareAspectRatio : "";
-  let heightStyles = "";
-  if (width || height) {
-    heightStyles = "";
-  } else {
-    heightStyles = staticChartHeight ? styles2 == null ? void 0 : styles2.fixedHeight : styles2 == null ? void 0 : styles2.stretchHeight;
-  }
-  return cx(styles2.chart, heightStyles, squareAspectRatioStyle);
-};
-const getLegend = (options, clickHandler) => {
-  const { legend: legend2 } = options || {};
-  return {
-    position: (legend2 == null ? void 0 : legend2.position) || Position.Top,
-    display: legend2 == null ? void 0 : legend2.display,
-    align: legend2 == null ? void 0 : legend2.align,
-    labels: {
-      boxHeight: LEGEND_LABEL_BOX_SIZE,
-      boxWidth: (legend2 == null ? void 0 : legend2.usePointStyle) ? LEGEND_LABEL_BOX_SIZE : void 0,
-      usePointStyle: legend2 == null ? void 0 : legend2.usePointStyle
-    },
-    onClick: clickHandler
-  };
-};
-const afterLabelCallback = (tooltipItem) => {
-  const { error } = tooltipItem.dataset.data[tooltipItem == null ? void 0 : tooltipItem.dataIndex];
-  return error ? `Error: ${round$2(error, 4)}` : "";
-};
-const getTooltipLabel = (tooltipItem, showLabelsInTooltips) => {
-  var _a2;
-  const datasetDataLabel = (_a2 = tooltipItem.dataset.data[tooltipItem.dataIndex]) == null ? void 0 : _a2.label;
-  const dataLabel = Array.isArray(datasetDataLabel) ? datasetDataLabel.join(" , ") : datasetDataLabel;
-  return showLabelsInTooltips && (dataLabel == null ? void 0 : dataLabel.length) ? ` (${dataLabel})` : "";
-};
-const getChartFileName = (axes) => {
-  if (!axes) {
-    return DEFAULT_CHART_NAME;
-  }
-  const axesLabels = axes.reduce((acc, cur, index2) => {
-    var _a2;
-    const labelWithNoSpace = ((_a2 = cur.label) == null ? void 0 : _a2.replace(/\s/g, "_")) || String(index2);
-    return [...acc, labelWithNoSpace];
-  }, []);
-  return axesLabels.join("_");
-};
-const setDefaultTheme = () => {
-  defaults$2.font.size = DEFAULT_FONT_SIZE;
-  defaults$2.font.family = DEFAULT_FONT_FAMILY;
-  defaults$2.color = DEFAULT_COLOR;
-  defaults$2.borderColor = BORDER_COLOR;
-};
-const isNilOrEmpty = (value) => {
-  if (value === null || value === void 0 || value === "") {
-    return true;
-  }
-  if (Array.isArray(value) && value.length === 0) {
-    return true;
-  }
-  if (typeof value === "object" && Object.keys(value).length === 0) {
-    return true;
-  }
-  return false;
-};
-const chart$3 = "_chart_1v6ps_1";
-const styles$5 = {
-  chart: chart$3
-};
-const ScatterChart = (props) => {
-  setDefaultTheme();
-  const { data = { datasets: [] }, options, testId = null } = props.chart;
-  return /* @__PURE__ */ jsx("div", { className: styles$5.chart, children: /* @__PURE__ */ jsx(Scatter, { options, data, "data-testid": testId }) });
-};
 function getDefaultExportFromCjs(x2) {
   return x2 && x2.__esModule && Object.prototype.hasOwnProperty.call(x2, "default") ? x2["default"] : x2;
 }
@@ -22637,6 +22171,338 @@ const reducer$1 = (state, action) => {
     }
   });
 };
+var AxisType = /* @__PURE__ */ ((AxisType2) => {
+  AxisType2["X"] = "x";
+  AxisType2["Y"] = "y";
+  return AxisType2;
+})(AxisType || {});
+var Position = /* @__PURE__ */ ((Position2) => {
+  Position2["Bottom"] = "bottom";
+  Position2["Top"] = "top";
+  Position2["Left"] = "left";
+  Position2["Right"] = "right";
+  Position2["TopRight"] = "top-right";
+  Position2["TopLeft"] = "top-left";
+  Position2["BottomLeft"] = "bottom-left";
+  Position2["BottomRight"] = "bottom-right";
+  return Position2;
+})(Position || {});
+var ChartType = /* @__PURE__ */ ((ChartType2) => {
+  ChartType2["Line"] = "line";
+  ChartType2["Bar"] = "bar";
+  return ChartType2;
+})(ChartType || {});
+var CursorStyle = /* @__PURE__ */ ((CursorStyle2) => {
+  CursorStyle2["Pointer"] = "pointer";
+  CursorStyle2["Initial"] = "initial";
+  return CursorStyle2;
+})(CursorStyle || {});
+var ScaleType = /* @__PURE__ */ ((ScaleType2) => {
+  ScaleType2["Category"] = "category";
+  ScaleType2["Linear"] = "linear";
+  ScaleType2["Logarithmic"] = "logarithmic";
+  return ScaleType2;
+})(ScaleType || {});
+var ChartDirection = /* @__PURE__ */ ((ChartDirection2) => {
+  ChartDirection2["Vertical"] = "vertical";
+  return ChartDirection2;
+})(ChartDirection || {});
+var TooltipLabel = /* @__PURE__ */ ((TooltipLabel2) => {
+  TooltipLabel2["Y"] = "yLabel";
+  TooltipLabel2["X"] = "xLabel";
+  return TooltipLabel2;
+})(TooltipLabel || {});
+var AlignOptions = /* @__PURE__ */ ((AlignOptions2) => {
+  AlignOptions2["End"] = "end";
+  AlignOptions2["Start"] = "start";
+  AlignOptions2["Center"] = "center";
+  AlignOptions2["Right"] = "right";
+  AlignOptions2["Left"] = "left";
+  return AlignOptions2;
+})(AlignOptions || {});
+var AnnotationType = /* @__PURE__ */ ((AnnotationType2) => {
+  AnnotationType2["Box"] = "box";
+  AnnotationType2["Ellipse"] = "ellipse";
+  AnnotationType2["Line"] = "line";
+  AnnotationType2["Text"] = "text";
+  return AnnotationType2;
+})(AnnotationType || {});
+var PointStyle = /* @__PURE__ */ ((PointStyle2) => {
+  PointStyle2["Circle"] = "circle";
+  return PointStyle2;
+})(PointStyle || {});
+var ChartHoverMode = /* @__PURE__ */ ((ChartHoverMode2) => {
+  ChartHoverMode2["Nearest"] = "nearest";
+  return ChartHoverMode2;
+})(ChartHoverMode || {});
+var PanZoomMode = /* @__PURE__ */ ((PanZoomMode2) => {
+  PanZoomMode2["X"] = "x";
+  PanZoomMode2["Y"] = "y";
+  PanZoomMode2["XY"] = "xy";
+  PanZoomMode2["Z"] = "z";
+  return PanZoomMode2;
+})(PanZoomMode || {});
+var Key = /* @__PURE__ */ ((Key2) => {
+  Key2["Shift"] = "Shift";
+  return Key2;
+})(Key || {});
+var Events = /* @__PURE__ */ ((Events2) => {
+  Events2["Mousemove"] = "mousemove";
+  Events2["Mouseout"] = "mouseout";
+  Events2["Click"] = "click";
+  Events2["Touchstart"] = "touchstart";
+  Events2["Touchmove"] = "touchmove";
+  Events2["Dblclick"] = "dblclick";
+  return Events2;
+})(Events || {});
+const MINOR_TICKS_PER_MAJOR = 10;
+const getLargestMajorTickWidth = (majorTickPositions) => {
+  return majorTickPositions.reduce(
+    (acc, curr, index2) => {
+      if (index2 === 0)
+        return acc;
+      const gap = Math.abs(curr - majorTickPositions[index2 - 1]);
+      return Math.max(gap, acc);
+    },
+    0
+  );
+};
+const isValidPosition = (minorTickPosition, majorTickPositions, scale) => {
+  const { axis, left: left2, top: top2, right: right2, bottom: bottom2 } = scale;
+  const isHorizontal = axis === "x";
+  const start = isHorizontal ? left2 : top2;
+  const end = isHorizontal ? right2 : bottom2;
+  const isAfterStart = minorTickPosition > start;
+  const isBeforeEnd = minorTickPosition < end;
+  const isDuplicate = majorTickPositions.indexOf(minorTickPosition) !== -1;
+  return isAfterStart && isBeforeEnd && !isDuplicate;
+};
+const getMinorTickPositions = (majorTickPositions, scale) => {
+  const sortedMajorTickPositions = majorTickPositions.sort((a2, b2) => {
+    return a2 - b2;
+  });
+  const minorTickWidth = getLargestMajorTickWidth(majorTickPositions) / 10;
+  const startPosition = majorTickPositions[0];
+  const numMinorTicks = (majorTickPositions.length + 1) * MINOR_TICKS_PER_MAJOR;
+  const positions2 = [...Array(numMinorTicks)].map((_2, index2) => {
+    const minorTickPosition = startPosition + (index2 - MINOR_TICKS_PER_MAJOR + 1) * minorTickWidth;
+    return parseFloat(minorTickPosition.toFixed(1));
+  }).filter(
+    (position) => isValidPosition(position, sortedMajorTickPositions, scale)
+  );
+  return positions2;
+};
+const drawMinorTicksForScale = (scale) => {
+  var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2;
+  const { chart: chart2, ctx } = scale;
+  const config2 = chart2.config;
+  if (!((_d2 = (_c2 = (_b2 = (_a2 = config2 == null ? void 0 : config2.options) == null ? void 0 : _a2.scales) == null ? void 0 : _b2[scale.id]) == null ? void 0 : _c2.grid) == null ? void 0 : _d2.drawOnChartArea))
+    return;
+  if (config2.options.indexAxis === scale.axis)
+    return;
+  const isHorizontal = scale.axis === "x";
+  const majorTickPositions = scale.ticks.map((_2, index2) => scale.getPixelForTick(index2)).sort((a2, b2) => a2 - b2);
+  const minorTickPositions = getMinorTickPositions(majorTickPositions, scale);
+  ctx.save();
+  ctx.strokeStyle = ((_i2 = (_h2 = (_g2 = (_f2 = (_e2 = config2 == null ? void 0 : config2._config) == null ? void 0 : _e2.options) == null ? void 0 : _f2.scales) == null ? void 0 : _g2[scale.id]) == null ? void 0 : _h2.grid) == null ? void 0 : _i2.color) || "rgba(0,0,0,0.06)";
+  ctx.lineWidth = 0.5;
+  minorTickPositions.forEach((minorTickPosition) => {
+    ctx.beginPath();
+    if (isHorizontal) {
+      const { top: top2, bottom: bottom2 } = chart2.chartArea;
+      ctx.moveTo(minorTickPosition, top2);
+      ctx.lineTo(minorTickPosition, bottom2);
+    } else {
+      const { left: left2, right: right2 } = chart2.chartArea;
+      ctx.moveTo(left2, minorTickPosition);
+      ctx.lineTo(right2, minorTickPosition);
+    }
+    ctx.stroke();
+  });
+  ctx.restore();
+};
+const chartMinorGridlinesPlugin = {
+  id: "minorGridlines",
+  beforeDatasetsDraw: (chart2) => {
+    const { scales } = chart2;
+    Object.keys(scales).forEach((id) => drawMinorTicksForScale(scales[id]));
+  }
+};
+const BORDER_WIDTH = {
+  INITIAL: 2,
+  HOVERED: 6
+};
+const BORDER_COLOR = "rgba(0,0,0,0.1)";
+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 = 12;
+const TOOLTIP_PADDING = 8;
+const TOOLTIP_BOX_PADDING = 4;
+const LOGARITHMIC_STEPS = [1, 10, 100, 1e3, 1e4];
+const COLORS = [
+  "#3366cc",
+  "#dc3912",
+  "#ff9900",
+  "#109618",
+  "#990099",
+  "#0099c6",
+  "#dd4477",
+  "#66aa00",
+  "#b82e2e",
+  "#316395",
+  "#994499",
+  "#22aa99",
+  "#aaaa11",
+  "#6633cc",
+  "#e67300",
+  "#8b0707",
+  "#651067",
+  "#329262",
+  "#5574a6",
+  "#3b3eac"
+];
+const ALPHA_CHANEL = "99";
+const WHITE_COLOR_AS_DECIMAL = 16777215;
+const AUTO = "auto";
+const ANIMATION_DURATION = {
+  NO: 0,
+  SLOW: 400,
+  FAST: 1e3
+};
+const DEFAULT_CHART_NAME = "new_chart";
+const CUSTOM_LEGEND_PLUGIN_NAME = "htmlLegend";
+const DECIMAL_POINT_TOLERANCE = 9;
+const MAX_DECIMAL_DIFF = 1 / 10 ** DECIMAL_POINT_TOLERANCE;
+const chartAreaBorderPlugin = {
+  id: "chartAreaBorder",
+  beforeDraw(chart2, _args, options) {
+    const {
+      ctx,
+      chartArea: { left: left2, top: top2, width, height }
+    } = chart2;
+    ctx.save();
+    ctx.strokeStyle = options.borderColor;
+    ctx.lineWidth = options.borderWidth;
+    ctx.setLineDash(options.borderDash || []);
+    ctx.lineDashOffset = options.borderDashOffset;
+    ctx.strokeRect(left2, top2, width, height);
+    ctx.restore();
+  }
+};
+const getPlugins = (graph, legend2) => {
+  var _a2;
+  let plugins = [];
+  if (graph.showMinorGridlines) {
+    plugins.push(chartMinorGridlinesPlugin);
+  }
+  const customLegend = legend2 == null ? void 0 : legend2.customLegend;
+  if ((customLegend == null ? void 0 : customLegend.customLegendPlugin) && (customLegend == null ? void 0 : customLegend.customLegendContainerID)) {
+    plugins.push({
+      id: CUSTOM_LEGEND_PLUGIN_NAME,
+      ...(_a2 = legend2 == null ? void 0 : legend2.customLegend) == null ? void 0 : _a2.customLegendPlugin
+    });
+  }
+  plugins.push(chartAreaBorderPlugin);
+  return plugins;
+};
+const generateRandomColor = (colors2) => {
+  const color2 = `#${Math.floor(Math.random() * WHITE_COLOR_AS_DECIMAL).toString(
+    16
+  )}`;
+  if (colors2.includes(color2)) {
+    return generateRandomColor(colors2);
+  } else {
+    colors2.push(color2);
+    return colors2;
+  }
+};
+const setAnnotations = (annotationsData) => {
+  return (annotationsData == null ? void 0 : annotationsData.length) ? annotationsData.map((_v, i2) => i2) : [];
+};
+const getTitle = (options) => {
+  return options.title !== "" ? {
+    display: true,
+    text: options.title
+  } : {};
+};
+const isVertical = (direction) => {
+  return direction === ChartDirection.Vertical;
+};
+const getAxisPosition = (axisType, i2) => {
+  const [positionA, positionB] = axisType === AxisType.Y ? [Position.Left, Position.Right] : [Position.Top, Position.Bottom];
+  return i2 % 2 === 0 ? positionA : positionB;
+};
+const getClassName = (chartStyling, styles2) => {
+  const {
+    width,
+    height,
+    staticChartHeight = false,
+    squareAspectRatio: squareAspectRatio2 = 0
+  } = chartStyling;
+  const squareAspectRatioStyle = squareAspectRatio2 ? styles2.squareAspectRatio : "";
+  let heightStyles = "";
+  if (width || height) {
+    heightStyles = "";
+  } else {
+    heightStyles = staticChartHeight ? styles2 == null ? void 0 : styles2.fixedHeight : styles2 == null ? void 0 : styles2.stretchHeight;
+  }
+  return cx(styles2.chart, heightStyles, squareAspectRatioStyle);
+};
+const getLegend = (options, clickHandler) => {
+  const { legend: legend2 } = options || {};
+  return {
+    position: (legend2 == null ? void 0 : legend2.position) || Position.Top,
+    display: legend2 == null ? void 0 : legend2.display,
+    align: legend2 == null ? void 0 : legend2.align,
+    labels: {
+      boxHeight: LEGEND_LABEL_BOX_SIZE,
+      boxWidth: (legend2 == null ? void 0 : legend2.usePointStyle) ? LEGEND_LABEL_BOX_SIZE : void 0,
+      usePointStyle: legend2 == null ? void 0 : legend2.usePointStyle
+    },
+    onClick: clickHandler
+  };
+};
+const afterLabelCallback = (tooltipItem) => {
+  const { error } = tooltipItem.dataset.data[tooltipItem == null ? void 0 : tooltipItem.dataIndex];
+  return error ? `Error: ${round$2(error, 4)}` : "";
+};
+const getTooltipLabel = (tooltipItem, showLabelsInTooltips) => {
+  var _a2;
+  const datasetDataLabel = (_a2 = tooltipItem.dataset.data[tooltipItem.dataIndex]) == null ? void 0 : _a2.label;
+  const dataLabel = Array.isArray(datasetDataLabel) ? datasetDataLabel.join(" , ") : datasetDataLabel;
+  return showLabelsInTooltips && (dataLabel == null ? void 0 : dataLabel.length) ? ` (${dataLabel})` : "";
+};
+const getChartFileName = (axes) => {
+  if (!axes) {
+    return DEFAULT_CHART_NAME;
+  }
+  const axesLabels = axes.reduce((acc, cur, index2) => {
+    var _a2;
+    const labelWithNoSpace = ((_a2 = cur.label) == null ? void 0 : _a2.replace(/\s/g, "_")) || String(index2);
+    return [...acc, labelWithNoSpace];
+  }, []);
+  return axesLabels.join("_");
+};
+const setDefaultTheme = () => {
+  defaults$2.font.size = DEFAULT_FONT_SIZE;
+  defaults$2.font.family = DEFAULT_FONT_FAMILY;
+  defaults$2.color = DEFAULT_COLOR;
+  defaults$2.borderColor = BORDER_COLOR;
+};
+const isNilOrEmpty = (value) => {
+  if (value === null || value === void 0 || value === "") {
+    return true;
+  }
+  if (Array.isArray(value) && value.length === 0) {
+    return true;
+  }
+  if (typeof value === "object" && Object.keys(value).length === 0) {
+    return true;
+  }
+  return false;
+};
 const isLessThanMax = (value, max) => {
   return value === void 0 || max === void 0 || Number(value) < Number(max);
 };
@@ -25373,7 +25239,7 @@ const getLineChartAxis = (options, axisType, state, currentScales, i2 = 0) => {
       //OW-10088 disable irregular axis ticks
       ...ticksConfigFromProps,
       font: {
-        size: DEFAULT_FONT_SIZE
+        size: 14
       }
     };
     return ticks;
@@ -39274,14 +39140,16 @@ const getBarChartAxis = ({
     } : {};
     const ticks = {
       ...stepSize,
-      callback: ticksFormattingCallback,
       includeBounds: false,
       //OW-10088 disable irregular axis ticks
       ...ticksConfigFromProps,
       font: {
-        size: DEFAULT_FONT_SIZE
+        size: 14
       }
     };
+    if ((additionalAxesOptions == null ? void 0 : additionalAxesOptions.chartScaleType) === ScaleType.Logarithmic) {
+      ticks.callback = ticksFormattingCallback;
+    }
     return ticks;
   };
   return {
@@ -39623,7 +39491,6 @@ export {
   BarChart,
   LineChart,
   PieChart,
-  ScatterChart,
   initializeLineChart
 };
 //# sourceMappingURL=index.js.map
@@ -39632,7 +39499,7 @@ export {
   try {
     if (typeof document != "undefined") {
       var elementStyle = document.createElement("style");
-      elementStyle.appendChild(document.createTextNode("html[data-theme='dark'] ._chart_1v6ps_1 canvas {\n  filter: invert(1) hue-rotate(180deg);\n}\nhtml[data-theme='dark'] ._chart_e3qdd_1 canvas {\n  filter: invert(1) hue-rotate(180deg);\n}\n._chart_e3qdd_1 {\n  border: 1px solid rgba(255, 255, 255, 0);\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n._chart_e3qdd_1 ._canvas_e3qdd_11 {\n  flex-grow: 1;\n  min-height: 0;\n  position: relative;\n}\n._chart_e3qdd_1 ._canvas_e3qdd_11 canvas {\n  width: 100% !important;\n  height: 100% !important;\n}\n._chart_e3qdd_1._fixedHeight_e3qdd_20 {\n  display: flex;\n  align-items: flex-start;\n  justify-content: flex-start;\n  height: auto;\n}\n._chart_e3qdd_1._stretchHeight_e3qdd_26 {\n  display: flex;\n  align-items: stretch;\n  justify-content: stretch;\n  height: 100%;\n}\n._chart_e3qdd_1._squareAspectRatio_e3qdd_32 {\n  aspect-ratio: 1;\n  min-height: 0;\n  min-width: 0;\n}\n._chart_e3qdd_1:focus {\n  outline: none;\n}\n._chart_e3qdd_1::-moz-focus-inner {\n  border: 0;\n}\n._zoomForm_e3qdd_43 {\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  top: 0;\n  right: 0;\n}\n._zoomForm_e3qdd_43 ._zoomReset_e3qdd_51 {\n  margin-left: 10px;\n}\n._zoomForm_e3qdd_43 ._help_e3qdd_54 {\n  margin-left: 5px;\n  line-height: 0;\n}\n._autoWeight_e3qdd_58 {\n  width: auto;\n  height: auto;\n}\n._table_e3qdd_62 {\n  overflow: auto;\n}\n._controls_fa3yo_1 {\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 8px;\n}\n._buttons_fa3yo_7 {\n  display: flex;\n  margin-left: auto;\n  gap: 4px;\n}\n._legend_wpro0_1 {\n  position: absolute;\n  opacity: 0.9;\n  display: flex;\n  flex-direction: column;\n  z-index: 1;\n}\n._legend_wpro0_1._isDragging_wpro0_8 {\n  opacity: 0;\n}\n._legendItems_wpro0_11 {\n  background-color: var(--color-background-raised);\n  border: 1px solid var(--color-border);\n  padding: 4px 8px;\n  border-radius: 2px;\n  overflow-y: auto;\n  max-height: 100%;\n  overflow: overlay;\n  --scrollbar-color: #00000040;\n}\n._legendItems_wpro0_11::-webkit-scrollbar {\n  display: block;\n  width: 16px;\n  z-index: 2;\n}\n._legendItems_wpro0_11::-webkit-scrollbar-button {\n  display: none;\n}\n._legendItems_wpro0_11::-webkit-scrollbar-track {\n  background-color: #00000000;\n}\n._legendItems_wpro0_11::-webkit-scrollbar-track-piece {\n  background-color: #00000000;\n}\n._legendItems_wpro0_11::-webkit-scrollbar-thumb {\n  background-color: #00000000;\n  border: 5px solid transparent;\n  border-radius: 24px;\n  box-shadow: 4px 0px 0px 4px var(--scrollbar-color) inset;\n}\n._legendItems_wpro0_11::-webkit-scrollbar-corner {\n  background: rgba(0, 0, 0, 0);\n}\n._legend_wpro0_1._isDragging_wpro0_8 ._legendItems_wpro0_11._legendItems_wpro0_11 {\n  pointer-events: none;\n}\n._legend_wpro0_1._isHidden_wpro0_47 ._legendItems_wpro0_11._legendItems_wpro0_11 {\n  display: none;\n}\n._legendToggle_wpro0_50 {\n  position: absolute;\n  top: 0;\n  right: 0;\n  transform: translate(50%, -50%);\n  display: none;\n}\n._legend_wpro0_1._isHidden_wpro0_47 ._legendToggle_wpro0_50._legendToggle_wpro0_50,\n._legend_wpro0_1:hover ._legendToggle_wpro0_50._legendToggle_wpro0_50 {\n  display: block;\n}\n._legend_wpro0_1:active ._legendToggle_wpro0_50._legendToggle_wpro0_50:not(:hover) {\n  display: none;\n}\n._legend_wpro0_1._isHidden_wpro0_47 ._legendToggle_wpro0_50._legendToggle_wpro0_50 {\n  position: static;\n  transform: none;\n}\n._legend_wpro0_1._isDragging_wpro0_8 ._legendToggle_wpro0_50._legendToggle_wpro0_50 {\n  display: none;\n}\n._legendItem_wpro0_11 {\n  display: flex;\n  align-items: flex-start;\n  gap: 8px;\n  user-select: none;\n  cursor: pointer;\n  font-size: 12px;\n  line-height: 16px;\n}\n._legendItemSymbol_wpro0_80 {\n  display: flex;\n  align-items: center;\n  height: 16px;\n  position: relative;\n  flex-shrink: 0;\n}\nhtml[data-theme='dark'] ._legendItemSymbol_wpro0_80._legendItemSymbol_wpro0_80 {\n  filter: invert(1) hue-rotate(180deg);\n}\n._legendItemBox_wpro0_90 {\n  width: 100%;\n  height: 12px;\n  display: block;\n}\n._legendItemLine_wpro0_95 {\n  position: absolute;\n  display: flex;\n  top: 50%;\n  left: 0;\n  width: 100%;\n  transform: translateY(-50%);\n}\n._legendItemPoint_wpro0_103 {\n  position: absolute;\n  display: flex;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n._isHidden_wpro0_47 ._legendItemText_wpro0_110._legendItemText_wpro0_110 {\n  text-decoration: line-through;\n}\n._scrollbars_wpro0_113 {\n  overflow: overlay;\n  --scrollbar-color: #00000040;\n}\n._scrollbars_wpro0_113::-webkit-scrollbar {\n  display: block;\n  width: 16px;\n  z-index: 2;\n}\n._scrollbars_wpro0_113::-webkit-scrollbar-button {\n  display: none;\n}\n._scrollbars_wpro0_113::-webkit-scrollbar-track {\n  background-color: #00000000;\n}\n._scrollbars_wpro0_113::-webkit-scrollbar-track-piece {\n  background-color: #00000000;\n}\n._scrollbars_wpro0_113::-webkit-scrollbar-thumb {\n  background-color: #00000000;\n  border: 5px solid transparent;\n  border-radius: 24px;\n  box-shadow: 4px 0px 0px 4px var(--scrollbar-color) inset;\n}\n._scrollbars_wpro0_113::-webkit-scrollbar-corner {\n  background: rgba(0, 0, 0, 0);\n}\n._dropzoneContainer_wpro0_140 {\n  position: absolute;\n}\n._dropzone_wpro0_140 {\n  position: absolute;\n  width: 50%;\n  height: 50%;\n  display: flex;\n}\n._dropzone_wpro0_140._left_wpro0_149 {\n  left: 0;\n  justify-content: flex-start;\n}\n._dropzone_wpro0_140._right_wpro0_153 {\n  right: 0;\n  justify-content: flex-end;\n}\n._dropzone_wpro0_140._top_wpro0_157 {\n  top: 0;\n  align-items: flex-start;\n}\n._dropzone_wpro0_140._bottom_wpro0_161 {\n  bottom: 0;\n  align-items: flex-end;\n}\n._dropzonePlaceholder_wpro0_165 {\n  position: absolute;\n  background-color: rgba(0, 0, 0, 0.05);\n  display: none;\n}\n[data-theme='dark'] ._dropzonePlaceholder_wpro0_165 {\n  background-color: rgba(255, 255, 255, 0.05);\n}\n._isActive_wpro0_173 ._dropzonePlaceholder_wpro0_165._dropzonePlaceholder_wpro0_165 {\n  display: block;\n}\n._resizeContainer_wpro0_176 {\n  position: absolute;\n  inset: 0;\n  z-index: -1;\n}\nhtml[data-theme='dark'] ._chart_1jdnu_1 canvas {\n  filter: invert(1) hue-rotate(180deg);\n}\n._chart_1jdnu_1 {\n  border: 1px solid rgba(255, 255, 255, 0);\n  padding-top: 10px;\n  position: relative;\n}\n._chart_1jdnu_1 canvas {\n  width: 100% !important;\n  height: 100% !important;\n}\n._chart_1jdnu_1._fixedHeight_1jdnu_13 {\n  display: flex;\n  align-items: flex-start;\n  justify-content: flex-start;\n  height: auto;\n}\n._chart_1jdnu_1._stretchHeight_1jdnu_19 {\n  display: flex;\n  align-items: stretch;\n  justify-content: stretch;\n  height: 100%;\n}\n._chart_1jdnu_1:focus {\n  border: 1px solid #85b7d9;\n  outline: none;\n}\n._chart_1jdnu_1::-moz-focus-inner {\n  border: 0;\n}\n._zoomForm_1jdnu_32 {\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  top: 0;\n  right: 0;\n}\n._zoomForm_1jdnu_32 ._zoomReset_1jdnu_40 {\n  margin-left: 10px;\n}\n._zoomForm_1jdnu_32 ._help_1jdnu_43 {\n  margin-left: 5px;\n  line-height: 0;\n}\n._autoWeight_1jdnu_47 {\n  width: 'auto';\n  height: 'auto';\n}\nhtml[data-theme='dark'] ._chart_1t41j_1 canvas {\n  filter: invert(1) hue-rotate(180deg);\n}\n._chart_1t41j_1 {\n  border: 1px solid rgba(255, 255, 255, 0);\n  padding-top: 10px;\n  position: relative;\n}\n._chart_1t41j_1 canvas {\n  width: 100% !important;\n  height: 100% !important;\n}\n._chart_1t41j_1._fixedHeight_1t41j_13 {\n  display: flex;\n  align-items: flex-start;\n  justify-content: flex-start;\n  height: auto;\n}\n._chart_1t41j_1._stretchHeight_1t41j_19 {\n  display: flex;\n  align-items: stretch;\n  justify-content: stretch;\n  height: 100%;\n}\n._chart_1t41j_1:focus {\n  border: 1px solid #85b7d9;\n  outline: none;\n}\n._chart_1t41j_1::-moz-focus-inner {\n  border: 0;\n}\n._zoomForm_1t41j_32 {\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  top: 0;\n  right: 0;\n}\n._zoomForm_1t41j_32 ._zoomReset_1t41j_40 {\n  margin-left: 10px;\n}\n._zoomForm_1t41j_32 ._help_1t41j_43 {\n  margin-left: 5px;\n  line-height: 0;\n}\n._autoWeight_1t41j_47 {\n  width: auto;\n  height: auto;\n}"));
+      elementStyle.appendChild(document.createTextNode("html[data-theme='dark'] ._chart_e3qdd_1 canvas {\n  filter: invert(1) hue-rotate(180deg);\n}\n._chart_e3qdd_1 {\n  border: 1px solid rgba(255, 255, 255, 0);\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n._chart_e3qdd_1 ._canvas_e3qdd_11 {\n  flex-grow: 1;\n  min-height: 0;\n  position: relative;\n}\n._chart_e3qdd_1 ._canvas_e3qdd_11 canvas {\n  width: 100% !important;\n  height: 100% !important;\n}\n._chart_e3qdd_1._fixedHeight_e3qdd_20 {\n  display: flex;\n  align-items: flex-start;\n  justify-content: flex-start;\n  height: auto;\n}\n._chart_e3qdd_1._stretchHeight_e3qdd_26 {\n  display: flex;\n  align-items: stretch;\n  justify-content: stretch;\n  height: 100%;\n}\n._chart_e3qdd_1._squareAspectRatio_e3qdd_32 {\n  aspect-ratio: 1;\n  min-height: 0;\n  min-width: 0;\n}\n._chart_e3qdd_1:focus {\n  outline: none;\n}\n._chart_e3qdd_1::-moz-focus-inner {\n  border: 0;\n}\n._zoomForm_e3qdd_43 {\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  top: 0;\n  right: 0;\n}\n._zoomForm_e3qdd_43 ._zoomReset_e3qdd_51 {\n  margin-left: 10px;\n}\n._zoomForm_e3qdd_43 ._help_e3qdd_54 {\n  margin-left: 5px;\n  line-height: 0;\n}\n._autoWeight_e3qdd_58 {\n  width: auto;\n  height: auto;\n}\n._table_e3qdd_62 {\n  overflow: auto;\n}\n._controls_fa3yo_1 {\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 8px;\n}\n._buttons_fa3yo_7 {\n  display: flex;\n  margin-left: auto;\n  gap: 4px;\n}\n._legend_wpro0_1 {\n  position: absolute;\n  opacity: 0.9;\n  display: flex;\n  flex-direction: column;\n  z-index: 1;\n}\n._legend_wpro0_1._isDragging_wpro0_8 {\n  opacity: 0;\n}\n._legendItems_wpro0_11 {\n  background-color: var(--color-background-raised);\n  border: 1px solid var(--color-border);\n  padding: 4px 8px;\n  border-radius: 2px;\n  overflow-y: auto;\n  max-height: 100%;\n  overflow: overlay;\n  --scrollbar-color: #00000040;\n}\n._legendItems_wpro0_11::-webkit-scrollbar {\n  display: block;\n  width: 16px;\n  z-index: 2;\n}\n._legendItems_wpro0_11::-webkit-scrollbar-button {\n  display: none;\n}\n._legendItems_wpro0_11::-webkit-scrollbar-track {\n  background-color: #00000000;\n}\n._legendItems_wpro0_11::-webkit-scrollbar-track-piece {\n  background-color: #00000000;\n}\n._legendItems_wpro0_11::-webkit-scrollbar-thumb {\n  background-color: #00000000;\n  border: 5px solid transparent;\n  border-radius: 24px;\n  box-shadow: 4px 0px 0px 4px var(--scrollbar-color) inset;\n}\n._legendItems_wpro0_11::-webkit-scrollbar-corner {\n  background: rgba(0, 0, 0, 0);\n}\n._legend_wpro0_1._isDragging_wpro0_8 ._legendItems_wpro0_11._legendItems_wpro0_11 {\n  pointer-events: none;\n}\n._legend_wpro0_1._isHidden_wpro0_47 ._legendItems_wpro0_11._legendItems_wpro0_11 {\n  display: none;\n}\n._legendToggle_wpro0_50 {\n  position: absolute;\n  top: 0;\n  right: 0;\n  transform: translate(50%, -50%);\n  display: none;\n}\n._legend_wpro0_1._isHidden_wpro0_47 ._legendToggle_wpro0_50._legendToggle_wpro0_50,\n._legend_wpro0_1:hover ._legendToggle_wpro0_50._legendToggle_wpro0_50 {\n  display: block;\n}\n._legend_wpro0_1:active ._legendToggle_wpro0_50._legendToggle_wpro0_50:not(:hover) {\n  display: none;\n}\n._legend_wpro0_1._isHidden_wpro0_47 ._legendToggle_wpro0_50._legendToggle_wpro0_50 {\n  position: static;\n  transform: none;\n}\n._legend_wpro0_1._isDragging_wpro0_8 ._legendToggle_wpro0_50._legendToggle_wpro0_50 {\n  display: none;\n}\n._legendItem_wpro0_11 {\n  display: flex;\n  align-items: flex-start;\n  gap: 8px;\n  user-select: none;\n  cursor: pointer;\n  font-size: 12px;\n  line-height: 16px;\n}\n._legendItemSymbol_wpro0_80 {\n  display: flex;\n  align-items: center;\n  height: 16px;\n  position: relative;\n  flex-shrink: 0;\n}\nhtml[data-theme='dark'] ._legendItemSymbol_wpro0_80._legendItemSymbol_wpro0_80 {\n  filter: invert(1) hue-rotate(180deg);\n}\n._legendItemBox_wpro0_90 {\n  width: 100%;\n  height: 12px;\n  display: block;\n}\n._legendItemLine_wpro0_95 {\n  position: absolute;\n  display: flex;\n  top: 50%;\n  left: 0;\n  width: 100%;\n  transform: translateY(-50%);\n}\n._legendItemPoint_wpro0_103 {\n  position: absolute;\n  display: flex;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n._isHidden_wpro0_47 ._legendItemText_wpro0_110._legendItemText_wpro0_110 {\n  text-decoration: line-through;\n}\n._scrollbars_wpro0_113 {\n  overflow: overlay;\n  --scrollbar-color: #00000040;\n}\n._scrollbars_wpro0_113::-webkit-scrollbar {\n  display: block;\n  width: 16px;\n  z-index: 2;\n}\n._scrollbars_wpro0_113::-webkit-scrollbar-button {\n  display: none;\n}\n._scrollbars_wpro0_113::-webkit-scrollbar-track {\n  background-color: #00000000;\n}\n._scrollbars_wpro0_113::-webkit-scrollbar-track-piece {\n  background-color: #00000000;\n}\n._scrollbars_wpro0_113::-webkit-scrollbar-thumb {\n  background-color: #00000000;\n  border: 5px solid transparent;\n  border-radius: 24px;\n  box-shadow: 4px 0px 0px 4px var(--scrollbar-color) inset;\n}\n._scrollbars_wpro0_113::-webkit-scrollbar-corner {\n  background: rgba(0, 0, 0, 0);\n}\n._dropzoneContainer_wpro0_140 {\n  position: absolute;\n}\n._dropzone_wpro0_140 {\n  position: absolute;\n  width: 50%;\n  height: 50%;\n  display: flex;\n}\n._dropzone_wpro0_140._left_wpro0_149 {\n  left: 0;\n  justify-content: flex-start;\n}\n._dropzone_wpro0_140._right_wpro0_153 {\n  right: 0;\n  justify-content: flex-end;\n}\n._dropzone_wpro0_140._top_wpro0_157 {\n  top: 0;\n  align-items: flex-start;\n}\n._dropzone_wpro0_140._bottom_wpro0_161 {\n  bottom: 0;\n  align-items: flex-end;\n}\n._dropzonePlaceholder_wpro0_165 {\n  position: absolute;\n  background-color: rgba(0, 0, 0, 0.05);\n  display: none;\n}\n[data-theme='dark'] ._dropzonePlaceholder_wpro0_165 {\n  background-color: rgba(255, 255, 255, 0.05);\n}\n._isActive_wpro0_173 ._dropzonePlaceholder_wpro0_165._dropzonePlaceholder_wpro0_165 {\n  display: block;\n}\n._resizeContainer_wpro0_176 {\n  position: absolute;\n  inset: 0;\n  z-index: -1;\n}\nhtml[data-theme='dark'] ._chart_1jdnu_1 canvas {\n  filter: invert(1) hue-rotate(180deg);\n}\n._chart_1jdnu_1 {\n  border: 1px solid rgba(255, 255, 255, 0);\n  padding-top: 10px;\n  position: relative;\n}\n._chart_1jdnu_1 canvas {\n  width: 100% !important;\n  height: 100% !important;\n}\n._chart_1jdnu_1._fixedHeight_1jdnu_13 {\n  display: flex;\n  align-items: flex-start;\n  justify-content: flex-start;\n  height: auto;\n}\n._chart_1jdnu_1._stretchHeight_1jdnu_19 {\n  display: flex;\n  align-items: stretch;\n  justify-content: stretch;\n  height: 100%;\n}\n._chart_1jdnu_1:focus {\n  border: 1px solid #85b7d9;\n  outline: none;\n}\n._chart_1jdnu_1::-moz-focus-inner {\n  border: 0;\n}\n._zoomForm_1jdnu_32 {\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  top: 0;\n  right: 0;\n}\n._zoomForm_1jdnu_32 ._zoomReset_1jdnu_40 {\n  margin-left: 10px;\n}\n._zoomForm_1jdnu_32 ._help_1jdnu_43 {\n  margin-left: 5px;\n  line-height: 0;\n}\n._autoWeight_1jdnu_47 {\n  width: 'auto';\n  height: 'auto';\n}\nhtml[data-theme='dark'] ._chart_1t41j_1 canvas {\n  filter: invert(1) hue-rotate(180deg);\n}\n._chart_1t41j_1 {\n  border: 1px solid rgba(255, 255, 255, 0);\n  padding-top: 10px;\n  position: relative;\n}\n._chart_1t41j_1 canvas {\n  width: 100% !important;\n  height: 100% !important;\n}\n._chart_1t41j_1._fixedHeight_1t41j_13 {\n  display: flex;\n  align-items: flex-start;\n  justify-content: flex-start;\n  height: auto;\n}\n._chart_1t41j_1._stretchHeight_1t41j_19 {\n  display: flex;\n  align-items: stretch;\n  justify-content: stretch;\n  height: 100%;\n}\n._chart_1t41j_1:focus {\n  border: 1px solid #85b7d9;\n  outline: none;\n}\n._chart_1t41j_1::-moz-focus-inner {\n  border: 0;\n}\n._zoomForm_1t41j_32 {\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  top: 0;\n  right: 0;\n}\n._zoomForm_1t41j_32 ._zoomReset_1t41j_40 {\n  margin-left: 10px;\n}\n._zoomForm_1t41j_32 ._help_1t41j_43 {\n  margin-left: 5px;\n  line-height: 0;\n}\n._autoWeight_1t41j_47 {\n  width: auto;\n  height: auto;\n}"));
       document.head.appendChild(elementStyle);
     }
   } catch (e) {