@dynatrace/strato-components 3.1.3 → 3.2.1

package/esm/charts/core/components/axes/components/TimeLeftAxis.js

@@ -1,48 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { getTicks } from "@visx/scale";
-import { DivAxisWrapper } from "./DivAxisWrapper.js";
-import { formatDateTicks } from "../../../utils/format-date-ticks.js";
-import { getTickValues } from "../../../utils/format-value.js";
-import { getVerticalNumTicks } from "../../../utils/ticks.js";
-import { AxisLeft } from "../AxisLeft.js";
-import { axisFontProps } from "../constants.js";
-import { getTickLabelPropsForValueAxis } from "../utils/get-tick-label-props.js";
-const TICK_LABEL_PROPS = getTickLabelPropsForValueAxis("left");
-const TimeLeftAxis = (props) => {
-  const { scale, containerHeight, containerWidth, label, stroke } = props;
-  const numTicks = getVerticalNumTicks(containerHeight);
-  const ticks = getTicks(scale, numTicks);
-  const tickValues = getTickValues(
-    ticks,
-    formatDateTicks
-  );
-  const tickFormat = (_, index) => tickValues[index];
-  return /* @__PURE__ */ jsx(
-    DivAxisWrapper,
-    {
-      divAxisStyle: axisFontProps,
-      ticks: tickValues,
-      label,
-      children: /* @__PURE__ */ jsx(
-        AxisLeft,
-        {
-          "data-testid": "time-axis-left",
-          scale,
-          containerSize: containerHeight,
-          width: containerWidth,
-          numTicks,
-          tickValues: ticks,
-          tickLabelProps: TICK_LABEL_PROPS,
-          tickFormat,
-          label,
-          stroke
-        }
-      )
-    }
-  );
-};
-TimeLeftAxis["displayName"] = "TimeLeftAxis";
-export {
-  TimeLeftAxis
-};
-//# sourceMappingURL=TimeLeftAxis.js.map

package/esm/charts/core/components/axes/components/TimeLeftAxis.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../src/charts/core/components/axes/components/TimeLeftAxis.tsx"],
-  "sourcesContent": ["import { getTicks } from '@visx/scale';\nimport type { ScaleTime } from 'd3-scale';\n\nimport { DivAxisWrapper } from './DivAxisWrapper.js';\nimport { Formatter } from '../../../types/formatter.js';\nimport {\n  TickValueFormatter,\n  TickPrimitiveValue,\n} from '../../../types/tick-value.js';\nimport { formatDateTicks } from '../../../utils/format-date-ticks.js';\nimport { getTickValues } from '../../../utils/format-value.js';\nimport { getVerticalNumTicks } from '../../../utils/ticks.js';\nimport { AxisLeft } from '../AxisLeft.js';\nimport { axisFontProps } from '../constants.js';\nimport { getTickLabelPropsForValueAxis } from '../utils/get-tick-label-props.js';\n\n/**\n * @internal\n */\nexport interface TimeLeftAxisProps {\n  scale: ScaleTime<number, number>;\n  containerWidth: number;\n  containerHeight: number;\n  formatter?: Formatter;\n  label?: string;\n  stroke?: string;\n}\n\nconst TICK_LABEL_PROPS = getTickLabelPropsForValueAxis('left');\n\n/**\n * @internal\n */\nexport const TimeLeftAxis = (props: TimeLeftAxisProps) => {\n  const { scale, containerHeight, containerWidth, label, stroke } = props;\n\n  const numTicks = getVerticalNumTicks(containerHeight);\n  const ticks = getTicks(scale, numTicks) as TickPrimitiveValue[];\n  const tickValues = getTickValues(\n    ticks,\n    formatDateTicks as TickValueFormatter,\n  );\n  const tickFormat = (_: unknown, index: number) => tickValues[index];\n\n  return (\n    <DivAxisWrapper\n      divAxisStyle={axisFontProps}\n      ticks={tickValues}\n      label={label}\n    >\n      <AxisLeft\n        data-testid=\"time-axis-left\"\n        scale={scale}\n        containerSize={containerHeight}\n        width={containerWidth}\n        numTicks={numTicks}\n        tickValues={ticks}\n        tickLabelProps={TICK_LABEL_PROPS}\n        tickFormat={tickFormat}\n        label={label}\n        stroke={stroke}\n      />\n    </DivAxisWrapper>\n  );\n};\n\nTimeLeftAxis['displayName'] = 'TimeLeftAxis';\n"],
-  "mappings": "AAkDM;AAlDN,SAAS,gBAAgB;AAGzB,SAAS,sBAAsB;AAM/B,SAAS,uBAAuB;AAChC,SAAS,qBAAqB;AAC9B,SAAS,2BAA2B;AACpC,SAAS,gBAAgB;AACzB,SAAS,qBAAqB;AAC9B,SAAS,qCAAqC;AAc9C,MAAM,mBAAmB,8BAA8B,MAAM;AAKtD,MAAM,eAAe,CAAC,UAA6B;AACxD,QAAM,EAAE,OAAO,iBAAiB,gBAAgB,OAAO,OAAO,IAAI;AAElE,QAAM,WAAW,oBAAoB,eAAe;AACpD,QAAM,QAAQ,SAAS,OAAO,QAAQ;AACtC,QAAM,aAAa;AAAA,IACjB;AAAA,IACA;AAAA,EACF;AACA,QAAM,aAAa,CAAC,GAAY,UAAkB,WAAW,KAAK;AAElE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,cAAc;AAAA,MACd,OAAO;AAAA,MACP;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,eAAY;AAAA,UACZ;AAAA,UACA,eAAe;AAAA,UACf,OAAO;AAAA,UACP;AAAA,UACA,YAAY;AAAA,UACZ,gBAAgB;AAAA,UAChB;AAAA,UACA;AAAA,UACA;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;AAEA,aAAa,aAAa,IAAI;",
-  "names": []
-}

package/esm/charts/core/components/canvas/components/RectPerimeterCanvas.js

@@ -1,33 +0,0 @@
-import { useCallback } from "react";
-import { useCanvas } from "../hooks/useCanvas.js";
-import { getCanvasColor } from "../utils/canvas-color.js";
-const RectPerimeterCanvas = ({
-  lines,
-  borderWidth = 0,
-  opacity = 1,
-  color
-}) => {
-  const draw = useCallback(
-    (ctx) => {
-      ctx.save();
-      ctx.lineWidth = borderWidth;
-      ctx.globalAlpha = opacity;
-      ctx.beginPath();
-      lines.forEach((line) => {
-        ctx.moveTo(line.start.x, line.start.y);
-        ctx.lineTo(line.end.x, line.end.y);
-      });
-      ctx.strokeStyle = getCanvasColor(color);
-      ctx.stroke();
-      ctx.restore();
-      return false;
-    },
-    [lines]
-  );
-  useCanvas("rect-perimeter", draw);
-  return null;
-};
-export {
-  RectPerimeterCanvas
-};
-//# sourceMappingURL=RectPerimeterCanvas.js.map

package/esm/charts/core/components/canvas/components/RectPerimeterCanvas.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../src/charts/core/components/canvas/components/RectPerimeterCanvas.tsx"],
-  "sourcesContent": ["import { useCallback } from 'react';\n\nimport { Line } from '../../../types/line.js';\nimport { useCanvas } from '../hooks/useCanvas.js';\nimport { getCanvasColor } from '../utils/canvas-color.js';\n\ninterface RectPerimeterCanvasProps {\n  lines: Line[];\n  borderWidth: number;\n  color: string;\n  opacity?: number;\n}\n\nexport const RectPerimeterCanvas = ({\n  lines,\n  borderWidth = 0,\n  opacity = 1,\n  color,\n}: RectPerimeterCanvasProps) => {\n  const draw = useCallback(\n    (ctx: CanvasRenderingContext2D) => {\n      ctx.save();\n      ctx.lineWidth = borderWidth;\n      ctx.globalAlpha = opacity;\n      ctx.beginPath();\n      lines.forEach((line) => {\n        ctx.moveTo(line.start.x, line.start.y);\n        ctx.lineTo(line.end.x, line.end.y);\n      });\n      ctx.strokeStyle = getCanvasColor(color);\n      ctx.stroke();\n      ctx.restore();\n      return false;\n    },\n    [lines],\n  );\n\n  useCanvas('rect-perimeter', draw);\n\n  return null;\n};\n"],
-  "mappings": "AAAA,SAAS,mBAAmB;AAG5B,SAAS,iBAAiB;AAC1B,SAAS,sBAAsB;AASxB,MAAM,sBAAsB,CAAC;AAAA,EAClC;AAAA,EACA,cAAc;AAAA,EACd,UAAU;AAAA,EACV;AACF,MAAgC;AAC9B,QAAM,OAAO;AAAA,IACX,CAAC,QAAkC;AACjC,UAAI,KAAK;AACT,UAAI,YAAY;AAChB,UAAI,cAAc;AAClB,UAAI,UAAU;AACd,YAAM,QAAQ,CAAC,SAAS;AACtB,YAAI,OAAO,KAAK,MAAM,GAAG,KAAK,MAAM,CAAC;AACrC,YAAI,OAAO,KAAK,IAAI,GAAG,KAAK,IAAI,CAAC;AAAA,MACnC,CAAC;AACD,UAAI,cAAc,eAAe,KAAK;AACtC,UAAI,OAAO;AACX,UAAI,QAAQ;AACZ,aAAO;AAAA,IACT;AAAA,IACA,CAAC,KAAK;AAAA,EACR;AAEA,YAAU,kBAAkB,IAAI;AAEhC,SAAO;AACT;",
-  "names": []
-}

package/esm/charts/core/components/copy-to-clipboard/CopyToClipboard.js

@@ -1,63 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { useMemo } from "react";
-import { useIntl } from "react-intl";
-import { CopyIcon } from "@dynatrace/strato-icons";
-import { COPY_TO_CLIPBOARD_MESSAGES } from "./copy-to-clipboard-messages.js";
-import { Button } from "../../../../buttons/button/Button.js";
-import { useCopyToClipboard } from "../../../../core/utils/useCopyToClipboard.js";
-import { Tooltip } from "../../../../overlays/tooltip/Tooltip.js";
-const CopyToClipboard = ({
-  textToCopy,
-  tooltipText
-}) => {
-  const intl = useIntl();
-  const defaultTooltipText = [
-    intl.formatMessage(COPY_TO_CLIPBOARD_MESSAGES.tooltipActionCopy),
-    intl.formatMessage(COPY_TO_CLIPBOARD_MESSAGES.actionCopied)
-  ];
-  const [copyToClipboard, copied, setCopied] = useCopyToClipboard(textToCopy);
-  const handleCopy = (e) => {
-    e.stopPropagation();
-    copyToClipboard();
-  };
-  const getArrayOfTooltipTexts = (values) => {
-    if (typeof values === "string") {
-      return [values, values];
-    }
-    return [values[0], values[1] ?? values[0]];
-  };
-  const tooltipMessages = useMemo(
-    () => tooltipText ? getArrayOfTooltipTexts(tooltipText) : defaultTooltipText,
-    [tooltipText]
-  );
-  const MemoizedButton = useMemo(
-    () => /* @__PURE__ */ jsx(
-      Button,
-      {
-        "data-testid": "copy-to-clipboard-button",
-        onClick: handleCopy,
-        variant: "emphasized",
-        children: /* @__PURE__ */ jsx(Button.Prefix, { children: /* @__PURE__ */ jsx(CopyIcon, {}) })
-      }
-    ),
-    []
-  );
-  return useMemo(
-    () => /* @__PURE__ */ jsx(
-      Tooltip,
-      {
-        text: copied ? tooltipMessages[1] : tooltipMessages[0],
-        placement: "top",
-        delay: "none",
-        onOpenChange: () => setCopied(false),
-        children: MemoizedButton
-      }
-    ),
-    [tooltipMessages, copied]
-  );
-};
-CopyToClipboard["displayName"] = "CopyToClipboard";
-export {
-  CopyToClipboard
-};
-//# sourceMappingURL=CopyToClipboard.js.map

package/esm/charts/core/components/copy-to-clipboard/CopyToClipboard.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../src/charts/core/components/copy-to-clipboard/CopyToClipboard.tsx"],
-  "sourcesContent": ["import { type MouseEvent, type PropsWithChildren, useMemo } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport { CopyIcon } from '@dynatrace/strato-icons';\n\nimport { COPY_TO_CLIPBOARD_MESSAGES } from './copy-to-clipboard-messages.js';\nimport { Button } from '../../../../buttons/button/Button.js';\nimport { useCopyToClipboard } from '../../../../core/utils/useCopyToClipboard.js';\nimport { Tooltip } from '../../../../overlays/tooltip/Tooltip.js';\n\ninterface CopyToClipboardProps {\n  /* Text to copy to the clipboard */\n  textToCopy: string;\n  /* Text in tooltip for copy button. Default Copy/Copied. */\n  tooltipText?: string[] | string;\n}\n\ntype CopyToClipboardType = PropsWithChildren<CopyToClipboardProps>;\n\nexport const CopyToClipboard = ({\n  textToCopy,\n  tooltipText,\n}: CopyToClipboardType) => {\n  const intl = useIntl();\n  const defaultTooltipText = [\n    intl.formatMessage(COPY_TO_CLIPBOARD_MESSAGES.tooltipActionCopy),\n    intl.formatMessage(COPY_TO_CLIPBOARD_MESSAGES.actionCopied),\n  ];\n\n  const [copyToClipboard, copied, setCopied] = useCopyToClipboard(textToCopy);\n\n  const handleCopy = (e: MouseEvent) => {\n    e.stopPropagation();\n    copyToClipboard();\n  };\n\n  const getArrayOfTooltipTexts = (values: string | string[]): string[] => {\n    if (typeof values === 'string') {\n      return [values, values];\n    }\n\n    return [values[0], values[1] ?? values[0]];\n  };\n\n  const tooltipMessages = useMemo(\n    () =>\n      tooltipText ? getArrayOfTooltipTexts(tooltipText) : defaultTooltipText,\n    [tooltipText],\n  );\n\n  const MemoizedButton = useMemo(\n    () => (\n      <Button\n        data-testid=\"copy-to-clipboard-button\"\n        onClick={handleCopy}\n        variant=\"emphasized\"\n      >\n        <Button.Prefix>\n          <CopyIcon />\n        </Button.Prefix>\n      </Button>\n    ),\n    [],\n  );\n\n  return useMemo(\n    () => (\n      <Tooltip\n        text={copied ? tooltipMessages[1] : tooltipMessages[0]}\n        placement=\"top\"\n        delay=\"none\"\n        onOpenChange={() => setCopied(false)}\n      >\n        {MemoizedButton}\n      </Tooltip>\n    ),\n    [tooltipMessages, copied],\n  );\n};\n\nCopyToClipboard['displayName'] = 'CopyToClipboard';\n"],
-  "mappings": "AA0DU;AA1DV,SAAkD,eAAe;AACjE,SAAS,eAAe;AAExB,SAAS,gBAAgB;AAEzB,SAAS,kCAAkC;AAC3C,SAAS,cAAc;AACvB,SAAS,0BAA0B;AACnC,SAAS,eAAe;AAWjB,MAAM,kBAAkB,CAAC;AAAA,EAC9B;AAAA,EACA;AACF,MAA2B;AACzB,QAAM,OAAO,QAAQ;AACrB,QAAM,qBAAqB;AAAA,IACzB,KAAK,cAAc,2BAA2B,iBAAiB;AAAA,IAC/D,KAAK,cAAc,2BAA2B,YAAY;AAAA,EAC5D;AAEA,QAAM,CAAC,iBAAiB,QAAQ,SAAS,IAAI,mBAAmB,UAAU;AAE1E,QAAM,aAAa,CAAC,MAAkB;AACpC,MAAE,gBAAgB;AAClB,oBAAgB;AAAA,EAClB;AAEA,QAAM,yBAAyB,CAAC,WAAwC;AACtE,QAAI,OAAO,WAAW,UAAU;AAC9B,aAAO,CAAC,QAAQ,MAAM;AAAA,IACxB;AAEA,WAAO,CAAC,OAAO,CAAC,GAAG,OAAO,CAAC,KAAK,OAAO,CAAC,CAAC;AAAA,EAC3C;AAEA,QAAM,kBAAkB;AAAA,IACtB,MACE,cAAc,uBAAuB,WAAW,IAAI;AAAA,IACtD,CAAC,WAAW;AAAA,EACd;AAEA,QAAM,iBAAiB;AAAA,IACrB,MACE;AAAA,MAAC;AAAA;AAAA,QACC,eAAY;AAAA,QACZ,SAAS;AAAA,QACT,SAAQ;AAAA,QAER,8BAAC,OAAO,QAAP,EACC,8BAAC,YAAS,GACZ;AAAA;AAAA,IACF;AAAA,IAEF,CAAC;AAAA,EACH;AAEA,SAAO;AAAA,IACL,MACE;AAAA,MAAC;AAAA;AAAA,QACC,MAAM,SAAS,gBAAgB,CAAC,IAAI,gBAAgB,CAAC;AAAA,QACrD,WAAU;AAAA,QACV,OAAM;AAAA,QACN,cAAc,MAAM,UAAU,KAAK;AAAA,QAElC;AAAA;AAAA,IACH;AAAA,IAEF,CAAC,iBAAiB,MAAM;AAAA,EAC1B;AACF;AAEA,gBAAgB,aAAa,IAAI;",
-  "names": []
-}

package/esm/charts/core/components/data-point/RectPointCanvas.js

@@ -1,23 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import Colors from "@dynatrace/strato-design-tokens/colors";
-import {
-  getRectPerimeterLines
-} from "./utils/get-rect-perimeter-lines.js";
-import { RectPerimeterCanvas } from "../canvas/components/RectPerimeterCanvas.js";
-const RectPointCanvas = (props) => {
-  const { point, width, height, conditions } = props;
-  const linesToDraw = getRectPerimeterLines(point, width, height, conditions);
-  return /* @__PURE__ */ jsx(
-    RectPerimeterCanvas,
-    {
-      lines: linesToDraw,
-      borderWidth: 1,
-      opacity: 1,
-      color: Colors.Text.Neutral.Default
-    }
-  );
-};
-export {
-  RectPointCanvas
-};
-//# sourceMappingURL=RectPointCanvas.js.map

package/esm/charts/core/components/data-point/RectPointCanvas.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../src/charts/core/components/data-point/RectPointCanvas.tsx"],
-  "sourcesContent": ["import Colors from '@dynatrace/strato-design-tokens/colors';\n\nimport {\n  getRectPerimeterLines,\n  type RectLimits,\n} from './utils/get-rect-perimeter-lines.js';\nimport type { RectDataPoint } from '../../types/data-point.js';\nimport { RectPerimeterCanvas } from '../canvas/components/RectPerimeterCanvas.js';\n\ninterface RectPointCanvasProps {\n  point: RectDataPoint;\n  conditions: RectLimits;\n  width: number;\n  height: number;\n}\n\n/**\n * Component for rendering a single dataPoint or a group of dataPoints.\n */\nexport const RectPointCanvas = (props: RectPointCanvasProps) => {\n  const { point, width, height, conditions } = props;\n\n  const linesToDraw = getRectPerimeterLines(point, width, height, conditions);\n\n  return (\n    <RectPerimeterCanvas\n      lines={linesToDraw}\n      borderWidth={1}\n      opacity={1}\n      color={Colors.Text.Neutral.Default}\n    />\n  );\n};\n"],
-  "mappings": "AAyBI;AAzBJ,OAAO,YAAY;AAEnB;AAAA,EACE;AAAA,OAEK;AAEP,SAAS,2BAA2B;AAY7B,MAAM,kBAAkB,CAAC,UAAgC;AAC9D,QAAM,EAAE,OAAO,OAAO,QAAQ,WAAW,IAAI;AAE7C,QAAM,cAAc,sBAAsB,OAAO,OAAO,QAAQ,UAAU;AAE1E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,MACP,aAAa;AAAA,MACb,SAAS;AAAA,MACT,OAAO,OAAO,KAAK,QAAQ;AAAA;AAAA,EAC7B;AAEJ;",
-  "names": []
-}

package/esm/charts/core/components/data-point/utils/get-rect-perimeter-lines.js

@@ -1,35 +0,0 @@
-import { HALF_PIXEL_CORRECTION, OVERLAY_PADDING } from "../constants.js";
-const getRectPerimeterLines = (point, chartWidth, chartHeight, limitations) => {
-  const touchingTop = point.y <= OVERLAY_PADDING + HALF_PIXEL_CORRECTION;
-  const touchingRight = point.x + point.width >= chartWidth + HALF_PIXEL_CORRECTION;
-  const touchingBottom = point.y + point.height >= chartHeight + HALF_PIXEL_CORRECTION;
-  const touchingLeft = point.x <= OVERLAY_PADDING + HALF_PIXEL_CORRECTION;
-  const drawTop = !(touchingTop && limitations.drawableTop);
-  const drawRight = !(touchingRight && limitations.drawableRight);
-  const drawBottom = !(touchingBottom && limitations.drawableBottom);
-  const drawLeft = !(touchingLeft && limitations.drawableLeft);
-  const x0 = Math.max(point.x, OVERLAY_PADDING) + HALF_PIXEL_CORRECTION;
-  const y0 = point.y + HALF_PIXEL_CORRECTION;
-  const maxX = chartWidth + OVERLAY_PADDING - HALF_PIXEL_CORRECTION;
-  const rawX1 = point.x + point.width;
-  const x1 = Math.min(rawX1, maxX) - (touchingRight && rawX1 <= maxX ? HALF_PIXEL_CORRECTION : 0);
-  const y1 = point.y + point.height;
-  const linesToDraw = [];
-  if (drawTop) {
-    linesToDraw.push({ start: { x: x0, y: y0 }, end: { x: x1, y: y0 } });
-  }
-  if (drawRight) {
-    linesToDraw.push({ start: { x: x1, y: y0 }, end: { x: x1, y: y1 } });
-  }
-  if (drawBottom) {
-    linesToDraw.push({ start: { x: x1, y: y1 }, end: { x: x0, y: y1 } });
-  }
-  if (drawLeft) {
-    linesToDraw.push({ start: { x: x0, y: y1 }, end: { x: x0, y: y0 } });
-  }
-  return linesToDraw;
-};
-export {
-  getRectPerimeterLines
-};
-//# sourceMappingURL=get-rect-perimeter-lines.js.map

package/esm/charts/core/components/data-point/utils/get-rect-perimeter-lines.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../src/charts/core/components/data-point/utils/get-rect-perimeter-lines.ts"],
-  "sourcesContent": ["import { RectDataPoint } from '../../../types/data-point.js';\nimport { Line } from '../../../types/line.js';\nimport { HALF_PIXEL_CORRECTION, OVERLAY_PADDING } from '../constants.js';\n\nexport type RectLimits = {\n  drawableTop: boolean;\n  drawableRight: boolean;\n  drawableBottom: boolean;\n  drawableLeft: boolean;\n};\n\n/**\n * Returns the perimeter lines of a rectangle, omitting lines that touch chart edges with axes.\n */\nexport const getRectPerimeterLines = (\n  point: RectDataPoint,\n  chartWidth: number,\n  chartHeight: number,\n  limitations: RectLimits,\n): Line[] => {\n  const touchingTop = point.y <= OVERLAY_PADDING + HALF_PIXEL_CORRECTION;\n  const touchingRight =\n    point.x + point.width >= chartWidth + HALF_PIXEL_CORRECTION;\n  const touchingBottom =\n    point.y + point.height >= chartHeight + HALF_PIXEL_CORRECTION;\n  const touchingLeft = point.x <= OVERLAY_PADDING + HALF_PIXEL_CORRECTION;\n\n  const drawTop = !(touchingTop && limitations.drawableTop);\n  const drawRight = !(touchingRight && limitations.drawableRight);\n  const drawBottom = !(touchingBottom && limitations.drawableBottom);\n  const drawLeft = !(touchingLeft && limitations.drawableLeft);\n\n  const x0 = Math.max(point.x, OVERLAY_PADDING) + HALF_PIXEL_CORRECTION;\n  const y0 = point.y + HALF_PIXEL_CORRECTION;\n\n  const maxX = chartWidth + OVERLAY_PADDING - HALF_PIXEL_CORRECTION;\n  const rawX1 = point.x + point.width;\n  const x1 =\n    Math.min(rawX1, maxX) -\n    (touchingRight && rawX1 <= maxX ? HALF_PIXEL_CORRECTION : 0);\n  const y1 = point.y + point.height;\n\n  const linesToDraw: Line[] = [];\n  if (drawTop) {\n    linesToDraw.push({ start: { x: x0, y: y0 }, end: { x: x1, y: y0 } });\n  }\n  if (drawRight) {\n    linesToDraw.push({ start: { x: x1, y: y0 }, end: { x: x1, y: y1 } });\n  }\n  if (drawBottom) {\n    linesToDraw.push({ start: { x: x1, y: y1 }, end: { x: x0, y: y1 } });\n  }\n  if (drawLeft) {\n    linesToDraw.push({ start: { x: x0, y: y1 }, end: { x: x0, y: y0 } });\n  }\n  return linesToDraw;\n};\n"],
-  "mappings": "AAEA,SAAS,uBAAuB,uBAAuB;AAYhD,MAAM,wBAAwB,CACnC,OACA,YACA,aACA,gBACW;AACX,QAAM,cAAc,MAAM,KAAK,kBAAkB;AACjD,QAAM,gBACJ,MAAM,IAAI,MAAM,SAAS,aAAa;AACxC,QAAM,iBACJ,MAAM,IAAI,MAAM,UAAU,cAAc;AAC1C,QAAM,eAAe,MAAM,KAAK,kBAAkB;AAElD,QAAM,UAAU,EAAE,eAAe,YAAY;AAC7C,QAAM,YAAY,EAAE,iBAAiB,YAAY;AACjD,QAAM,aAAa,EAAE,kBAAkB,YAAY;AACnD,QAAM,WAAW,EAAE,gBAAgB,YAAY;AAE/C,QAAM,KAAK,KAAK,IAAI,MAAM,GAAG,eAAe,IAAI;AAChD,QAAM,KAAK,MAAM,IAAI;AAErB,QAAM,OAAO,aAAa,kBAAkB;AAC5C,QAAM,QAAQ,MAAM,IAAI,MAAM;AAC9B,QAAM,KACJ,KAAK,IAAI,OAAO,IAAI,KACnB,iBAAiB,SAAS,OAAO,wBAAwB;AAC5D,QAAM,KAAK,MAAM,IAAI,MAAM;AAE3B,QAAM,cAAsB,CAAC;AAC7B,MAAI,SAAS;AACX,gBAAY,KAAK,EAAE,OAAO,EAAE,GAAG,IAAI,GAAG,GAAG,GAAG,KAAK,EAAE,GAAG,IAAI,GAAG,GAAG,EAAE,CAAC;AAAA,EACrE;AACA,MAAI,WAAW;AACb,gBAAY,KAAK,EAAE,OAAO,EAAE,GAAG,IAAI,GAAG,GAAG,GAAG,KAAK,EAAE,GAAG,IAAI,GAAG,GAAG,EAAE,CAAC;AAAA,EACrE;AACA,MAAI,YAAY;AACd,gBAAY,KAAK,EAAE,OAAO,EAAE,GAAG,IAAI,GAAG,GAAG,GAAG,KAAK,EAAE,GAAG,IAAI,GAAG,GAAG,EAAE,CAAC;AAAA,EACrE;AACA,MAAI,UAAU;AACZ,gBAAY,KAAK,EAAE,OAAO,EAAE,GAAG,IAAI,GAAG,GAAG,GAAG,KAAK,EAAE,GAAG,IAAI,GAAG,GAAG,EAAE,CAAC;AAAA,EACrE;AACA,SAAO;AACT;",
-  "names": []
-}

package/esm/charts/core/components/foreign-object-wrapper/ForeignObjectWrapper.js

@@ -1,11 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-const ForeignObjectWrapper = ({
-  children,
-  ...props
-}) => {
-  return /* @__PURE__ */ jsx("foreignObject", { ...props, children: /* @__PURE__ */ jsx("div", { style: { position: "fixed" }, children }) });
-};
-export {
-  ForeignObjectWrapper
-};
-//# sourceMappingURL=ForeignObjectWrapper.js.map

package/esm/charts/core/components/foreign-object-wrapper/ForeignObjectWrapper.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../src/charts/core/components/foreign-object-wrapper/ForeignObjectWrapper.tsx"],
-  "sourcesContent": ["import { type PropsWithChildren, SVGProps } from 'react';\n\n/**\n * Component to wrap a child element into a foreign object forcing the parent to be position fixed.\n * The main goal of this wrapper is to prevent positioning issues on Safari.\n */\nexport const ForeignObjectWrapper = ({\n  children,\n  ...props\n}: PropsWithChildren<SVGProps<SVGForeignObjectElement>>) => {\n  return (\n    <foreignObject {...props}>\n      <div style={{ position: 'fixed' }}>{children}</div>\n    </foreignObject>\n  );\n};\n"],
-  "mappings": "AAYM;AANC,MAAM,uBAAuB,CAAC;AAAA,EACnC;AAAA,EACA,GAAG;AACL,MAA4D;AAC1D,SACE,oBAAC,mBAAe,GAAG,OACjB,8BAAC,SAAI,OAAO,EAAE,UAAU,QAAQ,GAAI,UAAS,GAC/C;AAEJ;",
-  "names": []
-}

package/esm/charts/core/components/legend/range/utils/get-items-min-max-values.js

@@ -1,10 +0,0 @@
-const getItemsMinMaxValues = (items) => {
-  const itemValues = items.flatMap((item) => [item.from, item.to]);
-  const itemMinValue = Math.min(...itemValues);
-  const itemMaxValue = Math.max(...itemValues);
-  return { itemMaxValue, itemMinValue };
-};
-export {
-  getItemsMinMaxValues
-};
-//# sourceMappingURL=get-items-min-max-values.js.map

package/esm/charts/core/components/legend/range/utils/get-items-min-max-values.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../../src/charts/core/components/legend/range/utils/get-items-min-max-values.ts"],
-  "sourcesContent": ["import type { InternalRangeItem } from '../types/range-legend.internal.js';\n\nexport const getItemsMinMaxValues = (items: InternalRangeItem[]) => {\n  const itemValues = items.flatMap((item) => [item.from, item.to]);\n  const itemMinValue = Math.min(...itemValues);\n  const itemMaxValue = Math.max(...itemValues);\n\n  return { itemMaxValue, itemMinValue };\n};\n"],
-  "mappings": "AAEO,MAAM,uBAAuB,CAAC,UAA+B;AAClE,QAAM,aAAa,MAAM,QAAQ,CAAC,SAAS,CAAC,KAAK,MAAM,KAAK,EAAE,CAAC;AAC/D,QAAM,eAAe,KAAK,IAAI,GAAG,UAAU;AAC3C,QAAM,eAAe,KAAK,IAAI,GAAG,UAAU;AAE3C,SAAO,EAAE,cAAc,aAAa;AACtC;",
-  "names": []
-}

package/esm/charts/core/components/overlay-tooltip/components/header/hooks/use-format-strategy.js

@@ -1,10 +0,0 @@
-import { useDefaultConfig } from "../../../hooks/useDefaultConfig.js";
-import { defaultLabelFormatterStrategy } from "../utils/value-formatters.js";
-const useFormatStrategy = () => {
-  const defaultConfig = useDefaultConfig();
-  return defaultConfig?.headerFormatStrategy ?? defaultLabelFormatterStrategy;
-};
-export {
-  useFormatStrategy
-};
-//# sourceMappingURL=use-format-strategy.js.map

package/esm/charts/core/components/overlay-tooltip/components/header/hooks/use-format-strategy.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../../../src/charts/core/components/overlay-tooltip/components/header/hooks/use-format-strategy.ts"],
-  "sourcesContent": ["import { useDefaultConfig } from '../../../hooks/useDefaultConfig.js';\nimport type { FormatStrategy } from '../../../types.js';\nimport { defaultLabelFormatterStrategy } from '../utils/value-formatters.js';\n\nexport const useFormatStrategy = (): FormatStrategy => {\n  const defaultConfig = useDefaultConfig();\n\n  return defaultConfig?.headerFormatStrategy ?? defaultLabelFormatterStrategy;\n};\n"],
-  "mappings": "AAAA,SAAS,wBAAwB;AAEjC,SAAS,qCAAqC;AAEvC,MAAM,oBAAoB,MAAsB;AACrD,QAAM,gBAAgB,iBAAiB;AAEvC,SAAO,eAAe,wBAAwB;AAChD;",
-  "names": []
-}

package/esm/charts/core/components/shape/shape-icon.css

@@ -1,4 +0,0 @@
-._d5ba2x0-3-1-3 {
-  display: block;
-  vertical-align: middle;
-}

package/esm/charts/core/components/shape/shape-icon.sty.js

@@ -1,6 +0,0 @@
-import "./shape-icon.css";
-var singleDimensionIcon = "_d5ba2x0-3-1-3";
-export {
-  singleDimensionIcon
-};
-//# sourceMappingURL=shape-icon.sty.js.map

package/esm/charts/core/components/shape/shape-icon.sty.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../src/charts/core/components/shape/shape-icon.css.ts"],
-  "sourcesContent": ["import './shape-icon.css';\nexport var singleDimensionIcon = '_d5ba2x0-3-1-3';"],
-  "mappings": "AAAA,OAAO;AACA,IAAI,sBAAsB;",
-  "names": []
-}

package/esm/charts/core/components/single-value-renderer/SingleValueToolbar.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../src/charts/core/components/single-value-renderer/SingleValueToolbar.tsx"],
-  "sourcesContent": ["import {\n  MINIMUM_HEIGHT_FOR_TOOLBAR,\n  MINIMUM_HEIGHT_FOR_TOOLBAR_WITH_PADDING,\n} from './constants.js';\nimport { toolbarOverlayPadding } from './toolbar.sty.js';\nimport { IntentProps } from '../../../../core/slots/Intent/Intent.js';\nimport { ChartOverlaysElevation } from '../../constants.js';\nimport { InternalChartToolbarConfig } from '../../types/toolbar.js';\nimport { getA11yToolbarConfig } from '../../utils/zoom.js';\nimport { ChartToolbarRenderer } from '../toolbar/ChartToolbarRenderer.js';\nimport type { IntentsAsyncTemplate } from '../toolbar/types.js';\n\ninterface SingleValueToolbarProps extends InternalChartToolbarConfig {\n  /** Intents to show in the toolbar */\n  intents?: Array<IntentProps>;\n  /** Decides if the toolbar is hidden */\n  hidden: boolean;\n  parentHeight: number;\n  intentsAsyncTemplate?: IntentsAsyncTemplate;\n}\n\nexport const SingleValueToolbar = (props: SingleValueToolbarProps) => {\n  const {\n    parentHeight,\n    hidden,\n    intents,\n    intentsAsyncTemplate,\n    placement = 'top-right',\n    draggable,\n  } = props;\n\n  const hasEnoughHeightForToolbar = parentHeight > MINIMUM_HEIGHT_FOR_TOOLBAR;\n  const isToolbarEnabled =\n    hasEnoughHeightForToolbar &&\n    !hidden &&\n    !!(intents?.length ?? intentsAsyncTemplate);\n\n  if (!isToolbarEnabled) {\n    return null;\n  }\n\n  const overlayClassName =\n    parentHeight > MINIMUM_HEIGHT_FOR_TOOLBAR_WITH_PADDING\n      ? undefined\n      : toolbarOverlayPadding;\n\n  return (\n    <ChartToolbarRenderer\n      visible={false}\n      placement={placement}\n      initialA11yState={getA11yToolbarConfig({\n        intent: !!intents,\n      })}\n      menuDisplayMode=\"never\"\n      intents={intents}\n      overlayClassName={overlayClassName}\n      visibleWhenMouseInBounds\n      intentsAsyncTemplate={intentsAsyncTemplate}\n      zIndex={ChartOverlaysElevation.toolbar}\n      draggable={draggable}\n      removeDragHandle\n    />\n  );\n};\n\nSingleValueToolbar['displayName'] = 'SingleValueToolbar';\n"],
-  "mappings": "AA+CI;AA/CJ;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,6BAA6B;AAEtC,SAAS,8BAA8B;AAEvC,SAAS,4BAA4B;AACrC,SAAS,4BAA4B;AAY9B,MAAM,qBAAqB,CAAC,UAAmC;AACpE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ;AAAA,EACF,IAAI;AAEJ,QAAM,4BAA4B,eAAe;AACjD,QAAM,mBACJ,6BACA,CAAC,UACD,CAAC,EAAE,SAAS,UAAU;AAExB,MAAI,CAAC,kBAAkB;AACrB,WAAO;AAAA,EACT;AAEA,QAAM,mBACJ,eAAe,0CACX,SACA;AAEN,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAS;AAAA,MACT;AAAA,MACA,kBAAkB,qBAAqB;AAAA,QACrC,QAAQ,CAAC,CAAC;AAAA,MACZ,CAAC;AAAA,MACD,iBAAgB;AAAA,MAChB;AAAA,MACA;AAAA,MACA,0BAAwB;AAAA,MACxB;AAAA,MACA,QAAQ,uBAAuB;AAAA,MAC/B;AAAA,MACA,kBAAgB;AAAA;AAAA,EAClB;AAEJ;AAEA,mBAAmB,aAAa,IAAI;",
-  "names": []
-}

package/esm/charts/core/components/single-value-renderer/toolbar.sty.js

@@ -1,6 +0,0 @@
-import "./toolbar.css";
-var toolbarOverlayPadding = "_3nk49l0-3-1-3";
-export {
-  toolbarOverlayPadding
-};
-//# sourceMappingURL=toolbar.sty.js.map

package/esm/charts/core/components/single-value-renderer/toolbar.sty.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../src/charts/core/components/single-value-renderer/toolbar.css.ts"],
-  "sourcesContent": ["import './toolbar.css';\nexport var toolbarOverlayPadding = '_3nk49l0-3-1-3';"],
-  "mappings": "AAAA,OAAO;AACA,IAAI,wBAAwB;",
-  "names": []
-}

package/esm/charts/core/components/zoom/utils/is-initial-zoom.js

@@ -1,10 +0,0 @@
-function isInitialZoom(currentDomain, initialDomain) {
-  if (currentDomain === void 0 || initialDomain === void 0) {
-    return false;
-  }
-  return +currentDomain[0] === +initialDomain[0] && +currentDomain[1] === +initialDomain[1];
-}
-export {
-  isInitialZoom
-};
-//# sourceMappingURL=is-initial-zoom.js.map

package/esm/charts/core/components/zoom/utils/is-initial-zoom.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../src/charts/core/components/zoom/utils/is-initial-zoom.ts"],
-  "sourcesContent": ["export function isInitialZoom<T extends [Date, Date] | [number, number]>(\n  currentDomain: T | undefined,\n  initialDomain: T | undefined,\n) {\n  if (currentDomain === undefined || initialDomain === undefined) {\n    return false;\n  }\n\n  return (\n    +currentDomain[0] === +initialDomain[0] &&\n    +currentDomain[1] === +initialDomain[1]\n  );\n}\n"],
-  "mappings": "AAAO,SAAS,cACd,eACA,eACA;AACA,MAAI,kBAAkB,UAAa,kBAAkB,QAAW;AAC9D,WAAO;AAAA,EACT;AAEA,SACE,CAAC,cAAc,CAAC,MAAM,CAAC,cAAc,CAAC,KACtC,CAAC,cAAc,CAAC,MAAM,CAAC,cAAc,CAAC;AAE1C;",
-  "names": []
-}

package/esm/charts/core/hooks/useButtonKeyboardFocus.js

@@ -1,13 +0,0 @@
-import { useEffect } from "react";
-const useButtonKeyboardFocus = (buttonRef, shouldFocus, onFocus) => {
-  useEffect(() => {
-    if (shouldFocus && buttonRef.current) {
-      onFocus();
-      buttonRef.current?.focus();
-    }
-  }, [buttonRef, shouldFocus, onFocus]);
-};
-export {
-  useButtonKeyboardFocus
-};
-//# sourceMappingURL=useButtonKeyboardFocus.js.map

package/esm/charts/core/hooks/useButtonKeyboardFocus.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../src/charts/core/hooks/useButtonKeyboardFocus.ts"],
-  "sourcesContent": ["import { useEffect, type MutableRefObject } from 'react';\n\nexport const useButtonKeyboardFocus = (\n  buttonRef: MutableRefObject<HTMLButtonElement | undefined>,\n  shouldFocus: boolean,\n  onFocus: () => void,\n) => {\n  useEffect(() => {\n    if (shouldFocus && buttonRef.current) {\n      onFocus();\n      buttonRef.current?.focus();\n    }\n  }, [buttonRef, shouldFocus, onFocus]);\n};\n"],
-  "mappings": "AAAA,SAAS,iBAAwC;AAE1C,MAAM,yBAAyB,CACpC,WACA,aACA,YACG;AACH,YAAU,MAAM;AACd,QAAI,eAAe,UAAU,SAAS;AACpC,cAAQ;AACR,gBAAU,SAAS,MAAM;AAAA,IAC3B;AAAA,EACF,GAAG,CAAC,WAAW,aAAa,OAAO,CAAC;AACtC;",
-  "names": []
-}

package/esm/charts/core/hooks/useComputedFontStyle.js

@@ -1,19 +0,0 @@
-import { useLayoutEffect, useState } from "react";
-import { getTokenComputedStyle } from "../utils/getTokenComputedStyle.js";
-const useComputedFontStyle = (fontProps) => {
-  const [fontStyle, setFontStyle] = useState(fontProps);
-  const { fill, fontSize, fontFamily } = fontProps;
-  useLayoutEffect(() => {
-    setFontStyle((prev) => ({
-      ...prev,
-      fill: getTokenComputedStyle(fill),
-      fontSize: getTokenComputedStyle(fontSize),
-      fontFamily: getTokenComputedStyle(fontFamily)
-    }));
-  }, [fill, fontFamily, fontSize]);
-  return fontStyle;
-};
-export {
-  useComputedFontStyle
-};
-//# sourceMappingURL=useComputedFontStyle.js.map

package/esm/charts/core/hooks/useComputedFontStyle.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../src/charts/core/hooks/useComputedFontStyle.ts"],
-  "sourcesContent": ["import { useLayoutEffect, useState } from 'react';\n\nimport { TextPropsRequired } from '../components/axes/types.js';\nimport { getTokenComputedStyle } from '../utils/getTokenComputedStyle.js';\n\n/**\n * Gets computed style after mounting component\n *\n * @returns current format font for font token\n */\nexport const useComputedFontStyle = (fontProps: TextPropsRequired) => {\n  const [fontStyle, setFontStyle] = useState(fontProps);\n  const { fill, fontSize, fontFamily } = fontProps;\n  useLayoutEffect(() => {\n    setFontStyle((prev) => ({\n      ...prev,\n      fill: getTokenComputedStyle(fill),\n      fontSize: getTokenComputedStyle(fontSize),\n      fontFamily: getTokenComputedStyle(fontFamily),\n    }));\n  }, [fill, fontFamily, fontSize]);\n\n  return fontStyle;\n};\n"],
-  "mappings": "AAAA,SAAS,iBAAiB,gBAAgB;AAG1C,SAAS,6BAA6B;AAO/B,MAAM,uBAAuB,CAAC,cAAiC;AACpE,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,SAAS;AACpD,QAAM,EAAE,MAAM,UAAU,WAAW,IAAI;AACvC,kBAAgB,MAAM;AACpB,iBAAa,CAAC,UAAU;AAAA,MACtB,GAAG;AAAA,MACH,MAAM,sBAAsB,IAAI;AAAA,MAChC,UAAU,sBAAsB,QAAQ;AAAA,MACxC,YAAY,sBAAsB,UAAU;AAAA,IAC9C,EAAE;AAAA,EACJ,GAAG,CAAC,MAAM,YAAY,QAAQ,CAAC;AAE/B,SAAO;AACT;",
-  "names": []
-}

package/esm/charts/core/hooks/useTickLabelSize.js

@@ -1,50 +0,0 @@
-import { useCallback, useRef, useState, useMemo, useEffect } from "react";
-import {
-  getElementWithMaxTextSize
-} from "../utils/getElementWithMaxTextSize.js";
-const useTickLabelSize = ({ sizeProperty }) => {
-  const [maxTickLabelSize, setMaxTickLabelSize] = useState({
-    text: "",
-    width: 0
-  });
-  const tickLabelsRefs = useRef([]);
-  const handleResizeOfTickLabels = useCallback(() => {
-    const maxTickLabelSize2 = getElementWithMaxTextSize(
-      tickLabelsRefs.current,
-      sizeProperty
-    );
-    setMaxTickLabelSize(
-      (prevMaxTickLabelSize) => prevMaxTickLabelSize.text !== maxTickLabelSize2.text || prevMaxTickLabelSize.width !== maxTickLabelSize2.width ? maxTickLabelSize2 : prevMaxTickLabelSize
-    );
-  }, [sizeProperty]);
-  const resizeObserver = useMemo(
-    () => new ResizeObserver(handleResizeOfTickLabels),
-    [handleResizeOfTickLabels]
-  );
-  const setTickLabelsRef = useCallback(
-    (index) => (svgRef) => {
-      if (svgRef) {
-        if (tickLabelsRefs.current?.[index] && svgRef !== tickLabelsRefs.current?.[index]) {
-          resizeObserver.unobserve(tickLabelsRefs.current?.[index]);
-        }
-        resizeObserver.observe(svgRef);
-        tickLabelsRefs.current[index] = svgRef;
-      }
-    },
-    [resizeObserver]
-  );
-  useEffect(() => {
-    const prevTickLabels = tickLabelsRefs.current;
-    return () => {
-      prevTickLabels.forEach(
-        (tickLabelRef) => resizeObserver.unobserve(tickLabelRef)
-      );
-      resizeObserver.disconnect();
-    };
-  }, [resizeObserver]);
-  return { maxTickLabelSize, setTickLabelsRef };
-};
-export {
-  useTickLabelSize
-};
-//# sourceMappingURL=useTickLabelSize.js.map

package/esm/charts/core/hooks/useTickLabelSize.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../src/charts/core/hooks/useTickLabelSize.ts"],
-  "sourcesContent": ["import { useCallback, useRef, useState, useMemo, useEffect } from 'react';\n\nimport {\n  getElementWithMaxTextSize,\n  Size,\n} from '../utils/getElementWithMaxTextSize.js';\n\ninterface UseTickLabelSizeArgs {\n  sizeProperty: Size;\n}\n\nexport const useTickLabelSize = ({ sizeProperty }: UseTickLabelSizeArgs) => {\n  const [maxTickLabelSize, setMaxTickLabelSize] = useState({\n    text: '',\n    width: 0,\n  });\n  const tickLabelsRefs = useRef<SVGTextElement[]>([]);\n  const handleResizeOfTickLabels = useCallback(() => {\n    const maxTickLabelSize = getElementWithMaxTextSize(\n      tickLabelsRefs.current,\n      sizeProperty,\n    );\n\n    setMaxTickLabelSize((prevMaxTickLabelSize) =>\n      prevMaxTickLabelSize.text !== maxTickLabelSize.text ||\n      prevMaxTickLabelSize.width !== maxTickLabelSize.width\n        ? maxTickLabelSize\n        : prevMaxTickLabelSize,\n    );\n  }, [sizeProperty]);\n\n  const resizeObserver = useMemo(\n    () => new ResizeObserver(handleResizeOfTickLabels),\n    [handleResizeOfTickLabels],\n  );\n\n  const setTickLabelsRef = useCallback(\n    (index: number) => (svgRef: SVGTextElement) => {\n      if (svgRef) {\n        if (\n          tickLabelsRefs.current?.[index] &&\n          svgRef !== tickLabelsRefs.current?.[index]\n        ) {\n          resizeObserver.unobserve(tickLabelsRefs.current?.[index]);\n        }\n        resizeObserver.observe(svgRef);\n        tickLabelsRefs.current[index] = svgRef;\n      }\n    },\n    [resizeObserver],\n  );\n\n  useEffect(() => {\n    const prevTickLabels = tickLabelsRefs.current;\n\n    return () => {\n      prevTickLabels.forEach((tickLabelRef) =>\n        resizeObserver.unobserve(tickLabelRef),\n      );\n      resizeObserver.disconnect();\n    };\n  }, [resizeObserver]);\n\n  return { maxTickLabelSize, setTickLabelsRef };\n};\n"],
-  "mappings": "AAAA,SAAS,aAAa,QAAQ,UAAU,SAAS,iBAAiB;AAElE;AAAA,EACE;AAAA,OAEK;AAMA,MAAM,mBAAmB,CAAC,EAAE,aAAa,MAA4B;AAC1E,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,SAAS;AAAA,IACvD,MAAM;AAAA,IACN,OAAO;AAAA,EACT,CAAC;AACD,QAAM,iBAAiB,OAAyB,CAAC,CAAC;AAClD,QAAM,2BAA2B,YAAY,MAAM;AACjD,UAAMA,oBAAmB;AAAA,MACvB,eAAe;AAAA,MACf;AAAA,IACF;AAEA;AAAA,MAAoB,CAAC,yBACnB,qBAAqB,SAASA,kBAAiB,QAC/C,qBAAqB,UAAUA,kBAAiB,QAC5CA,oBACA;AAAA,IACN;AAAA,EACF,GAAG,CAAC,YAAY,CAAC;AAEjB,QAAM,iBAAiB;AAAA,IACrB,MAAM,IAAI,eAAe,wBAAwB;AAAA,IACjD,CAAC,wBAAwB;AAAA,EAC3B;AAEA,QAAM,mBAAmB;AAAA,IACvB,CAAC,UAAkB,CAAC,WAA2B;AAC7C,UAAI,QAAQ;AACV,YACE,eAAe,UAAU,KAAK,KAC9B,WAAW,eAAe,UAAU,KAAK,GACzC;AACA,yBAAe,UAAU,eAAe,UAAU,KAAK,CAAC;AAAA,QAC1D;AACA,uBAAe,QAAQ,MAAM;AAC7B,uBAAe,QAAQ,KAAK,IAAI;AAAA,MAClC;AAAA,IACF;AAAA,IACA,CAAC,cAAc;AAAA,EACjB;AAEA,YAAU,MAAM;AACd,UAAM,iBAAiB,eAAe;AAEtC,WAAO,MAAM;AACX,qBAAe;AAAA,QAAQ,CAAC,iBACtB,eAAe,UAAU,YAAY;AAAA,MACvC;AACA,qBAAe,WAAW;AAAA,IAC5B;AAAA,EACF,GAAG,CAAC,cAAc,CAAC;AAEnB,SAAO,EAAE,kBAAkB,iBAAiB;AAC9C;",
-  "names": ["maxTickLabelSize"]
-}

package/esm/charts/core/utils/convert-relative-to-absolute-position.js

@@ -1,13 +0,0 @@
-const convertRelativeToAbsolutePosition = (bounds, relativePosition) => {
-  return {
-    absolute: {
-      x: Math.floor(bounds.left + relativePosition.x),
-      y: Math.floor(bounds.top + relativePosition.y)
-    },
-    relative: relativePosition
-  };
-};
-export {
-  convertRelativeToAbsolutePosition
-};
-//# sourceMappingURL=convert-relative-to-absolute-position.js.map

package/esm/charts/core/utils/convert-relative-to-absolute-position.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../src/charts/core/utils/convert-relative-to-absolute-position.ts"],
-  "sourcesContent": ["import type { Point } from '../types/point.js';\nimport type { RelativeAbsolutePosition } from '../types/pointer-events.js';\n\nexport interface ChartBounds {\n  top: number;\n  left: number;\n}\n\nexport const convertRelativeToAbsolutePosition = (\n  bounds: ChartBounds,\n  relativePosition: Point,\n): RelativeAbsolutePosition => {\n  return {\n    absolute: {\n      x: Math.floor(bounds.left + relativePosition.x),\n      y: Math.floor(bounds.top + relativePosition.y),\n    },\n    relative: relativePosition,\n  };\n};\n"],
-  "mappings": "AAQO,MAAM,oCAAoC,CAC/C,QACA,qBAC6B;AAC7B,SAAO;AAAA,IACL,UAAU;AAAA,MACR,GAAG,KAAK,MAAM,OAAO,OAAO,iBAAiB,CAAC;AAAA,MAC9C,GAAG,KAAK,MAAM,OAAO,MAAM,iBAAiB,CAAC;AAAA,IAC/C;AAAA,IACA,UAAU;AAAA,EACZ;AACF;",
-  "names": []
-}

package/esm/charts/core/utils/getElementWithMaxTextSize.js

@@ -1,21 +0,0 @@
-function getElementWithMaxTextSize(elementRefs, sizeProperty) {
-  if (elementRefs.length === 0) {
-    return {
-      text: "",
-      width: 0
-    };
-  }
-  const maxLabelSize = elementRefs.reduce((prev, current) => {
-    const prevSize = prev.getBoundingClientRect()[sizeProperty];
-    const currentSize = current.getBoundingClientRect()[sizeProperty];
-    return prevSize < currentSize ? current : prev;
-  }, elementRefs[0]);
-  return {
-    text: maxLabelSize.textContent ?? "",
-    width: Math.floor(maxLabelSize.getBoundingClientRect()[sizeProperty])
-  };
-}
-export {
-  getElementWithMaxTextSize
-};
-//# sourceMappingURL=getElementWithMaxTextSize.js.map

package/esm/charts/core/utils/getElementWithMaxTextSize.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../src/charts/core/utils/getElementWithMaxTextSize.ts"],
-  "sourcesContent": ["export type Size = 'width' | 'height';\n\ninterface MaxElement {\n  text: string;\n  width: number;\n}\n\n/**\n *\n *\n * @param elementRefs - A list of elements that should be considered to find the maximum\n * @param sizeProperty - The size property to be used as compared value\n * @returns MaxElement containing information regarding the found element\n */\nexport function getElementWithMaxTextSize(\n  elementRefs: Element[],\n  sizeProperty: Size,\n): MaxElement {\n  if (elementRefs.length === 0) {\n    return {\n      text: '',\n      width: 0,\n    };\n  }\n  const maxLabelSize = elementRefs.reduce((prev, current) => {\n    const prevSize = prev.getBoundingClientRect()[sizeProperty];\n    const currentSize = current.getBoundingClientRect()[sizeProperty];\n\n    return prevSize < currentSize ? current : prev;\n  }, elementRefs[0]);\n\n  return {\n    text: maxLabelSize.textContent ?? '',\n    width: Math.floor(maxLabelSize.getBoundingClientRect()[sizeProperty]),\n  };\n}\n"],
-  "mappings": "AAcO,SAAS,0BACd,aACA,cACY;AACZ,MAAI,YAAY,WAAW,GAAG;AAC5B,WAAO;AAAA,MACL,MAAM;AAAA,MACN,OAAO;AAAA,IACT;AAAA,EACF;AACA,QAAM,eAAe,YAAY,OAAO,CAAC,MAAM,YAAY;AACzD,UAAM,WAAW,KAAK,sBAAsB,EAAE,YAAY;AAC1D,UAAM,cAAc,QAAQ,sBAAsB,EAAE,YAAY;AAEhE,WAAO,WAAW,cAAc,UAAU;AAAA,EAC5C,GAAG,YAAY,CAAC,CAAC;AAEjB,SAAO;AAAA,IACL,MAAM,aAAa,eAAe;AAAA,IAClC,OAAO,KAAK,MAAM,aAAa,sBAAsB,EAAE,YAAY,CAAC;AAAA,EACtE;AACF;",
-  "names": []
-}

package/esm/charts/core/utils/outputMessages.js

@@ -1,11 +0,0 @@
-import { isDev } from "../../../core/utils/is-node-environment.js";
-function outputMessages(messages, customHandler) {
-  if (isDev()) {
-    messages.forEach(({ message }) => console.warn(message));
-  }
-  customHandler?.(messages);
-}
-export {
-  outputMessages
-};
-//# sourceMappingURL=outputMessages.js.map

package/esm/charts/core/utils/outputMessages.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../src/charts/core/utils/outputMessages.ts"],
-  "sourcesContent": ["import { isDev } from '../../../core/utils/is-node-environment.js';\nimport { ChartMessage } from '../types/chart-message.js';\n\n/**\n * Output chart messages, either by using the user provider handler\n * on writing them to the console in development environments\n * @param messages - messages to oupput\n * @param customHandler - additional handler to output messages\n */\nexport function outputMessages(\n  messages: ChartMessage[],\n  customHandler: ((messages: ChartMessage[]) => void) | undefined,\n): void {\n  // TODO: This is slowing rendering down quite significantly for huge datasets\n  // can we remove this condition and only provide the messages when a callback is provided?\n  // we should also only run the detection of inconsistencies when a callback is provided\n  if (isDev()) {\n    // eslint-disable-next-line no-console\n    messages.forEach(({ message }) => console.warn(message));\n  }\n\n  customHandler?.(messages);\n}\n"],
-  "mappings": "AAAA,SAAS,aAAa;AASf,SAAS,eACd,UACA,eACM;AAIN,MAAI,MAAM,GAAG;AAEX,aAAS,QAAQ,CAAC,EAAE,QAAQ,MAAM,QAAQ,KAAK,OAAO,CAAC;AAAA,EACzD;AAEA,kBAAgB,QAAQ;AAC1B;",
-  "names": []
-}