@dynatrace/strato-components 3.5.0 → 3.6.0

package/esm/charts/xy-chart/components/displays/BarDisplay/BarLabelOverlay.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../src/charts/xy-chart/components/displays/BarDisplay/BarLabelOverlay.tsx"],
+  "sourcesContent": ["import { Fragment } from 'react';\n\nimport Colors from '@dynatrace/strato-design-tokens/colors';\n\nimport { isXBaselineAccessor, isYBaselineAccessor } from './BarDisplay.js';\nimport { overlayContainer } from './BarLabelOverlay.sty.js';\nimport { HorizontalBarLabel } from './HorizontalBarLabel.js';\nimport { VerticalBarLabel } from './VerticalBarLabel.js';\nimport { getCanvasColor } from '../../../../core/components/canvas/utils/canvas-color.js';\nimport { useGridPlotSize } from '../../../../core/components/chart-grid/hooks/useGridPlotSize.js';\nimport { getColorByContrast } from '../../../../core/utils/color-contrast.js';\nimport { safeGet } from '../../../../core/utils/safe-get.js';\nimport type { AxisIdToScales } from '../../../context/XYChartScales.context.js';\nimport { useBarData } from '../../../hooks/useBarData.js';\nimport { useXYChartData } from '../../../hooks/useXYChartData.js';\nimport { useXYChartTruncationMode } from '../../../hooks/useXYChartTruncationMode.js';\nimport { XYAxisTypeCategorical } from '../../../types/axis.js';\nimport type {\n  BarMetadata,\n  BarSeriesWithDatapoints,\n} from '../../../types/xy-chart-internals.js';\nimport { type BarDatapoint } from '../../../types/xy-chart.js';\nimport {\n  getCurrentScale,\n  getDimensionScale,\n} from '../../../utils/get-scale.js';\nimport { relAccessor } from '../../../utils/value-representation.js';\nimport {\n  heightAccessor,\n  widthAccessor,\n  xAccessor,\n  yAccessor,\n} from '../bar-accessors.js';\n\ninterface BarLabelOverlayProps {\n  axisIdToScales: AxisIdToScales;\n  series: BarSeriesWithDatapoints;\n  metadata: BarMetadata;\n}\n\nfunction filterToScaleDomain(\n  data: BarDatapoint[],\n  scale: unknown,\n  isVertical: boolean,\n): BarDatapoint[] {\n  const domainFn = (scale as { domain?: () => unknown[] } | undefined)?.domain;\n  if (typeof domainFn !== 'function') {\n    return data;\n  }\n  const domain = domainFn.call(scale);\n  if (!Array.isArray(domain)) {\n    return data;\n  }\n  const allowed = new Set(domain as string[]);\n  return data.filter((d) => {\n    const key = isVertical ? d.x0 : d.y0;\n    return typeof key === 'string' ? allowed.has(key) : true;\n  });\n}\n\n/**\n * Renders the HTML bar labels for a single bar series. Each datapoint produces\n * a `HorizontalBarLabel` or `VerticalBarLabel` depending on the chart's\n * categorical-axis orientation; both use the split-clip pattern to paint the\n * portion inside the bar with a contrasting color and the portion overflowing\n * to the chart edge with the neutral text color.\n *\n * Rendered as a sibling of the `<Canvas>` element (not inside `BarDisplay`)\n * because HTML children of `<canvas>` are fallback content, not visible DOM.\n * See `BarLabelLayout.tsx` for the chart-level wrapper that iterates over\n * labeled bar series and mounts this component.\n */\nexport function BarLabelOverlay({\n  axisIdToScales,\n  series,\n  metadata,\n}: Readonly<BarLabelOverlayProps>) {\n  const { width: canvasWidth, height: canvasHeight } = useGridPlotSize();\n  const { datapointMetadataMap, axisIdToScaleDomain } = useXYChartData();\n  const { seriesToMetadata } = useBarData();\n  const { truncationMode } = useXYChartTruncationMode();\n\n  if (!series.hasLabels) {\n    return null;\n  }\n\n  // Resolve scales the same way BarDisplay does \u2014 for the categorical axis\n  // side (the one with a baseline accessor) we pass series.type so the bar's\n  // categoricalBarScale is preferred over currentScale. Without this the label\n  // can land on a different sub-band than the bar it belongs to.\n  const xScale = getCurrentScale(\n    axisIdToScales,\n    series.xAxisId,\n    isXBaselineAccessor(series.data[0]) ? series.type : undefined,\n  );\n  const dimensionXScale = getDimensionScale(axisIdToScales, series.xAxisId);\n  const yScale = getCurrentScale(\n    axisIdToScales,\n    series.yAxisId,\n    isYBaselineAccessor(series.data[0]) ? series.type : undefined,\n  );\n  const dimensionYScale = getDimensionScale(axisIdToScales, series.yAxisId);\n\n  const { xAxis, yAxis } = safeGet(seriesToMetadata, series);\n  const isVertical = xAxis.type === XYAxisTypeCategorical;\n\n  const isRTL = !isVertical && Boolean(xAxis.reversed);\n  const isTTB = isVertical && Boolean(yAxis.reversed);\n\n  const xFn = xAccessor(\n    xScale,\n    datapointMetadataMap,\n    dimensionXScale,\n    series.id,\n    relAccessor(xAxis, axisIdToScaleDomain),\n  );\n  const yFn = yAccessor(\n    yScale,\n    datapointMetadataMap,\n    dimensionYScale,\n    series.id,\n    relAccessor(yAxis, axisIdToScaleDomain),\n  );\n  const wFn = widthAccessor(\n    xScale,\n    datapointMetadataMap,\n    dimensionXScale,\n    relAccessor(xAxis, axisIdToScaleDomain),\n  );\n  const hFn = heightAccessor(\n    yScale,\n    datapointMetadataMap,\n    dimensionYScale,\n    relAccessor(yAxis, axisIdToScaleDomain),\n  );\n\n  const fillHex = getCanvasColor(metadata.color.Default);\n  // Inside the bar: contrast against the bar fill \u2014 uses theme-aware on-accent\n  // tokens so the chosen color matches the active theme's palette.\n  const insideColor = getColorByContrast(fillHex);\n  // Outside the bar: contrast against the chart background \u2014 theme-aware via\n  // the design token CSS variable.\n  const outsideColor = Colors.Text.Neutral.Default;\n\n  const data = filterToScaleDomain(\n    series.data,\n    isVertical ? xScale : yScale,\n    isVertical,\n  );\n\n  return (\n    <div className={overlayContainer}>\n      {data.map((datum, index) => {\n        const text = datum.label;\n        if (!text) {\n          return null;\n        }\n\n        const x = xFn(datum);\n        const y = yFn(datum);\n        const w = wFn(datum);\n        const h = hFn(datum);\n        const barWidth = Math.abs(w);\n        const barHeight = Math.abs(h);\n\n        return (\n          <Fragment key={index}>\n            {isVertical ? (\n              <VerticalBarLabel\n                x={x}\n                y={y}\n                barWidth={barWidth}\n                barHeight={barHeight}\n                canvasHeight={canvasHeight}\n                isReversed={isTTB}\n                text={text}\n                insideColor={insideColor}\n                outsideColor={outsideColor}\n                truncationMode={truncationMode}\n              />\n            ) : (\n              <HorizontalBarLabel\n                x={x}\n                y={y}\n                barWidth={barWidth}\n                barHeight={barHeight}\n                canvasWidth={canvasWidth}\n                isReversed={isRTL}\n                text={text}\n                insideColor={insideColor}\n                outsideColor={outsideColor}\n                truncationMode={truncationMode}\n              />\n            )}\n          </Fragment>\n        );\n      })}\n    </div>\n  );\n}\n\nBarLabelOverlay['displayName'] = 'BarLabelOverlay';\n"],
+  "mappings": "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",
+  "names": []
+}

package/esm/charts/xy-chart/components/displays/BarDisplay/BarLabelOverlay.sty.js

@@ -0,0 +1,10 @@
+import "./BarLabelOverlay.css";
+var labelClipWrapper = "_b76tm82-3-6-0";
+var labelSpan = "_b76tm81-3-6-0";
+var overlayContainer = "_b76tm80-3-6-0";
+export {
+  labelClipWrapper,
+  labelSpan,
+  overlayContainer
+};
+//# sourceMappingURL=BarLabelOverlay.sty.js.map

package/esm/charts/xy-chart/components/displays/BarDisplay/BarLabelOverlay.sty.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../src/charts/xy-chart/components/displays/BarDisplay/BarLabelOverlay.css.ts"],
+  "sourcesContent": ["import './BarLabelOverlay.css';\nexport var labelClipWrapper = '_b76tm82-3-6-0';\nexport var labelSpan = '_b76tm81-3-6-0';\nexport var overlayContainer = '_b76tm80-3-6-0';"],
+  "mappings": "AAAA,OAAO;AACA,IAAI,mBAAmB;AACvB,IAAI,YAAY;AAChB,IAAI,mBAAmB;",
+  "names": []
+}

package/esm/charts/xy-chart/components/displays/BarDisplay/HorizontalBarLabel.js

@@ -0,0 +1,63 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment } from "react";
+import { labelClipWrapper, labelSpan } from "./BarLabelOverlay.sty.js";
+import { BAR_LABEL_MIN_SIZE, BAR_LABEL_PADDING } from "./label-utils.js";
+import { charsFontWidth12pixelsSize400Map } from "../../../../core/components/text-ellipsis/chars-font-width-map.js";
+import { truncateString } from "../../../../core/components/text-ellipsis/truncate-string.js";
+function HorizontalBarLabel({
+  x,
+  y,
+  barWidth,
+  barHeight,
+  canvasWidth,
+  isReversed,
+  text,
+  insideColor,
+  outsideColor,
+  truncationMode
+}) {
+  if (barHeight < BAR_LABEL_MIN_SIZE) {
+    return null;
+  }
+  const centerY = y + barHeight / 2;
+  const availLength = isReversed ? x + barWidth - 2 * BAR_LABEL_PADDING : canvasWidth - x - 2 * BAR_LABEL_PADDING;
+  if (availLength < BAR_LABEL_MIN_SIZE) {
+    return null;
+  }
+  const truncated = truncateString(
+    text,
+    availLength,
+    charsFontWidth12pixelsSize400Map,
+    truncationMode
+  );
+  const anchor = isReversed ? { right: BAR_LABEL_PADDING, textAlign: "right" } : { left: x + BAR_LABEL_PADDING };
+  const outerStyle = {
+    ...anchor,
+    top: centerY,
+    transform: "translateY(-50%)",
+    width: availLength,
+    color: outsideColor
+  };
+  const wrapperStyle = {
+    left: x,
+    top: y,
+    width: barWidth,
+    height: barHeight
+  };
+  const innerStyle = {
+    ...isReversed ? anchor : { left: BAR_LABEL_PADDING },
+    top: barHeight / 2,
+    transform: "translateY(-50%)",
+    width: availLength,
+    color: insideColor
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("span", { className: labelSpan, style: outerStyle, children: truncated }),
+    /* @__PURE__ */ jsx("div", { className: labelClipWrapper, style: wrapperStyle, children: /* @__PURE__ */ jsx("span", { className: labelSpan, style: innerStyle, children: truncated }) })
+  ] });
+}
+HorizontalBarLabel["displayName"] = "HorizontalBarLabel";
+export {
+  HorizontalBarLabel
+};
+//# sourceMappingURL=HorizontalBarLabel.js.map

package/esm/charts/xy-chart/components/displays/BarDisplay/HorizontalBarLabel.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../src/charts/xy-chart/components/displays/BarDisplay/HorizontalBarLabel.tsx"],
+  "sourcesContent": ["import { Fragment, type CSSProperties, type ReactNode } from 'react';\n\nimport { labelClipWrapper, labelSpan } from './BarLabelOverlay.sty.js';\nimport { BAR_LABEL_MIN_SIZE, BAR_LABEL_PADDING } from './label-utils.js';\nimport type { TruncationMode } from '../../../../../typography/text-ellipsis/TextEllipsis.js';\nimport { charsFontWidth12pixelsSize400Map } from '../../../../core/components/text-ellipsis/chars-font-width-map.js';\nimport { truncateString } from '../../../../core/components/text-ellipsis/truncate-string.js';\n\ninterface HorizontalBarLabelProps {\n  x: number;\n  y: number;\n  barWidth: number;\n  barHeight: number;\n  canvasWidth: number;\n  isReversed: boolean;\n  text: string;\n  insideColor: string;\n  outsideColor: string;\n  truncationMode: TruncationMode;\n}\n\n/**\n * HTML \"split-clip\" label for a single horizontal bar.\n *\n * The label renders twice: an outer copy (`outsideColor`) spans from the bar's\n * leading edge to the chart's opposite edge so long labels overflow the bar\n * up to the chart bounds; a wrapper at the bar's bounds clips an inner copy\n * (`insideColor`) via `overflow: hidden`. Where the two overlap, the inner\n * copy paints on top so the section *inside the bar* picks up the contrast\n * color while the section *outside the bar* keeps the neutral text color.\n *\n * When `isReversed` is true (the numerical X axis has `reversed` set, i.e.\n * RTL bars) the layout mirrors: bars grow right-to-left and the label anchors\n * at the bar's right edge (the zero-baseline side), allowing overflow toward\n * the left edge.\n */\nexport function HorizontalBarLabel({\n  x,\n  y,\n  barWidth,\n  barHeight,\n  canvasWidth,\n  isReversed,\n  text,\n  insideColor,\n  outsideColor,\n  truncationMode,\n}: Readonly<HorizontalBarLabelProps>): ReactNode {\n  // For horizontal bars the text's height sits across the bar's HEIGHT.\n  if (barHeight < BAR_LABEL_MIN_SIZE) {\n    return null;\n  }\n\n  const centerY = y + barHeight / 2;\n  const availLength = isReversed\n    ? x + barWidth - 2 * BAR_LABEL_PADDING\n    : canvasWidth - x - 2 * BAR_LABEL_PADDING;\n  if (availLength < BAR_LABEL_MIN_SIZE) {\n    return null;\n  }\n\n  const truncated = truncateString(\n    text,\n    availLength,\n    charsFontWidth12pixelsSize400Map,\n    truncationMode,\n  );\n\n  const anchor: CSSProperties = isReversed\n    ? { right: BAR_LABEL_PADDING, textAlign: 'right' }\n    : { left: x + BAR_LABEL_PADDING };\n\n  const outerStyle: CSSProperties = {\n    ...anchor,\n    top: centerY,\n    transform: 'translateY(-50%)',\n    width: availLength,\n    color: outsideColor,\n  };\n  const wrapperStyle: CSSProperties = {\n    left: x,\n    top: y,\n    width: barWidth,\n    height: barHeight,\n  };\n  const innerStyle: CSSProperties = {\n    ...(isReversed ? anchor : { left: BAR_LABEL_PADDING }),\n    top: barHeight / 2,\n    transform: 'translateY(-50%)',\n    width: availLength,\n    color: insideColor,\n  };\n  return (\n    <Fragment>\n      <span className={labelSpan} style={outerStyle}>\n        {truncated}\n      </span>\n      <div className={labelClipWrapper} style={wrapperStyle}>\n        <span className={labelSpan} style={innerStyle}>\n          {truncated}\n        </span>\n      </div>\n    </Fragment>\n  );\n}\n\nHorizontalBarLabel['displayName'] = 'HorizontalBarLabel';\n"],
+  "mappings": "AA6FI,SACE,KADF;AA7FJ,SAAS,gBAAoD;AAE7D,SAAS,kBAAkB,iBAAiB;AAC5C,SAAS,oBAAoB,yBAAyB;AAEtD,SAAS,wCAAwC;AACjD,SAAS,sBAAsB;AA8BxB,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAiD;AAE/C,MAAI,YAAY,oBAAoB;AAClC,WAAO;AAAA,EACT;AAEA,QAAM,UAAU,IAAI,YAAY;AAChC,QAAM,cAAc,aAChB,IAAI,WAAW,IAAI,oBACnB,cAAc,IAAI,IAAI;AAC1B,MAAI,cAAc,oBAAoB;AACpC,WAAO;AAAA,EACT;AAEA,QAAM,YAAY;AAAA,IAChB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,QAAM,SAAwB,aAC1B,EAAE,OAAO,mBAAmB,WAAW,QAAQ,IAC/C,EAAE,MAAM,IAAI,kBAAkB;AAElC,QAAM,aAA4B;AAAA,IAChC,GAAG;AAAA,IACH,KAAK;AAAA,IACL,WAAW;AAAA,IACX,OAAO;AAAA,IACP,OAAO;AAAA,EACT;AACA,QAAM,eAA8B;AAAA,IAClC,MAAM;AAAA,IACN,KAAK;AAAA,IACL,OAAO;AAAA,IACP,QAAQ;AAAA,EACV;AACA,QAAM,aAA4B;AAAA,IAChC,GAAI,aAAa,SAAS,EAAE,MAAM,kBAAkB;AAAA,IACpD,KAAK,YAAY;AAAA,IACjB,WAAW;AAAA,IACX,OAAO;AAAA,IACP,OAAO;AAAA,EACT;AACA,SACE,qBAAC,YACC;AAAA,wBAAC,UAAK,WAAW,WAAW,OAAO,YAChC,qBACH;AAAA,IACA,oBAAC,SAAI,WAAW,kBAAkB,OAAO,cACvC,8BAAC,UAAK,WAAW,WAAW,OAAO,YAChC,qBACH,GACF;AAAA,KACF;AAEJ;AAEA,mBAAmB,aAAa,IAAI;",
+  "names": []
+}

package/esm/charts/xy-chart/components/displays/BarDisplay/VerticalBarLabel.js

@@ -0,0 +1,64 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment } from "react";
+import { labelClipWrapper, labelSpan } from "./BarLabelOverlay.sty.js";
+import { BAR_LABEL_MIN_SIZE, BAR_LABEL_PADDING } from "./label-utils.js";
+import { charsFontWidth12pixelsSize400Map } from "../../../../core/components/text-ellipsis/chars-font-width-map.js";
+import { truncateString } from "../../../../core/components/text-ellipsis/truncate-string.js";
+function VerticalBarLabel({
+  x,
+  y,
+  barWidth,
+  barHeight,
+  canvasHeight,
+  isReversed,
+  text,
+  insideColor,
+  outsideColor,
+  truncationMode
+}) {
+  if (barWidth < BAR_LABEL_MIN_SIZE) {
+    return null;
+  }
+  const availLength = canvasHeight - 2 * BAR_LABEL_PADDING;
+  if (availLength < BAR_LABEL_MIN_SIZE) {
+    return null;
+  }
+  const truncated = truncateString(
+    text,
+    availLength,
+    charsFontWidth12pixelsSize400Map,
+    truncationMode
+  );
+  const centerX = x + barWidth / 2;
+  const centerY = canvasHeight / 2;
+  const rotation = isReversed ? "rotate(90deg)" : "rotate(-90deg)";
+  const outerStyle = {
+    left: centerX,
+    top: centerY,
+    transform: `translate(-50%, -50%) ${rotation}`,
+    width: availLength,
+    color: outsideColor
+  };
+  const wrapperStyle = {
+    left: x,
+    top: y,
+    width: barWidth,
+    height: barHeight
+  };
+  const innerStyle = {
+    left: barWidth / 2,
+    top: centerY - y,
+    transform: `translate(-50%, -50%) ${rotation}`,
+    width: availLength,
+    color: insideColor
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("span", { className: labelSpan, style: outerStyle, children: truncated }),
+    /* @__PURE__ */ jsx("div", { className: labelClipWrapper, style: wrapperStyle, children: /* @__PURE__ */ jsx("span", { className: labelSpan, style: innerStyle, children: truncated }) })
+  ] });
+}
+VerticalBarLabel["displayName"] = "VerticalBarLabel";
+export {
+  VerticalBarLabel
+};
+//# sourceMappingURL=VerticalBarLabel.js.map

package/esm/charts/xy-chart/components/displays/BarDisplay/VerticalBarLabel.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../src/charts/xy-chart/components/displays/BarDisplay/VerticalBarLabel.tsx"],
+  "sourcesContent": ["import { Fragment, type CSSProperties, type ReactNode } from 'react';\n\nimport { labelClipWrapper, labelSpan } from './BarLabelOverlay.sty.js';\nimport { BAR_LABEL_MIN_SIZE, BAR_LABEL_PADDING } from './label-utils.js';\nimport type { TruncationMode } from '../../../../../typography/text-ellipsis/TextEllipsis.js';\nimport { charsFontWidth12pixelsSize400Map } from '../../../../core/components/text-ellipsis/chars-font-width-map.js';\nimport { truncateString } from '../../../../core/components/text-ellipsis/truncate-string.js';\n\ninterface VerticalBarLabelProps {\n  x: number;\n  y: number;\n  barWidth: number;\n  barHeight: number;\n  canvasHeight: number;\n  isReversed: boolean;\n  text: string;\n  insideColor: string;\n  outsideColor: string;\n  truncationMode: TruncationMode;\n}\n\n/**\n * HTML \"split-clip\" label for a single vertical bar.\n *\n * Mirrors the horizontal split-clip pattern but rotated. The constraining\n * dimension is the bar's WIDTH (perpendicular to the rotated text's reading\n * direction); the bar's height does not constrain a rotated label \u2014 the\n * available text length runs the full chart height minus padding.\n *\n * When `isReversed` is false (BTT, normal) the bar grows upward and the label\n * is rotated \u221290\u00B0, reading bottom-to-top.\n *\n * When `isReversed` is true (the numerical Y axis has `reversed` set, i.e.\n * TTB) the bar grows downward from the chart top and the label is rotated\n * +90\u00B0, reading top-to-bottom.\n */\nexport function VerticalBarLabel({\n  x,\n  y,\n  barWidth,\n  barHeight,\n  canvasHeight,\n  isReversed,\n  text,\n  insideColor,\n  outsideColor,\n  truncationMode,\n}: Readonly<VerticalBarLabelProps>): ReactNode {\n  // For vertical bars the rotated text's *height* (font line-box) sits across\n  // the bar's WIDTH. The bar height does not constrain a rotated label.\n  if (barWidth < BAR_LABEL_MIN_SIZE) {\n    return null;\n  }\n\n  const availLength = canvasHeight - 2 * BAR_LABEL_PADDING;\n  if (availLength < BAR_LABEL_MIN_SIZE) {\n    return null;\n  }\n\n  const truncated = truncateString(\n    text,\n    availLength,\n    charsFontWidth12pixelsSize400Map,\n    truncationMode,\n  );\n\n  const centerX = x + barWidth / 2;\n  const centerY = canvasHeight / 2;\n\n  const rotation = isReversed ? 'rotate(90deg)' : 'rotate(-90deg)';\n\n  const outerStyle: CSSProperties = {\n    left: centerX,\n    top: centerY,\n    transform: `translate(-50%, -50%) ${rotation}`,\n    width: availLength,\n    color: outsideColor,\n  };\n  const wrapperStyle: CSSProperties = {\n    left: x,\n    top: y,\n    width: barWidth,\n    height: barHeight,\n  };\n  // The inner span must sit at the same absolute position as the outer span,\n  // expressed relative to the clip wrapper's origin at (x, y).\n  const innerStyle: CSSProperties = {\n    left: barWidth / 2,\n    top: centerY - y,\n    transform: `translate(-50%, -50%) ${rotation}`,\n    width: availLength,\n    color: insideColor,\n  };\n\n  return (\n    <Fragment>\n      <span className={labelSpan} style={outerStyle}>\n        {truncated}\n      </span>\n      <div className={labelClipWrapper} style={wrapperStyle}>\n        <span className={labelSpan} style={innerStyle}>\n          {truncated}\n        </span>\n      </div>\n    </Fragment>\n  );\n}\n\nVerticalBarLabel['displayName'] = 'VerticalBarLabel';\n"],
+  "mappings": "AA+FI,SACE,KADF;AA/FJ,SAAS,gBAAoD;AAE7D,SAAS,kBAAkB,iBAAiB;AAC5C,SAAS,oBAAoB,yBAAyB;AAEtD,SAAS,wCAAwC;AACjD,SAAS,sBAAsB;AA8BxB,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA+C;AAG7C,MAAI,WAAW,oBAAoB;AACjC,WAAO;AAAA,EACT;AAEA,QAAM,cAAc,eAAe,IAAI;AACvC,MAAI,cAAc,oBAAoB;AACpC,WAAO;AAAA,EACT;AAEA,QAAM,YAAY;AAAA,IAChB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,QAAM,UAAU,IAAI,WAAW;AAC/B,QAAM,UAAU,eAAe;AAE/B,QAAM,WAAW,aAAa,kBAAkB;AAEhD,QAAM,aAA4B;AAAA,IAChC,MAAM;AAAA,IACN,KAAK;AAAA,IACL,WAAW,yBAAyB,QAAQ;AAAA,IAC5C,OAAO;AAAA,IACP,OAAO;AAAA,EACT;AACA,QAAM,eAA8B;AAAA,IAClC,MAAM;AAAA,IACN,KAAK;AAAA,IACL,OAAO;AAAA,IACP,QAAQ;AAAA,EACV;AAGA,QAAM,aAA4B;AAAA,IAChC,MAAM,WAAW;AAAA,IACjB,KAAK,UAAU;AAAA,IACf,WAAW,yBAAyB,QAAQ;AAAA,IAC5C,OAAO;AAAA,IACP,OAAO;AAAA,EACT;AAEA,SACE,qBAAC,YACC;AAAA,wBAAC,UAAK,WAAW,WAAW,OAAO,YAChC,qBACH;AAAA,IACA,oBAAC,SAAI,WAAW,kBAAkB,OAAO,cACvC,8BAAC,UAAK,WAAW,WAAW,OAAO,YAChC,qBACH,GACF;AAAA,KACF;AAEJ;AAEA,iBAAiB,aAAa,IAAI;",
+  "names": []
+}

package/esm/charts/xy-chart/components/displays/BarDisplay/label-utils.js

@@ -0,0 +1,7 @@
+const BAR_LABEL_PADDING = 4;
+const BAR_LABEL_MIN_SIZE = 16;
+export {
+  BAR_LABEL_MIN_SIZE,
+  BAR_LABEL_PADDING
+};
+//# sourceMappingURL=label-utils.js.map

package/esm/charts/xy-chart/components/displays/BarDisplay/label-utils.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../src/charts/xy-chart/components/displays/BarDisplay/label-utils.ts"],
+  "sourcesContent": ["/** Horizontal padding between bar edge and label text. */\nexport const BAR_LABEL_PADDING = 4;\n\n/**\n * Minimum size (in pixels) for the bar dimension perpendicular to the text\n * reading direction (bar height for horizontal text, bar width for rotated\n * vertical text). Below this there is no readable space for text.\n */\nexport const BAR_LABEL_MIN_SIZE = 16;\n"],
+  "mappings": "AACO,MAAM,oBAAoB;AAO1B,MAAM,qBAAqB;",
+  "names": []
+}

package/esm/charts/xy-chart/components/displays/bar-accessors.js

@@ -32,15 +32,16 @@ function calculateBarOrigin(args, accessorCoord) {
   if (!isNil(v0) && !isNil(v1)) {
     return Math.min(scale(v0), scale(v1));
   }
-  if (!isNil(v1)) {
-    if (typeof v1 === "number" && v1 < 0) {
-      return accessorCoord === "x" ? scale(v1) : scale(0);
-    }
-    return accessorCoord === "x" ? typeof v1 === "number" ? scale(0) : scale(scale.invert(0)) : scale(v1);
-  }
   if (!isNil(v0)) {
     return scale(v0);
   }
+  if (isNil(v1)) {
+    return void 0;
+  }
+  if (typeof v1 === "number" && v1 < 0) {
+    return accessorCoord === "x" ? scale(v1) : scale(0);
+  }
+  return typeof v1 === "number" ? Math.min(scale(0), scale(v1)) : Math.min(scale(scale.invert(scale.range()[0])), scale(v1));
 }
 function genericAccessor(scale, datapointsMetadata, accessorCoord, dimensionScale, seriesId, relAccessor) {
   return (datapoint) => {

package/esm/charts/xy-chart/components/displays/bar-accessors.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/xy-chart/components/displays/bar-accessors.ts"],
-  "sourcesContent": ["import type { ScaleBand } from 'd3-scale';\nimport { isNil } from 'lodash-es';\n\nimport type { BarScaleLinear, BarScaleTime } from '../../types/guards.js';\nimport type {\n  AnyXYChartScale,\n  MapDatapoints,\n  XYChartAxisDirection,\n} from '../../types/xy-chart-internals.js';\nimport type { BarDatapoint } from '../../types/xy-chart.js';\nimport {\n  isCategoricalBarScale,\n  isNumericalBarScale,\n  isTimeBarScale,\n} from '../../utils/type-guards.js';\n\nexport const applyNumericalBarScaleTransformations = (\n  args: BarScaleLinear,\n  accessorCoord: 'x' | 'y',\n  baseline: XYChartAxisDirection,\n  relAccessor?: ((value: number) => number) | undefined,\n  accumulator?: number,\n  binDomain?: number,\n) => {\n  const isNotBaseline = baseline !== undefined && accessorCoord !== baseline;\n  let { v0, v1 } = args;\n\n  if (isNotBaseline && accumulator !== undefined) {\n    v0 = !isNil(v0) ? v0 + accumulator : accumulator;\n    v1 = !isNil(v1) ? v1 + accumulator : accumulator;\n  }\n\n  if (relAccessor && isNotBaseline && !isNil(binDomain)) {\n    return {\n      v0: !isNil(v0) ? (v0 / binDomain) * 100 : v0,\n      v1: !isNil(v1) ? (v1 / binDomain) * 100 : v1,\n      scale: args.scale,\n    };\n  }\n\n  if (relAccessor) {\n    return {\n      v0: !isNil(v0) ? relAccessor(v0) : v0,\n      v1: !isNil(v1) ? relAccessor(v1) : v1,\n      scale: args.scale,\n    };\n  }\n\n  return { v0, v1, scale: args.scale };\n};\n\nfunction calculateBarOrigin(\n  args: BarScaleLinear | BarScaleTime,\n  accessorCoord: Exclude<XYChartAxisDirection, undefined>,\n) {\n  const { scale, v0, v1 } = args;\n  if (!isNil(v0) && !isNil(v1)) {\n    return Math.min(scale(v0), scale(v1));\n  }\n  if (!isNil(v1)) {\n    if (typeof v1 === 'number' && v1 < 0) {\n      return accessorCoord === 'x' ? scale(v1) : scale(0);\n    }\n    return accessorCoord === 'x'\n      ? typeof v1 === 'number'\n        ? scale(0)\n        : scale(scale.invert(0))\n      : scale(v1);\n  }\n  if (!isNil(v0)) {\n    return scale(v0);\n  }\n}\n\nfunction genericAccessor(\n  scale: AnyXYChartScale,\n  datapointsMetadata: MapDatapoints,\n  accessorCoord: Exclude<XYChartAxisDirection, undefined>,\n  dimensionScale?: ScaleBand<string>,\n  seriesId?: string,\n  relAccessor?: (value: number) => number,\n) {\n  return (datapoint: BarDatapoint) => {\n    const v0 = accessorCoord === 'x' ? datapoint.x0 : datapoint.y0;\n    const v1 = accessorCoord === 'x' ? datapoint.x1 : datapoint.y1;\n    let args = { scale, v0, v1 };\n    const { baseline, accumulator, binDomain } =\n      datapointsMetadata.get(datapoint) ?? {};\n\n    if (isCategoricalBarScale(args)) {\n      if (!isNil(args.v0)) {\n        if (dimensionScale && seriesId) {\n          return (args.scale(args.v0) ?? 0) + (dimensionScale(seriesId) ?? 0);\n        }\n        return args.scale(args.v0) ?? 0;\n      }\n      if (!isNil(args.v1)) {\n        if (accessorCoord === 'x') {\n          const [min] = args.scale.range();\n          return min;\n        } else {\n          const catWidth = Math.floor(args.scale.bandwidth() / 2);\n          return (args.scale(args.v1) ?? 0) + catWidth;\n        }\n      }\n    }\n\n    if (isNumericalBarScale(args)) {\n      args = applyNumericalBarScaleTransformations(\n        args,\n        accessorCoord,\n        baseline,\n        relAccessor,\n        accumulator,\n        binDomain,\n      );\n    }\n\n    if (isNumericalBarScale(args) || isTimeBarScale(args)) {\n      const barOrigin = calculateBarOrigin(args, accessorCoord);\n      if (!isNil(barOrigin)) {\n        return barOrigin;\n      }\n    }\n\n    throw Error(`unknown ${accessorCoord}Accessor value for Bar`);\n  };\n}\n\nexport function xAccessor(\n  scale: AnyXYChartScale,\n  datapointsMetadata: MapDatapoints,\n  dimensionScale?: ScaleBand<string>,\n  seriesId?: string,\n  relAccessor?: (value: number) => number,\n) {\n  return genericAccessor(\n    scale,\n    datapointsMetadata,\n    'x',\n    dimensionScale,\n    seriesId,\n    relAccessor,\n  );\n}\n\nexport function yAccessor(\n  scale: AnyXYChartScale,\n  datapointsMetadata: MapDatapoints,\n  dimensionScale?: ScaleBand<string>,\n  seriesId?: string,\n  relAccessor?: (value: number) => number,\n) {\n  return genericAccessor(\n    scale,\n    datapointsMetadata,\n    'y',\n    dimensionScale,\n    seriesId,\n    relAccessor,\n  );\n}\n\n// Just for Numerical and Time scales\nconst calculateBarDimension = (args: BarScaleLinear | BarScaleTime) => {\n  const { scale, v0, v1 } = args;\n  if (!isNil(v0) && !isNil(v1)) {\n    return Math.abs(scale(v1) - scale(v0));\n  }\n  if (!isNil(v1)) {\n    const zero =\n      typeof v1 === 'number' ? scale(0) : scale(scale.invert(scale.range()[0]));\n\n    return Math.abs(zero - scale(v1));\n  }\n  if (!isNil(v0)) {\n    return scale(v0);\n  }\n  return undefined;\n};\n\nfunction spanAccessor(\n  scale: AnyXYChartScale,\n  datapointsMetadata: MapDatapoints,\n  accessorCoord: Exclude<XYChartAxisDirection, undefined>,\n  dimensionScale?: ScaleBand<string>,\n  relAccessor?: (value: number) => number,\n) {\n  return (datapoint: BarDatapoint) => {\n    const v0 = accessorCoord === 'x' ? datapoint.x0 : datapoint.y0;\n    const v1 = accessorCoord === 'x' ? datapoint.x1 : datapoint.y1;\n    let args = { scale, v0, v1 };\n    const { baseline, accumulator, binDomain } =\n      datapointsMetadata.get(datapoint) ?? {};\n\n    if (isCategoricalBarScale(args)) {\n      if (!isNil(args.v0)) {\n        if (dimensionScale) {\n          return dimensionScale.bandwidth();\n        }\n        return args.scale.bandwidth();\n      }\n      if (!isNil(args.v1)) {\n        if (accessorCoord === 'x') {\n          const catWidth = Math.floor(args.scale.bandwidth() / 2);\n          return (args.scale(args.v1) ?? 0) + catWidth;\n        } else {\n          const [, min] = scale.range();\n          const catWidth = Math.floor(args.scale.bandwidth() / 2);\n          const barY = (args.scale(args.v1) ?? 0) + catWidth;\n          return min - barY;\n        }\n      }\n    }\n\n    if (isNumericalBarScale(args)) {\n      args = applyNumericalBarScaleTransformations(\n        args,\n        accessorCoord,\n        baseline,\n        relAccessor,\n        accumulator,\n        binDomain,\n      );\n    }\n\n    if (isNumericalBarScale(args) || isTimeBarScale(args)) {\n      const span = calculateBarDimension(args);\n      if (!isNil(span)) {\n        return span;\n      }\n    }\n\n    throw Error(\n      `unknown ${\n        accessorCoord === 'x' ? 'width' : 'height'\n      }Accessor value for Bar`,\n    );\n  };\n}\n\nexport function widthAccessor(\n  scale: AnyXYChartScale,\n  datapointsMetadata: MapDatapoints,\n  dimensionScale?: ScaleBand<string>,\n  relAccessor?: (value: number) => number,\n) {\n  return spanAccessor(\n    scale,\n    datapointsMetadata,\n    'x',\n    dimensionScale,\n    relAccessor,\n  );\n}\n\nexport function heightAccessor(\n  scale: AnyXYChartScale,\n  datapointsMetadata: MapDatapoints,\n  dimensionScale?: ScaleBand<string>,\n  relAccessor?: (value: number) => number,\n) {\n  return spanAccessor(\n    scale,\n    datapointsMetadata,\n    'y',\n    dimensionScale,\n    relAccessor,\n  );\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import type { ScaleBand } from 'd3-scale';\nimport { isNil } from 'lodash-es';\n\nimport type { BarScaleLinear, BarScaleTime } from '../../types/guards.js';\nimport type {\n  AnyXYChartScale,\n  MapDatapoints,\n  XYChartAxisDirection,\n} from '../../types/xy-chart-internals.js';\nimport type { BarDatapoint } from '../../types/xy-chart.js';\nimport {\n  isCategoricalBarScale,\n  isNumericalBarScale,\n  isTimeBarScale,\n} from '../../utils/type-guards.js';\n\nexport const applyNumericalBarScaleTransformations = (\n  args: BarScaleLinear,\n  accessorCoord: 'x' | 'y',\n  baseline: XYChartAxisDirection,\n  relAccessor?: ((value: number) => number) | undefined,\n  accumulator?: number,\n  binDomain?: number,\n) => {\n  const isNotBaseline = baseline !== undefined && accessorCoord !== baseline;\n  let { v0, v1 } = args;\n\n  if (isNotBaseline && accumulator !== undefined) {\n    v0 = !isNil(v0) ? v0 + accumulator : accumulator;\n    v1 = !isNil(v1) ? v1 + accumulator : accumulator;\n  }\n\n  if (relAccessor && isNotBaseline && !isNil(binDomain)) {\n    return {\n      v0: !isNil(v0) ? (v0 / binDomain) * 100 : v0,\n      v1: !isNil(v1) ? (v1 / binDomain) * 100 : v1,\n      scale: args.scale,\n    };\n  }\n\n  if (relAccessor) {\n    return {\n      v0: !isNil(v0) ? relAccessor(v0) : v0,\n      v1: !isNil(v1) ? relAccessor(v1) : v1,\n      scale: args.scale,\n    };\n  }\n\n  return { v0, v1, scale: args.scale };\n};\n\nfunction calculateBarOrigin(\n  args: BarScaleLinear | BarScaleTime,\n  accessorCoord: Exclude<XYChartAxisDirection, undefined>,\n) {\n  const { scale, v0, v1 } = args;\n  if (!isNil(v0) && !isNil(v1)) {\n    return Math.min(scale(v0), scale(v1));\n  }\n  if (!isNil(v0)) {\n    return scale(v0);\n  }\n  if (isNil(v1)) {\n    return undefined;\n  }\n  if (typeof v1 === 'number' && v1 < 0) {\n    return accessorCoord === 'x' ? scale(v1) : scale(0);\n  }\n  // Use Math.min so that reversed axes (RTL/TTB) produce the correct leading\n  // edge: whichever of the baseline pixel and scale(v1) is smaller is the\n  // bar's origin in canvas coordinates.\n  return typeof v1 === 'number'\n    ? Math.min(scale(0), scale(v1))\n    : Math.min(scale(scale.invert(scale.range()[0])), scale(v1));\n}\n\nfunction genericAccessor(\n  scale: AnyXYChartScale,\n  datapointsMetadata: MapDatapoints,\n  accessorCoord: Exclude<XYChartAxisDirection, undefined>,\n  dimensionScale?: ScaleBand<string>,\n  seriesId?: string,\n  relAccessor?: (value: number) => number,\n) {\n  return (datapoint: BarDatapoint) => {\n    const v0 = accessorCoord === 'x' ? datapoint.x0 : datapoint.y0;\n    const v1 = accessorCoord === 'x' ? datapoint.x1 : datapoint.y1;\n    let args = { scale, v0, v1 };\n    const { baseline, accumulator, binDomain } =\n      datapointsMetadata.get(datapoint) ?? {};\n\n    if (isCategoricalBarScale(args)) {\n      if (!isNil(args.v0)) {\n        if (dimensionScale && seriesId) {\n          return (args.scale(args.v0) ?? 0) + (dimensionScale(seriesId) ?? 0);\n        }\n        return args.scale(args.v0) ?? 0;\n      }\n      if (!isNil(args.v1)) {\n        if (accessorCoord === 'x') {\n          const [min] = args.scale.range();\n          return min;\n        } else {\n          const catWidth = Math.floor(args.scale.bandwidth() / 2);\n          return (args.scale(args.v1) ?? 0) + catWidth;\n        }\n      }\n    }\n\n    if (isNumericalBarScale(args)) {\n      args = applyNumericalBarScaleTransformations(\n        args,\n        accessorCoord,\n        baseline,\n        relAccessor,\n        accumulator,\n        binDomain,\n      );\n    }\n\n    if (isNumericalBarScale(args) || isTimeBarScale(args)) {\n      const barOrigin = calculateBarOrigin(args, accessorCoord);\n      if (!isNil(barOrigin)) {\n        return barOrigin;\n      }\n    }\n\n    throw Error(`unknown ${accessorCoord}Accessor value for Bar`);\n  };\n}\n\nexport function xAccessor(\n  scale: AnyXYChartScale,\n  datapointsMetadata: MapDatapoints,\n  dimensionScale?: ScaleBand<string>,\n  seriesId?: string,\n  relAccessor?: (value: number) => number,\n) {\n  return genericAccessor(\n    scale,\n    datapointsMetadata,\n    'x',\n    dimensionScale,\n    seriesId,\n    relAccessor,\n  );\n}\n\nexport function yAccessor(\n  scale: AnyXYChartScale,\n  datapointsMetadata: MapDatapoints,\n  dimensionScale?: ScaleBand<string>,\n  seriesId?: string,\n  relAccessor?: (value: number) => number,\n) {\n  return genericAccessor(\n    scale,\n    datapointsMetadata,\n    'y',\n    dimensionScale,\n    seriesId,\n    relAccessor,\n  );\n}\n\n// Just for Numerical and Time scales\nconst calculateBarDimension = (args: BarScaleLinear | BarScaleTime) => {\n  const { scale, v0, v1 } = args;\n  if (!isNil(v0) && !isNil(v1)) {\n    return Math.abs(scale(v1) - scale(v0));\n  }\n  if (!isNil(v1)) {\n    const zero =\n      typeof v1 === 'number' ? scale(0) : scale(scale.invert(scale.range()[0]));\n\n    return Math.abs(zero - scale(v1));\n  }\n  if (!isNil(v0)) {\n    return scale(v0);\n  }\n  return undefined;\n};\n\nfunction spanAccessor(\n  scale: AnyXYChartScale,\n  datapointsMetadata: MapDatapoints,\n  accessorCoord: Exclude<XYChartAxisDirection, undefined>,\n  dimensionScale?: ScaleBand<string>,\n  relAccessor?: (value: number) => number,\n) {\n  return (datapoint: BarDatapoint) => {\n    const v0 = accessorCoord === 'x' ? datapoint.x0 : datapoint.y0;\n    const v1 = accessorCoord === 'x' ? datapoint.x1 : datapoint.y1;\n    let args = { scale, v0, v1 };\n    const { baseline, accumulator, binDomain } =\n      datapointsMetadata.get(datapoint) ?? {};\n\n    if (isCategoricalBarScale(args)) {\n      if (!isNil(args.v0)) {\n        if (dimensionScale) {\n          return dimensionScale.bandwidth();\n        }\n        return args.scale.bandwidth();\n      }\n      if (!isNil(args.v1)) {\n        if (accessorCoord === 'x') {\n          const catWidth = Math.floor(args.scale.bandwidth() / 2);\n          return (args.scale(args.v1) ?? 0) + catWidth;\n        } else {\n          const [, min] = scale.range();\n          const catWidth = Math.floor(args.scale.bandwidth() / 2);\n          const barY = (args.scale(args.v1) ?? 0) + catWidth;\n          return min - barY;\n        }\n      }\n    }\n\n    if (isNumericalBarScale(args)) {\n      args = applyNumericalBarScaleTransformations(\n        args,\n        accessorCoord,\n        baseline,\n        relAccessor,\n        accumulator,\n        binDomain,\n      );\n    }\n\n    if (isNumericalBarScale(args) || isTimeBarScale(args)) {\n      const span = calculateBarDimension(args);\n      if (!isNil(span)) {\n        return span;\n      }\n    }\n\n    throw Error(\n      `unknown ${\n        accessorCoord === 'x' ? 'width' : 'height'\n      }Accessor value for Bar`,\n    );\n  };\n}\n\nexport function widthAccessor(\n  scale: AnyXYChartScale,\n  datapointsMetadata: MapDatapoints,\n  dimensionScale?: ScaleBand<string>,\n  relAccessor?: (value: number) => number,\n) {\n  return spanAccessor(\n    scale,\n    datapointsMetadata,\n    'x',\n    dimensionScale,\n    relAccessor,\n  );\n}\n\nexport function heightAccessor(\n  scale: AnyXYChartScale,\n  datapointsMetadata: MapDatapoints,\n  dimensionScale?: ScaleBand<string>,\n  relAccessor?: (value: number) => number,\n) {\n  return spanAccessor(\n    scale,\n    datapointsMetadata,\n    'y',\n    dimensionScale,\n    relAccessor,\n  );\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/charts/xy-chart/components/legend/XYLegend/xy-legend.css

@@ -1,3 +1,3 @@
-._1lwufqz0-3-5-0 {
+._1lwufqz0-3-6-0 {
   margin: var(--dt-spacings-size-2, 2px);
 }

package/esm/charts/xy-chart/components/legend/XYLegend/xy-legend.sty.js

@@ -1,5 +1,5 @@
 import "./xy-legend.css";
-var shapeIconWrapper = "_1lwufqz0-3-5-0";
+var shapeIconWrapper = "_1lwufqz0-3-6-0";
 export {
   shapeIconWrapper
 };

package/esm/charts/xy-chart/components/legend/XYLegend/xy-legend.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/xy-chart/components/legend/XYLegend/xy-legend.css.ts"],
-  "sourcesContent": ["import './xy-legend.css';\nexport var shapeIconWrapper = '_1lwufqz0-3-5-0';"],
+  "sourcesContent": ["import './xy-legend.css';\nexport var shapeIconWrapper = '_1lwufqz0-3-6-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,mBAAmB;",
   "names": []
 }

package/esm/charts/xy-chart/components/overlay/explore/XYChartCrosshair.css

@@ -1,4 +1,4 @@
-._1bbe5uo0-3-5-0 {
+._1bbe5uo0-3-6-0 {
   overflow: visible;
   cursor: crosshair;
   z-index: 1;

package/esm/charts/xy-chart/components/overlay/explore/XYChartCrosshair.sty.js

@@ -1,5 +1,5 @@
 import "./XYChartCrosshair.css";
-var crosshair = "_1bbe5uo0-3-5-0";
+var crosshair = "_1bbe5uo0-3-6-0";
 export {
   crosshair
 };

package/esm/charts/xy-chart/components/overlay/explore/XYChartCrosshair.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/xy-chart/components/overlay/explore/XYChartCrosshair.css.ts"],
-  "sourcesContent": ["import './XYChartCrosshair.css';\nexport var crosshair = '_1bbe5uo0-3-5-0';"],
+  "sourcesContent": ["import './XYChartCrosshair.css';\nexport var crosshair = '_1bbe5uo0-3-6-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,YAAY;",
   "names": []
 }

package/esm/charts/xy-chart/components/overlay/explore/XYChartExplore.css

@@ -1,4 +1,4 @@
-._cd1yys0-3-5-0 {
+._cd1yys0-3-6-0 {
   top: -11px;
   left: -11px;
   width: calc(100% + 22px);
@@ -6,7 +6,7 @@
   z-index: 2;
   pointer-events: none;
 }
-._cd1yys1-3-5-0 {
+._cd1yys1-3-6-0 {
   top: 0px;
   left: 0px;
   width: calc(100% + 1px);

package/esm/charts/xy-chart/components/overlay/explore/XYChartExplore.sty.js

@@ -1,7 +1,7 @@
 import "../../../../core/components/chart-grid/ChartGrid.css";
 import "./XYChartExplore.css";
-var datapointIndicatorLayout = "_cd1yys1-3-5-0 _13lzg4k0-3-5-0";
-var datapointIndicatorShiftedLayout = "_cd1yys0-3-5-0 _13lzg4k0-3-5-0";
+var datapointIndicatorLayout = "_cd1yys1-3-6-0 _13lzg4k0-3-6-0";
+var datapointIndicatorShiftedLayout = "_cd1yys0-3-6-0 _13lzg4k0-3-6-0";
 export {
   datapointIndicatorLayout,
   datapointIndicatorShiftedLayout

package/esm/charts/xy-chart/components/overlay/explore/XYChartExplore.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/xy-chart/components/overlay/explore/XYChartExplore.css.ts"],
-  "sourcesContent": ["import '../../../../core/components/chart-grid/ChartGrid.css';\nimport './XYChartExplore.css';\nexport var datapointIndicatorLayout = '_cd1yys1-3-5-0 _13lzg4k0-3-5-0';\nexport var datapointIndicatorShiftedLayout = '_cd1yys0-3-5-0 _13lzg4k0-3-5-0';"],
+  "sourcesContent": ["import '../../../../core/components/chart-grid/ChartGrid.css';\nimport './XYChartExplore.css';\nexport var datapointIndicatorLayout = '_cd1yys1-3-6-0 _13lzg4k0-3-6-0';\nexport var datapointIndicatorShiftedLayout = '_cd1yys0-3-6-0 _13lzg4k0-3-6-0';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACA,IAAI,2BAA2B;AAC/B,IAAI,kCAAkC;",
   "names": []
 }

package/esm/charts/xy-chart/components/overlay/hooks/useApplyPanDelta.js

@@ -1,4 +1,4 @@
-import { useTooltipReducer } from "../../../../core/components/overlay-tooltip/useTooltipReducer.js";
+import { useTooltipActions } from "../../../../core/components/overlay-tooltip/useTooltipActions.js";
 import { useSynchronizedSelection } from "../../../../core/components/shared-chart-interactions/hooks/useSynchronizedSelection.js";
 import { getNextPanDomain } from "../../../../core/components/zoom/utils/get-next-pan-domain.js";
 import { ZOOM_CHANGE_TYPE } from "../../../../core/types/zoom.js";
@@ -18,7 +18,7 @@ const useApplyPanDelta = () => {
   const axisIdToScales = useXYChartScales();
   const { axes } = useXYChartData();
   const { resetSelectionState } = useSynchronizedSelection();
-  const dispatch = useTooltipReducer();
+  const { reset } = useTooltipActions();
   return (delta) => {
     const newCurrentDomain = /* @__PURE__ */ new Map();
     const allAxesHaveInfiniteZoom = axes.filter((axis) => isZoomEnabledFor(axis) && isPanEnabledFor(axis)).every(isInfiniteZoomEnabledFor);
@@ -46,7 +46,7 @@ const useApplyPanDelta = () => {
     }
     resetSelectionState?.();
     setState(reducePanDomain(newCurrentDomain));
-    dispatch({ type: "RESET_TOOLTIP" })();
+    reset();
   };
 };
 export {

package/esm/charts/xy-chart/components/overlay/hooks/useApplyPanDelta.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/xy-chart/components/overlay/hooks/useApplyPanDelta.ts"],
-  "sourcesContent": ["import { useTooltipReducer } from '../../../../core/components/overlay-tooltip/useTooltipReducer.js';\nimport { useSynchronizedSelection } from '../../../../core/components/shared-chart-interactions/hooks/useSynchronizedSelection.js';\nimport { getNextPanDomain } from '../../../../core/components/zoom/utils/get-next-pan-domain.js';\nimport type { AnyNumberScale } from '../../../../core/types/scales.js';\nimport { ZOOM_CHANGE_TYPE } from '../../../../core/types/zoom.js';\nimport { useXYChartData } from '../../../hooks/useXYChartData.js';\nimport { useXYChartScales } from '../../../hooks/useXYChartScales.js';\nimport { reducePanDomain } from '../../../store/reducer-pan.js';\nimport { useSetState } from '../../../store/selectors.js';\nimport { type XYChartState } from '../../../types/state.js';\nimport {\n  isInfiniteZoomEnabledFor,\n  isPanEnabledFor,\n  isZoomEnabledFor,\n} from '../../../utils/axis-interactions.js';\nimport { getCurrentScale, getInitialScale } from '../../../utils/get-scale.js';\nimport { handleZoomChange } from '../utils/zoom-change-handler.js';\n\n/**\n * Returns a callback which given a delta in pixels, will apply the pan interaction and update the state accordingly\n */\nexport const useApplyPanDelta = () => {\n  const setState = useSetState();\n  const axisIdToScales = useXYChartScales();\n  const { axes } = useXYChartData();\n  const { resetSelectionState } = useSynchronizedSelection();\n  const dispatch = useTooltipReducer();\n\n  return (delta: number) => {\n    const newCurrentDomain: XYChartState['currentDomain'] = new Map();\n\n    const allAxesHaveInfiniteZoom = axes\n      .filter((axis) => isZoomEnabledFor(axis) && isPanEnabledFor(axis))\n      .every(isInfiniteZoomEnabledFor);\n\n    for (const axis of axes) {\n      let nextDomain;\n      const currentScale = getCurrentScale(axisIdToScales, axis.id);\n      if (isPanEnabledFor(axis)) {\n        const initialScale = getInitialScale(axisIdToScales, axis.id);\n        const initialDomain = initialScale.domain();\n\n        const [min, max] = getNextPanDomain(\n          [+initialDomain[0], +initialDomain[1]],\n          currentScale as AnyNumberScale,\n          -delta,\n          false,\n          allAxesHaveInfiniteZoom,\n        );\n\n        nextDomain = [min, max];\n\n        handleZoomChange(axis, min, max, ZOOM_CHANGE_TYPE.Panning);\n      }\n\n      const currentDomain = currentScale.domain();\n\n      newCurrentDomain.set(\n        axis.id,\n        nextDomain\n          ? { min: nextDomain[0], max: nextDomain[1] }\n          : { min: +currentDomain[0], max: +currentDomain[1] },\n      );\n    }\n\n    resetSelectionState?.();\n    setState(reducePanDomain(newCurrentDomain));\n    dispatch({ type: 'RESET_TOOLTIP' })();\n  };\n};\n"],
-  "mappings": "AAAA,SAAS,yBAAyB;AAClC,SAAS,gCAAgC;AACzC,SAAS,wBAAwB;AAEjC,SAAS,wBAAwB;AACjC,SAAS,sBAAsB;AAC/B,SAAS,wBAAwB;AACjC,SAAS,uBAAuB;AAChC,SAAS,mBAAmB;AAE5B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,iBAAiB,uBAAuB;AACjD,SAAS,wBAAwB;AAK1B,MAAM,mBAAmB,MAAM;AACpC,QAAM,WAAW,YAAY;AAC7B,QAAM,iBAAiB,iBAAiB;AACxC,QAAM,EAAE,KAAK,IAAI,eAAe;AAChC,QAAM,EAAE,oBAAoB,IAAI,yBAAyB;AACzD,QAAM,WAAW,kBAAkB;AAEnC,SAAO,CAAC,UAAkB;AACxB,UAAM,mBAAkD,oBAAI,IAAI;AAEhE,UAAM,0BAA0B,KAC7B,OAAO,CAAC,SAAS,iBAAiB,IAAI,KAAK,gBAAgB,IAAI,CAAC,EAChE,MAAM,wBAAwB;AAEjC,eAAW,QAAQ,MAAM;AACvB,UAAI;AACJ,YAAM,eAAe,gBAAgB,gBAAgB,KAAK,EAAE;AAC5D,UAAI,gBAAgB,IAAI,GAAG;AACzB,cAAM,eAAe,gBAAgB,gBAAgB,KAAK,EAAE;AAC5D,cAAM,gBAAgB,aAAa,OAAO;AAE1C,cAAM,CAAC,KAAK,GAAG,IAAI;AAAA,UACjB,CAAC,CAAC,cAAc,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;AAAA,UACrC;AAAA,UACA,CAAC;AAAA,UACD;AAAA,UACA;AAAA,QACF;AAEA,qBAAa,CAAC,KAAK,GAAG;AAEtB,yBAAiB,MAAM,KAAK,KAAK,iBAAiB,OAAO;AAAA,MAC3D;AAEA,YAAM,gBAAgB,aAAa,OAAO;AAE1C,uBAAiB;AAAA,QACf,KAAK;AAAA,QACL,aACI,EAAE,KAAK,WAAW,CAAC,GAAG,KAAK,WAAW,CAAC,EAAE,IACzC,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,KAAK,CAAC,cAAc,CAAC,EAAE;AAAA,MACvD;AAAA,IACF;AAEA,0BAAsB;AACtB,aAAS,gBAAgB,gBAAgB,CAAC;AAC1C,aAAS,EAAE,MAAM,gBAAgB,CAAC,EAAE;AAAA,EACtC;AACF;",
+  "sourcesContent": ["import { useTooltipActions } from '../../../../core/components/overlay-tooltip/useTooltipActions.js';\nimport { useSynchronizedSelection } from '../../../../core/components/shared-chart-interactions/hooks/useSynchronizedSelection.js';\nimport { getNextPanDomain } from '../../../../core/components/zoom/utils/get-next-pan-domain.js';\nimport type { AnyNumberScale } from '../../../../core/types/scales.js';\nimport { ZOOM_CHANGE_TYPE } from '../../../../core/types/zoom.js';\nimport { useXYChartData } from '../../../hooks/useXYChartData.js';\nimport { useXYChartScales } from '../../../hooks/useXYChartScales.js';\nimport { reducePanDomain } from '../../../store/reducer-pan.js';\nimport { useSetState } from '../../../store/selectors.js';\nimport { type XYChartState } from '../../../types/state.js';\nimport {\n  isInfiniteZoomEnabledFor,\n  isPanEnabledFor,\n  isZoomEnabledFor,\n} from '../../../utils/axis-interactions.js';\nimport { getCurrentScale, getInitialScale } from '../../../utils/get-scale.js';\nimport { handleZoomChange } from '../utils/zoom-change-handler.js';\n\n/**\n * Returns a callback which given a delta in pixels, will apply the pan interaction and update the state accordingly\n */\nexport const useApplyPanDelta = () => {\n  const setState = useSetState();\n  const axisIdToScales = useXYChartScales();\n  const { axes } = useXYChartData();\n  const { resetSelectionState } = useSynchronizedSelection();\n  const { reset } = useTooltipActions();\n\n  return (delta: number) => {\n    const newCurrentDomain: XYChartState['currentDomain'] = new Map();\n\n    const allAxesHaveInfiniteZoom = axes\n      .filter((axis) => isZoomEnabledFor(axis) && isPanEnabledFor(axis))\n      .every(isInfiniteZoomEnabledFor);\n\n    for (const axis of axes) {\n      let nextDomain;\n      const currentScale = getCurrentScale(axisIdToScales, axis.id);\n      if (isPanEnabledFor(axis)) {\n        const initialScale = getInitialScale(axisIdToScales, axis.id);\n        const initialDomain = initialScale.domain();\n\n        const [min, max] = getNextPanDomain(\n          [+initialDomain[0], +initialDomain[1]],\n          currentScale as AnyNumberScale,\n          -delta,\n          false,\n          allAxesHaveInfiniteZoom,\n        );\n\n        nextDomain = [min, max];\n\n        handleZoomChange(axis, min, max, ZOOM_CHANGE_TYPE.Panning);\n      }\n\n      const currentDomain = currentScale.domain();\n\n      newCurrentDomain.set(\n        axis.id,\n        nextDomain\n          ? { min: nextDomain[0], max: nextDomain[1] }\n          : { min: +currentDomain[0], max: +currentDomain[1] },\n      );\n    }\n\n    resetSelectionState?.();\n    setState(reducePanDomain(newCurrentDomain));\n    reset();\n  };\n};\n"],
+  "mappings": "AAAA,SAAS,yBAAyB;AAClC,SAAS,gCAAgC;AACzC,SAAS,wBAAwB;AAEjC,SAAS,wBAAwB;AACjC,SAAS,sBAAsB;AAC/B,SAAS,wBAAwB;AACjC,SAAS,uBAAuB;AAChC,SAAS,mBAAmB;AAE5B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,iBAAiB,uBAAuB;AACjD,SAAS,wBAAwB;AAK1B,MAAM,mBAAmB,MAAM;AACpC,QAAM,WAAW,YAAY;AAC7B,QAAM,iBAAiB,iBAAiB;AACxC,QAAM,EAAE,KAAK,IAAI,eAAe;AAChC,QAAM,EAAE,oBAAoB,IAAI,yBAAyB;AACzD,QAAM,EAAE,MAAM,IAAI,kBAAkB;AAEpC,SAAO,CAAC,UAAkB;AACxB,UAAM,mBAAkD,oBAAI,IAAI;AAEhE,UAAM,0BAA0B,KAC7B,OAAO,CAAC,SAAS,iBAAiB,IAAI,KAAK,gBAAgB,IAAI,CAAC,EAChE,MAAM,wBAAwB;AAEjC,eAAW,QAAQ,MAAM;AACvB,UAAI;AACJ,YAAM,eAAe,gBAAgB,gBAAgB,KAAK,EAAE;AAC5D,UAAI,gBAAgB,IAAI,GAAG;AACzB,cAAM,eAAe,gBAAgB,gBAAgB,KAAK,EAAE;AAC5D,cAAM,gBAAgB,aAAa,OAAO;AAE1C,cAAM,CAAC,KAAK,GAAG,IAAI;AAAA,UACjB,CAAC,CAAC,cAAc,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;AAAA,UACrC;AAAA,UACA,CAAC;AAAA,UACD;AAAA,UACA;AAAA,QACF;AAEA,qBAAa,CAAC,KAAK,GAAG;AAEtB,yBAAiB,MAAM,KAAK,KAAK,iBAAiB,OAAO;AAAA,MAC3D;AAEA,YAAM,gBAAgB,aAAa,OAAO;AAE1C,uBAAiB;AAAA,QACf,KAAK;AAAA,QACL,aACI,EAAE,KAAK,WAAW,CAAC,GAAG,KAAK,WAAW,CAAC,EAAE,IACzC,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,KAAK,CAAC,cAAc,CAAC,EAAE;AAAA,MACvD;AAAA,IACF;AAEA,0BAAsB;AACtB,aAAS,gBAAgB,gBAAgB,CAAC;AAC1C,UAAM;AAAA,EACR;AACF;",
   "names": []
 }

package/esm/charts/xy-chart/components/overlay/hooks/useApplyZoomDelta.js

@@ -1,4 +1,4 @@
-import { useTooltipReducer } from "../../../../core/components/overlay-tooltip/useTooltipReducer.js";
+import { useTooltipActions } from "../../../../core/components/overlay-tooltip/useTooltipActions.js";
 import { useSynchronizedSelection } from "../../../../core/components/shared-chart-interactions/hooks/useSynchronizedSelection.js";
 import { getZoomStep } from "../../../../core/components/zoom/utils/get-zoom-step.js";
 import { useXYChartData } from "../../../hooks/useXYChartData.js";
@@ -16,7 +16,7 @@ const useApplyZoomDelta = () => {
   const axisIdToScales = useXYChartScales();
   const { axes } = useXYChartData();
   const { resetSelectionState } = useSynchronizedSelection();
-  const dispatch = useTooltipReducer();
+  const { reset } = useTooltipActions();
   return (deltaStart, deltaEnd, type) => {
     const newCurrentDomain = /* @__PURE__ */ new Map();
     let zoomInEnabled = false;
@@ -49,7 +49,7 @@ const useApplyZoomDelta = () => {
     }
     resetSelectionState?.();
     setState(reduceZoomDomain(newCurrentDomain, zoomInEnabled, zoomOutEnabled));
-    dispatch({ type: "RESET_TOOLTIP" })();
+    reset();
   };
 };
 export {

package/esm/charts/xy-chart/components/overlay/hooks/useApplyZoomDelta.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/xy-chart/components/overlay/hooks/useApplyZoomDelta.ts"],
-  "sourcesContent": ["import { useTooltipReducer } from '../../../../core/components/overlay-tooltip/useTooltipReducer.js';\nimport { useSynchronizedSelection } from '../../../../core/components/shared-chart-interactions/hooks/useSynchronizedSelection.js';\nimport { getZoomStep } from '../../../../core/components/zoom/utils/get-zoom-step.js';\nimport type { AnyNumberScale } from '../../../../core/types/scales.js';\nimport type { ZoomChangeType } from '../../../../core/types/zoom.js';\nimport { useXYChartData } from '../../../hooks/useXYChartData.js';\nimport { useXYChartScales } from '../../../hooks/useXYChartScales.js';\nimport { reduceZoomDomain } from '../../../store/reducer-zoom.js';\nimport { useSetState } from '../../../store/selectors.js';\nimport type { XYChartState } from '../../../types/state.js';\nimport {\n  isInfiniteZoomEnabledFor,\n  isZoomEnabledFor,\n} from '../../../utils/axis-interactions.js';\nimport { getCurrentScale, getInitialScale } from '../../../utils/get-scale.js';\nimport { handleZoomChange } from '../utils/zoom-change-handler.js';\n\n/**\n * Returns a callback which given a delta in pixels, will apply the zoom interaction and update the state accordingly\n */\nexport const useApplyZoomDelta = () => {\n  const setState = useSetState();\n  const axisIdToScales = useXYChartScales();\n  const { axes } = useXYChartData();\n  const { resetSelectionState } = useSynchronizedSelection();\n  const dispatch = useTooltipReducer();\n\n  return (deltaStart: number, deltaEnd: number, type: ZoomChangeType) => {\n    const newCurrentDomain: XYChartState['currentDomain'] = new Map();\n\n    let zoomInEnabled = false;\n    let zoomOutEnabled = false;\n\n    const allAxesHaveInfiniteZoom = axes\n      .filter(isZoomEnabledFor)\n      .every((axis) => isInfiniteZoomEnabledFor(axis));\n\n    for (const axis of axes) {\n      if (isZoomEnabledFor(axis)) {\n        const currentScale = getCurrentScale(axisIdToScales, axis.id);\n        const initialScale = getInitialScale(axisIdToScales, axis.id);\n\n        const initialDomain = initialScale.domain();\n\n        const {\n          nextDomain,\n          zoomInEnabled: inEnabled,\n          zoomOutEnabled: outEnabled,\n        } = getZoomStep(\n          currentScale as AnyNumberScale,\n          [+initialDomain[0], +initialDomain[1]],\n          allAxesHaveInfiniteZoom,\n          deltaStart,\n          deltaEnd,\n        );\n\n        zoomInEnabled ||= inEnabled;\n        zoomOutEnabled ||= outEnabled;\n\n        newCurrentDomain.set(\n          axis.id,\n          nextDomain\n            ? { min: nextDomain[0].valueOf(), max: nextDomain[1].valueOf() }\n            : undefined,\n        );\n\n        handleZoomChange(axis, nextDomain[0], nextDomain[1], type);\n      }\n    }\n    resetSelectionState?.();\n    setState(reduceZoomDomain(newCurrentDomain, zoomInEnabled, zoomOutEnabled));\n    dispatch({ type: 'RESET_TOOLTIP' })();\n  };\n};\n"],
-  "mappings": "AAAA,SAAS,yBAAyB;AAClC,SAAS,gCAAgC;AACzC,SAAS,mBAAmB;AAG5B,SAAS,sBAAsB;AAC/B,SAAS,wBAAwB;AACjC,SAAS,wBAAwB;AACjC,SAAS,mBAAmB;AAE5B;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,iBAAiB,uBAAuB;AACjD,SAAS,wBAAwB;AAK1B,MAAM,oBAAoB,MAAM;AACrC,QAAM,WAAW,YAAY;AAC7B,QAAM,iBAAiB,iBAAiB;AACxC,QAAM,EAAE,KAAK,IAAI,eAAe;AAChC,QAAM,EAAE,oBAAoB,IAAI,yBAAyB;AACzD,QAAM,WAAW,kBAAkB;AAEnC,SAAO,CAAC,YAAoB,UAAkB,SAAyB;AACrE,UAAM,mBAAkD,oBAAI,IAAI;AAEhE,QAAI,gBAAgB;AACpB,QAAI,iBAAiB;AAErB,UAAM,0BAA0B,KAC7B,OAAO,gBAAgB,EACvB,MAAM,CAAC,SAAS,yBAAyB,IAAI,CAAC;AAEjD,eAAW,QAAQ,MAAM;AACvB,UAAI,iBAAiB,IAAI,GAAG;AAC1B,cAAM,eAAe,gBAAgB,gBAAgB,KAAK,EAAE;AAC5D,cAAM,eAAe,gBAAgB,gBAAgB,KAAK,EAAE;AAE5D,cAAM,gBAAgB,aAAa,OAAO;AAE1C,cAAM;AAAA,UACJ;AAAA,UACA,eAAe;AAAA,UACf,gBAAgB;AAAA,QAClB,IAAI;AAAA,UACF;AAAA,UACA,CAAC,CAAC,cAAc,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;AAAA,UACrC;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAEA,0BAAkB;AAClB,2BAAmB;AAEnB,yBAAiB;AAAA,UACf,KAAK;AAAA,UACL,aACI,EAAE,KAAK,WAAW,CAAC,EAAE,QAAQ,GAAG,KAAK,WAAW,CAAC,EAAE,QAAQ,EAAE,IAC7D;AAAA,QACN;AAEA,yBAAiB,MAAM,WAAW,CAAC,GAAG,WAAW,CAAC,GAAG,IAAI;AAAA,MAC3D;AAAA,IACF;AACA,0BAAsB;AACtB,aAAS,iBAAiB,kBAAkB,eAAe,cAAc,CAAC;AAC1E,aAAS,EAAE,MAAM,gBAAgB,CAAC,EAAE;AAAA,EACtC;AACF;",
+  "sourcesContent": ["import { useTooltipActions } from '../../../../core/components/overlay-tooltip/useTooltipActions.js';\nimport { useSynchronizedSelection } from '../../../../core/components/shared-chart-interactions/hooks/useSynchronizedSelection.js';\nimport { getZoomStep } from '../../../../core/components/zoom/utils/get-zoom-step.js';\nimport type { AnyNumberScale } from '../../../../core/types/scales.js';\nimport type { ZoomChangeType } from '../../../../core/types/zoom.js';\nimport { useXYChartData } from '../../../hooks/useXYChartData.js';\nimport { useXYChartScales } from '../../../hooks/useXYChartScales.js';\nimport { reduceZoomDomain } from '../../../store/reducer-zoom.js';\nimport { useSetState } from '../../../store/selectors.js';\nimport type { XYChartState } from '../../../types/state.js';\nimport {\n  isInfiniteZoomEnabledFor,\n  isZoomEnabledFor,\n} from '../../../utils/axis-interactions.js';\nimport { getCurrentScale, getInitialScale } from '../../../utils/get-scale.js';\nimport { handleZoomChange } from '../utils/zoom-change-handler.js';\n\n/**\n * Returns a callback which given a delta in pixels, will apply the zoom interaction and update the state accordingly\n */\nexport const useApplyZoomDelta = () => {\n  const setState = useSetState();\n  const axisIdToScales = useXYChartScales();\n  const { axes } = useXYChartData();\n  const { resetSelectionState } = useSynchronizedSelection();\n  const { reset } = useTooltipActions();\n\n  return (deltaStart: number, deltaEnd: number, type: ZoomChangeType) => {\n    const newCurrentDomain: XYChartState['currentDomain'] = new Map();\n\n    let zoomInEnabled = false;\n    let zoomOutEnabled = false;\n\n    const allAxesHaveInfiniteZoom = axes\n      .filter(isZoomEnabledFor)\n      .every((axis) => isInfiniteZoomEnabledFor(axis));\n\n    for (const axis of axes) {\n      if (isZoomEnabledFor(axis)) {\n        const currentScale = getCurrentScale(axisIdToScales, axis.id);\n        const initialScale = getInitialScale(axisIdToScales, axis.id);\n\n        const initialDomain = initialScale.domain();\n\n        const {\n          nextDomain,\n          zoomInEnabled: inEnabled,\n          zoomOutEnabled: outEnabled,\n        } = getZoomStep(\n          currentScale as AnyNumberScale,\n          [+initialDomain[0], +initialDomain[1]],\n          allAxesHaveInfiniteZoom,\n          deltaStart,\n          deltaEnd,\n        );\n\n        zoomInEnabled ||= inEnabled;\n        zoomOutEnabled ||= outEnabled;\n\n        newCurrentDomain.set(\n          axis.id,\n          nextDomain\n            ? { min: nextDomain[0].valueOf(), max: nextDomain[1].valueOf() }\n            : undefined,\n        );\n\n        handleZoomChange(axis, nextDomain[0], nextDomain[1], type);\n      }\n    }\n    resetSelectionState?.();\n    setState(reduceZoomDomain(newCurrentDomain, zoomInEnabled, zoomOutEnabled));\n    reset();\n  };\n};\n"],
+  "mappings": "AAAA,SAAS,yBAAyB;AAClC,SAAS,gCAAgC;AACzC,SAAS,mBAAmB;AAG5B,SAAS,sBAAsB;AAC/B,SAAS,wBAAwB;AACjC,SAAS,wBAAwB;AACjC,SAAS,mBAAmB;AAE5B;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,iBAAiB,uBAAuB;AACjD,SAAS,wBAAwB;AAK1B,MAAM,oBAAoB,MAAM;AACrC,QAAM,WAAW,YAAY;AAC7B,QAAM,iBAAiB,iBAAiB;AACxC,QAAM,EAAE,KAAK,IAAI,eAAe;AAChC,QAAM,EAAE,oBAAoB,IAAI,yBAAyB;AACzD,QAAM,EAAE,MAAM,IAAI,kBAAkB;AAEpC,SAAO,CAAC,YAAoB,UAAkB,SAAyB;AACrE,UAAM,mBAAkD,oBAAI,IAAI;AAEhE,QAAI,gBAAgB;AACpB,QAAI,iBAAiB;AAErB,UAAM,0BAA0B,KAC7B,OAAO,gBAAgB,EACvB,MAAM,CAAC,SAAS,yBAAyB,IAAI,CAAC;AAEjD,eAAW,QAAQ,MAAM;AACvB,UAAI,iBAAiB,IAAI,GAAG;AAC1B,cAAM,eAAe,gBAAgB,gBAAgB,KAAK,EAAE;AAC5D,cAAM,eAAe,gBAAgB,gBAAgB,KAAK,EAAE;AAE5D,cAAM,gBAAgB,aAAa,OAAO;AAE1C,cAAM;AAAA,UACJ;AAAA,UACA,eAAe;AAAA,UACf,gBAAgB;AAAA,QAClB,IAAI;AAAA,UACF;AAAA,UACA,CAAC,CAAC,cAAc,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;AAAA,UACrC;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAEA,0BAAkB;AAClB,2BAAmB;AAEnB,yBAAiB;AAAA,UACf,KAAK;AAAA,UACL,aACI,EAAE,KAAK,WAAW,CAAC,EAAE,QAAQ,GAAG,KAAK,WAAW,CAAC,EAAE,QAAQ,EAAE,IAC7D;AAAA,QACN;AAEA,yBAAiB,MAAM,WAAW,CAAC,GAAG,WAAW,CAAC,GAAG,IAAI;AAAA,MAC3D;AAAA,IACF;AACA,0BAAsB;AACtB,aAAS,iBAAiB,kBAAkB,eAAe,cAAc,CAAC;AAC1E,UAAM;AAAA,EACR;AACF;",
   "names": []
 }