@dynatrace/strato-components 3.1.1 → 3.2.0

package/esm/charts/xy-chart/utils/generate-nice-unit-ticks.js

@@ -0,0 +1,123 @@
+import {
+  convert
+} from "@dynatrace-sdk/units";
+import {
+  isFormatterOptions
+} from "../../core/types/formatter.js";
+import {
+  getHorizontalNumTicks,
+  getVerticalNumTicks
+} from "../../core/utils/ticks.js";
+import { isLinear } from "../types/guards.js";
+function shouldUseNiceUnitTicks(config) {
+  return config !== void 0 && !config.isRelative && isLinear(config.type) && isFormatterOptions(config.formatter) && config.formatter.input !== void 0 && config.formatter.output !== void 0;
+}
+function getBestModulusDivisor(totalDomain) {
+  let bestDivisor = 4;
+  let minMod = totalDomain % 4;
+  for (let divisor = 4; divisor <= 8; divisor++) {
+    const mod = totalDomain % divisor;
+    if (mod === 0) {
+      return divisor;
+    }
+    if (mod < minMod || mod === minMod && divisor < bestDivisor) {
+      minMod = mod;
+      bestDivisor = divisor;
+    }
+  }
+  return bestDivisor;
+}
+function convertDomainToTargetUnit(domain, formatterOptions) {
+  const inputUnit = formatterOptions.input;
+  const outputUnit = formatterOptions.output;
+  return {
+    targetMin: convert(domain[0], inputUnit, outputUnit, true),
+    targetMax: convert(domain[1], inputUnit, outputUnit, true),
+    inputUnit,
+    outputUnit
+  };
+}
+function computeNiceStep(totalDomain, tickDivisor) {
+  if (totalDomain < 1) {
+    return 0;
+  }
+  const amount = totalDomain / Math.max(tickDivisor, 1);
+  return amount < 10 ? Math.ceil(amount) : Math.floor(amount / 10) * 10;
+}
+function generateTicks(domain, step) {
+  if (step <= 0) {
+    return [0];
+  }
+  const [min, max] = domain;
+  const allTicks = [0];
+  if (Math.sign(min) === Math.sign(max)) {
+    const sign = Math.sign(max) || 1;
+    const absMax = Math.max(Math.abs(min), Math.abs(max));
+    const count = Math.floor(absMax / step);
+    for (let i = 1; i <= count; i++) {
+      allTicks.push(step * i * sign);
+    }
+  } else {
+    const posCount = Math.floor(Math.abs(max) / step);
+    const negCount = Math.floor(Math.abs(min) / step);
+    for (let i = 1; i <= negCount; i++) {
+      allTicks.push(-step * i);
+    }
+    for (let i = 1; i <= posCount; i++) {
+      allTicks.push(step * i);
+    }
+  }
+  return allTicks.sort((a, b) => a - b);
+}
+function niceUnitDomain(domain, formatterOptions, niceMin, niceMax) {
+  const { targetMin, targetMax, inputUnit, outputUnit } = convertDomainToTargetUnit(domain, formatterOptions);
+  const totalDomain = Math.abs(targetMin) + Math.abs(targetMax);
+  const step = computeNiceStep(totalDomain, getBestModulusDivisor(totalDomain));
+  if (step === 0) {
+    return null;
+  }
+  const nicedMin = niceMin ? Math.floor(targetMin / step) * step : targetMin;
+  const nicedMax = niceMax ? Math.ceil(targetMax / step) * step : targetMax;
+  return {
+    min: convert(nicedMin, outputUnit, inputUnit, true),
+    max: convert(nicedMax, outputUnit, inputUnit, true)
+  };
+}
+function computeNiceUnitTicks(domain, formatterOptions, availableSize, orientation, formatter) {
+  const { targetMin, targetMax, inputUnit, outputUnit } = convertDomainToTargetUnit(domain, formatterOptions);
+  if (targetMin === targetMax) {
+    return {
+      ticks: ["0"],
+      formattedTicks: [formatter(0)],
+      numericTicks: [0]
+    };
+  }
+  const totalDomain = Math.abs(targetMin) + Math.abs(targetMax);
+  let tickDivisor = getBestModulusDivisor(totalDomain);
+  const TICK_SPACING = 20;
+  if (tickDivisor * TICK_SPACING >= availableSize) {
+    tickDivisor = orientation === "vertical" ? getVerticalNumTicks(availableSize) : getHorizontalNumTicks(availableSize);
+  }
+  const step = computeNiceStep(totalDomain, tickDivisor);
+  if (step === 0) {
+    return null;
+  }
+  const targetTicks = generateTicks([targetMin, targetMax], step);
+  const baseUnitTicks = targetTicks.map(
+    (tick) => convert(tick, outputUnit, inputUnit, true)
+  );
+  const formattedStrings = baseUnitTicks.map((tick) => formatter(tick));
+  return {
+    ticks: baseUnitTicks.map(String),
+    formattedTicks: formattedStrings,
+    numericTicks: baseUnitTicks
+  };
+}
+export {
+  computeNiceUnitTicks,
+  generateTicks,
+  getBestModulusDivisor,
+  niceUnitDomain,
+  shouldUseNiceUnitTicks
+};
+//# sourceMappingURL=generate-nice-unit-ticks.js.map

package/esm/charts/xy-chart/utils/generate-nice-unit-ticks.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/charts/xy-chart/utils/generate-nice-unit-ticks.ts"],
+  "sourcesContent": ["import {\n  type ConvertibleUnit,\n  type FormatOptions,\n  type Unit,\n  convert,\n} from '@dynatrace-sdk/units';\n\nimport {\n  type AnyNumericFormatter,\n  isFormatterOptions,\n  type FormatterWithPrecision,\n} from '../../core/types/formatter.js';\nimport {\n  getHorizontalNumTicks,\n  getVerticalNumTicks,\n} from '../../core/utils/ticks.js';\nimport { isLinear } from '../types/guards.js';\n\ninterface AxisFormatterConfig {\n  isRelative: boolean;\n  type: string;\n  formatter?: AnyNumericFormatter;\n}\n\n/**\n * Returns true when the axis should use nice unit-converted ticks.\n * Works with any axis shape that exposes isRelative, type and formatter.\n */\nexport function shouldUseNiceUnitTicks(\n  config: AxisFormatterConfig | undefined,\n): config is AxisFormatterConfig & {\n  formatter: FormatOptions<Unit, ConvertibleUnit>;\n} {\n  return (\n    config !== undefined &&\n    !config.isRelative &&\n    isLinear(config.type) &&\n    isFormatterOptions(config.formatter) &&\n    config.formatter.input !== undefined &&\n    config.formatter.output !== undefined\n  );\n}\n\n/**\n * Finds the best divisor (between 4 and 8) for dividing the total domain\n * into tick steps that produce the least remainder.\n */\nexport function getBestModulusDivisor(totalDomain: number): number {\n  let bestDivisor = 4;\n  let minMod = totalDomain % 4;\n\n  for (let divisor = 4; divisor <= 8; divisor++) {\n    const mod = totalDomain % divisor;\n    if (mod === 0) {\n      return divisor;\n    }\n    if (mod < minMod || (mod === minMod && divisor < bestDivisor)) {\n      minMod = mod;\n      bestDivisor = divisor;\n    }\n  }\n\n  return bestDivisor;\n}\n\n/**\n * Converts domain endpoints to the target unit and returns them with the unit references.\n */\nfunction convertDomainToTargetUnit(\n  domain: [number, number],\n  formatterOptions: FormatOptions<Unit, ConvertibleUnit>,\n) {\n  const inputUnit = formatterOptions.input as ConvertibleUnit;\n  const outputUnit = formatterOptions.output as ConvertibleUnit;\n  return {\n    targetMin: convert(domain[0], inputUnit, outputUnit, true),\n    targetMax: convert(domain[1], inputUnit, outputUnit, true),\n    inputUnit,\n    outputUnit,\n  };\n}\n\n/**\n * Computes a nice step size for the given total domain and tick divisor.\n */\nfunction computeNiceStep(totalDomain: number, tickDivisor: number): number {\n  if (totalDomain < 1) {\n    return 0;\n  }\n\n  const amount = totalDomain / Math.max(tickDivisor, 1);\n  return amount < 10 ? Math.ceil(amount) : Math.floor(amount / 10) * 10;\n}\n\n/**\n * Generates tick values from 0 outward in both directions based on step size.\n */\nexport function generateTicks(\n  domain: [number, number],\n  step: number,\n): number[] {\n  if (step <= 0) {\n    return [0];\n  }\n  const [min, max] = domain;\n  const allTicks: number[] = [0];\n\n  if (Math.sign(min) === Math.sign(max)) {\n    const sign = Math.sign(max) || 1;\n    const absMax = Math.max(Math.abs(min), Math.abs(max));\n    const count = Math.floor(absMax / step);\n    for (let i = 1; i <= count; i++) {\n      allTicks.push(step * i * sign);\n    }\n  } else {\n    const posCount = Math.floor(Math.abs(max) / step);\n    const negCount = Math.floor(Math.abs(min) / step);\n    for (let i = 1; i <= negCount; i++) {\n      allTicks.push(-step * i);\n    }\n    for (let i = 1; i <= posCount; i++) {\n      allTicks.push(step * i);\n    }\n  }\n\n  return allTicks.sort((a, b) => a - b);\n}\n\n/**\n * Nices a scale domain in the target (output) unit space.\n *\n * Converts the domain to the output unit, computes a nice step,\n * rounds boundaries to step multiples, and converts back.\n *\n * Returns null when the step is 0 (sub-unit domain), signaling\n * the caller should fall back to d3 nicing.\n */\nexport function niceUnitDomain(\n  domain: [number, number],\n  formatterOptions: FormatOptions<Unit, ConvertibleUnit>,\n  niceMin: boolean,\n  niceMax: boolean,\n): { min: number; max: number } | null {\n  const { targetMin, targetMax, inputUnit, outputUnit } =\n    convertDomainToTargetUnit(domain, formatterOptions);\n\n  const totalDomain = Math.abs(targetMin) + Math.abs(targetMax);\n  const step = computeNiceStep(totalDomain, getBestModulusDivisor(totalDomain));\n\n  if (step === 0) {\n    return null;\n  }\n\n  const nicedMin = niceMin ? Math.floor(targetMin / step) * step : targetMin;\n  const nicedMax = niceMax ? Math.ceil(targetMax / step) * step : targetMax;\n\n  return {\n    min: convert(nicedMin, outputUnit, inputUnit, true),\n    max: convert(nicedMax, outputUnit, inputUnit, true),\n  };\n}\n\nexport interface NiceUnitTicksResult {\n  ticks: string[];\n  formattedTicks: string[];\n  numericTicks: number[];\n}\n\n/** Returned when the domain is too small for nice unit rounding; caller should fall back to default ticks. */\nexport type NiceUnitTicksResultOrNull = NiceUnitTicksResult | null;\n\n/**\n * Computes \"nice\" round ticks for a unit-converted numerical axis.\n *\n * Uses convert() for precise domain conversion to the target unit,\n * then generates ticks from 0 outward (staying within domain boundaries),\n * and converts back to base unit for scale positioning.\n *\n * Requires explicit input and output units in formatterOptions.\n */\nexport function computeNiceUnitTicks(\n  domain: [number, number],\n  formatterOptions: FormatOptions<Unit, ConvertibleUnit>,\n  availableSize: number,\n  orientation: 'horizontal' | 'vertical',\n  formatter: FormatterWithPrecision,\n): NiceUnitTicksResultOrNull {\n  const { targetMin, targetMax, inputUnit, outputUnit } =\n    convertDomainToTargetUnit(domain, formatterOptions);\n\n  if (targetMin === targetMax) {\n    return {\n      ticks: ['0'],\n      formattedTicks: [formatter(0)],\n      numericTicks: [0],\n    };\n  }\n\n  // Total domain as sum of absolute values (handles mixed +/- domains)\n  const totalDomain = Math.abs(targetMin) + Math.abs(targetMax);\n  let tickDivisor = getBestModulusDivisor(totalDomain);\n\n  // Prevent tick overcrowding in small charts\n  const TICK_SPACING = 20;\n\n  if (tickDivisor * TICK_SPACING >= availableSize) {\n    tickDivisor =\n      orientation === 'vertical'\n        ? getVerticalNumTicks(availableSize)\n        : getHorizontalNumTicks(availableSize);\n  }\n\n  const step = computeNiceStep(totalDomain, tickDivisor);\n\n  // Domain is sub-unit (e.g. 40 bytes \u2192 0.00004 MB) \u2014 nice rounding is\n  // meaningless; let the caller fall back to default tick generation.\n  if (step === 0) {\n    return null;\n  }\n\n  // Generate ticks from 0 outward, staying within domain boundaries\n  const targetTicks = generateTicks([targetMin, targetMax], step);\n\n  // Convert ticks back to base unit for scale positioning\n  const baseUnitTicks = targetTicks.map((tick) =>\n    convert(tick, outputUnit, inputUnit, true),\n  );\n\n  // Format ticks using the provided formatter\n  const formattedStrings = baseUnitTicks.map((tick) => formatter(tick));\n\n  return {\n    ticks: baseUnitTicks.map(String),\n    formattedTicks: formattedStrings,\n    numericTicks: baseUnitTicks,\n  };\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/esm/charts/xy-chart/utils/generate-scales-by-axis-id.js

@@ -1,4 +1,8 @@
 import { scaleBand, scaleTime } from "d3-scale";
+import {
+  niceUnitDomain,
+  shouldUseNiceUnitTicks
+} from "./generate-nice-unit-ticks.js";
 import { isXAxis } from "./is-axis.js";
 import { toRelative } from "./value-representation.js";
 import {
@@ -27,16 +31,25 @@ function generateInitialNumericalScale(initialDomain, axis, isXCoordinate, width
     ({ min, max } = initialDomainWithRelativeFilter);
   } else {
     const minMaxByConfig = { min: axis.min, max: axis.max };
-    const minMaxOptions = {
-      niceMin: isLogarithmicAxis(axis) ? false : axis.min === "auto",
-      niceMax: isLogarithmicAxis(axis) ? false : axis.max === "auto"
-    };
-    ({ min, max } = getMinMax(
+    const niceMin = isLogarithmicAxis(axis) ? false : axis.min === "auto";
+    const niceMax = isLogarithmicAxis(axis) ? false : axis.max === "auto";
+    const rawMinMax = getMinMax(
       scaleType,
       initialDomainWithRelativeFilter,
       minMaxByConfig,
-      minMaxOptions
-    ));
+      { niceMin: false, niceMax: false }
+    );
+    const axisFormatter = axis.formatter;
+    const niceDomain = shouldUseNiceUnitTicks(axis) && (niceMin || niceMax) ? niceUnitDomain(
+      [rawMinMax.min, rawMinMax.max],
+      axisFormatter,
+      niceMin,
+      niceMax
+    ) : null;
+    ({ min, max } = niceDomain ?? getMinMax(scaleType, initialDomainWithRelativeFilter, minMaxByConfig, {
+      niceMin,
+      niceMax
+    }));
   }
   const domain = axis.reversed ? [max, min] : [min, max];
   const range = isXCoordinate ? [0, width] : [height, 0];

package/esm/charts/xy-chart/utils/generate-scales-by-axis-id.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/xy-chart/utils/generate-scales-by-axis-id.ts"],
-  "sourcesContent": ["import { scaleBand, scaleTime } from 'd3-scale';\n\nimport { isXAxis } from './is-axis.js';\nimport { toRelative } from './value-representation.js';\nimport {\n  CATEGORICAL_BARS_INNER_PADDING,\n  CATEGORICAL_BARS_OUTER_PADDING,\n} from '../../core/constants.js';\nimport type { MinMax } from '../../core/types/min-max.js';\nimport type { DateScales, NumericScales } from '../../core/types/scales.js';\nimport {\n  getMinMax,\n  getScale,\n  type buildScale,\n  type MinMaxOptions,\n} from '../../core/utils/core-scale.js';\nimport { resolveTimeMinMax } from '../../core/utils/get-min-max-for-scale.js';\nimport { safeGet } from '../../core/utils/safe-get.js';\nimport type { AxisIdToScales } from '../context/XYChartScales.context.js';\nimport {\n  isLogarithmicAxis,\n  isNumericalAxis,\n  isTimeAxis,\n} from '../types/guards.js';\nimport type { XYChartState } from '../types/state.js';\nimport type {\n  AxisIdToDimension,\n  AxisIdToScaleDomain,\n  XYChartAxisInternal,\n  XYChartLinearAxisInternalProps,\n  XYChartLogAxisInternalProps,\n} from '../types/xy-chart-internals.js';\nimport type { XYChartTimeAxisProps } from '../types/xy-chart-props.js';\n\nfunction generateInitialNumericalScale(\n  initialDomain: MinMax,\n  axis: XYChartAxisInternal &\n    (XYChartLinearAxisInternalProps | XYChartLogAxisInternalProps),\n  isXCoordinate: boolean,\n  width: number,\n  height: number,\n  minMaxDomain: MinMax,\n) {\n  const scaleType = axis.type.split('.')[1] as Parameters<typeof buildScale>[0];\n  let min: number, max: number;\n\n  const initialDomainWithRelativeFilter = axis.isRelative\n    ? {\n        min: toRelative(initialDomain.min, minMaxDomain),\n        max: toRelative(initialDomain.max, minMaxDomain),\n      }\n    : initialDomain;\n\n  if (axis.interactions.initial) {\n    ({ min, max } = initialDomainWithRelativeFilter);\n  } else {\n    const minMaxByConfig = { min: axis.min, max: axis.max };\n    const minMaxOptions: MinMaxOptions = {\n      niceMin: isLogarithmicAxis(axis) ? false : axis.min === 'auto',\n      niceMax: isLogarithmicAxis(axis) ? false : axis.max === 'auto',\n    };\n    ({ min, max } = getMinMax(\n      scaleType,\n      initialDomainWithRelativeFilter,\n      minMaxByConfig,\n      minMaxOptions,\n    ));\n  }\n  const domain = axis.reversed ? [max, min] : [min, max];\n  const range = isXCoordinate ? [0, width] : [height, 0];\n\n  return getScale(scaleType, domain, range);\n}\n\nfunction generateNumericScale(\n  initialScale: NumericScales,\n  zoomedDomain: MinMax | undefined,\n  scaleType: 'log' | 'linear',\n) {\n  const range = initialScale.range();\n  let domain = initialScale.domain();\n\n  if (zoomedDomain) {\n    const min = zoomedDomain.min;\n    const max = zoomedDomain.max;\n\n    domain = [min, max];\n  }\n\n  return getScale(scaleType, domain, range);\n}\n\nfunction generateTimeScale(\n  initialScale: DateScales,\n  zoomedDomain: MinMax | undefined,\n) {\n  const range = initialScale.range();\n\n  let domain;\n  if (zoomedDomain) {\n    const min = zoomedDomain.min;\n    const max = zoomedDomain.max;\n\n    domain = [min, max];\n  } else {\n    domain = initialScale.domain();\n  }\n\n  return scaleTime().domain(domain).range(range);\n}\n\nexport function generateInitialTimeScale(\n  initialDomain: MinMax,\n  axis: XYChartAxisInternal & XYChartTimeAxisProps,\n  isXCoordinate: boolean,\n  width: number,\n  height: number,\n) {\n  let min: number, max: number;\n  if (axis.interactions.initial) {\n    ({ min, max } = initialDomain);\n  } else {\n    const minMaxByConfig = { min: axis.min, max: axis.max };\n    ({ min, max } = resolveTimeMinMax(initialDomain, minMaxByConfig));\n  }\n  const domain = axis.reversed ? [max, min] : [min, max];\n  const range = isXCoordinate ? [0, width] : [height, 0];\n\n  const scale = scaleTime().domain(domain).range(range);\n\n  return scale;\n}\n\nfunction generateCategoricalScale(\n  categoricalValues: Set<string>,\n  axis: XYChartAxisInternal,\n  isXCoordinate: boolean,\n  width: number,\n  height: number,\n) {\n  const range = isXCoordinate ? [0, width] : [0, height];\n  const domain = axis.reversed\n    ? Array.from(categoricalValues).reverse()\n    : categoricalValues;\n\n  return scaleBand(domain, range);\n}\n\n/**\n * Generates a current map of scales for each axis ID based on the provided axes configurations.\n *\n * @param axes - The array of axes configurations.\n * @param axisIdToScaleDomain - A map of axis IDs to their initial domains.\n * @param axisIdToZoomedDomain - A map of axis IDs to their current zoomed min max.\n * @param width - The width of the chart area.\n * @param height - The height of the chart area.\n * @returns - A map of axis IDs to their corresponding scales | AxisIdToScale.\n */\nexport function generateScalesByAxisId(\n  axes: XYChartAxisInternal[],\n  axisIdToScaleDomain: AxisIdToScaleDomain,\n  axisIdToZoomedDomain: XYChartState['currentDomain'] | undefined,\n  axisToDimension: AxisIdToDimension,\n  width: number,\n  height: number,\n): AxisIdToScales {\n  const axisIdToScales: AxisIdToScales = new Map();\n\n  axes.forEach((axis) => {\n    const isXCoordinate = isXAxis(axis);\n\n    const minMaxDomain = safeGet(axisIdToScaleDomain, axis.id);\n    if (isNumericalAxis(axis)) {\n      const initialDomain = ((axis.interactions.initial && {\n        min: axis.interactions.initial[0],\n        max: axis.interactions.initial[1],\n      }) ??\n        minMaxDomain) as MinMax;\n      const initialScale = generateInitialNumericalScale(\n        initialDomain,\n        axis,\n        isXCoordinate,\n        width,\n        height,\n        minMaxDomain as MinMax,\n      );\n\n      const zoomedDomain = axisIdToZoomedDomain?.get(axis.id);\n\n      const currentScale = generateNumericScale(\n        initialScale as NumericScales,\n        zoomedDomain,\n        axis.type.split('.')[1] as Parameters<typeof buildScale>[0],\n      );\n\n      axisIdToScales.set(axis.id, { currentScale, initialScale });\n    } else if (isTimeAxis(axis)) {\n      const initialDomain = ((axis.interactions.initial && {\n        min: axis.interactions.initial[0],\n        max: axis.interactions.initial[1],\n      }) ??\n        safeGet(axisIdToScaleDomain, axis.id)) as MinMax;\n\n      const initialScale = generateInitialTimeScale(\n        initialDomain,\n        axis,\n        isXCoordinate,\n        width,\n        height,\n      );\n      const zoomedDomain = axisIdToZoomedDomain?.get(axis.id);\n\n      const currentScale = generateTimeScale(\n        initialScale as DateScales,\n        zoomedDomain,\n      );\n      axisIdToScales.set(axis.id, { currentScale, initialScale });\n    } else {\n      const initialDomain = safeGet(\n        axisIdToScaleDomain,\n        axis.id,\n      ) as Set<string>;\n\n      const scale = generateCategoricalScale(\n        initialDomain,\n        axis,\n        isXCoordinate,\n        width,\n        height,\n      );\n\n      const dimensions = axisToDimension.get(axis.id);\n\n      axisIdToScales.set(axis.id, {\n        initialScale: scale,\n        currentScale: scale,\n        dimensionScale: dimensions\n          ? scaleBand(dimensions, [\n              0,\n              scale\n                .copy()\n                .paddingInner(CATEGORICAL_BARS_INNER_PADDING)\n                .paddingOuter(CATEGORICAL_BARS_OUTER_PADDING)\n                .bandwidth(),\n            ]).paddingInner(CATEGORICAL_BARS_INNER_PADDING)\n          : undefined,\n        categoricalBarScale: scale\n          .copy()\n          .paddingInner(CATEGORICAL_BARS_INNER_PADDING)\n          .paddingOuter(CATEGORICAL_BARS_OUTER_PADDING),\n      });\n    }\n  });\n\n  return axisIdToScales;\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { scaleBand, scaleTime } from 'd3-scale';\n\nimport type {\n  ConvertibleUnit,\n  FormatOptions,\n  Unit,\n} from '@dynatrace-sdk/units';\n\nimport {\n  niceUnitDomain,\n  shouldUseNiceUnitTicks,\n} from './generate-nice-unit-ticks.js';\nimport { isXAxis } from './is-axis.js';\nimport { toRelative } from './value-representation.js';\nimport {\n  CATEGORICAL_BARS_INNER_PADDING,\n  CATEGORICAL_BARS_OUTER_PADDING,\n} from '../../core/constants.js';\nimport type { MinMax } from '../../core/types/min-max.js';\nimport type { DateScales, NumericScales } from '../../core/types/scales.js';\nimport {\n  getMinMax,\n  getScale,\n  type buildScale,\n} from '../../core/utils/core-scale.js';\nimport { resolveTimeMinMax } from '../../core/utils/get-min-max-for-scale.js';\nimport { safeGet } from '../../core/utils/safe-get.js';\nimport type { AxisIdToScales } from '../context/XYChartScales.context.js';\nimport {\n  isLogarithmicAxis,\n  isNumericalAxis,\n  isTimeAxis,\n} from '../types/guards.js';\nimport type { XYChartState } from '../types/state.js';\nimport type {\n  AxisIdToDimension,\n  AxisIdToScaleDomain,\n  XYChartAxisInternal,\n  XYChartLinearAxisInternalProps,\n  XYChartLogAxisInternalProps,\n} from '../types/xy-chart-internals.js';\nimport type { XYChartTimeAxisProps } from '../types/xy-chart-props.js';\n\nfunction generateInitialNumericalScale(\n  initialDomain: MinMax,\n  axis: XYChartAxisInternal &\n    (XYChartLinearAxisInternalProps | XYChartLogAxisInternalProps),\n  isXCoordinate: boolean,\n  width: number,\n  height: number,\n  minMaxDomain: MinMax,\n) {\n  const scaleType = axis.type.split('.')[1] as Parameters<typeof buildScale>[0];\n  let min: number, max: number;\n\n  const initialDomainWithRelativeFilter = axis.isRelative\n    ? {\n        min: toRelative(initialDomain.min, minMaxDomain),\n        max: toRelative(initialDomain.max, minMaxDomain),\n      }\n    : initialDomain;\n\n  if (axis.interactions.initial) {\n    ({ min, max } = initialDomainWithRelativeFilter);\n  } else {\n    const minMaxByConfig = { min: axis.min, max: axis.max };\n    const niceMin = isLogarithmicAxis(axis) ? false : axis.min === 'auto';\n    const niceMax = isLogarithmicAxis(axis) ? false : axis.max === 'auto';\n\n    const rawMinMax = getMinMax(\n      scaleType,\n      initialDomainWithRelativeFilter,\n      minMaxByConfig,\n      { niceMin: false, niceMax: false },\n    );\n\n    const axisFormatter = axis.formatter as FormatOptions<\n      Unit,\n      ConvertibleUnit\n    >;\n\n    const niceDomain =\n      shouldUseNiceUnitTicks(axis) && (niceMin || niceMax)\n        ? niceUnitDomain(\n            [rawMinMax.min, rawMinMax.max],\n            axisFormatter,\n            niceMin,\n            niceMax,\n          )\n        : null;\n\n    ({ min, max } =\n      niceDomain ??\n      getMinMax(scaleType, initialDomainWithRelativeFilter, minMaxByConfig, {\n        niceMin,\n        niceMax,\n      }));\n  }\n  const domain = axis.reversed ? [max, min] : [min, max];\n  const range = isXCoordinate ? [0, width] : [height, 0];\n\n  return getScale(scaleType, domain, range);\n}\n\nfunction generateNumericScale(\n  initialScale: NumericScales,\n  zoomedDomain: MinMax | undefined,\n  scaleType: 'log' | 'linear',\n) {\n  const range = initialScale.range();\n  let domain = initialScale.domain();\n\n  if (zoomedDomain) {\n    const min = zoomedDomain.min;\n    const max = zoomedDomain.max;\n\n    domain = [min, max];\n  }\n\n  return getScale(scaleType, domain, range);\n}\n\nfunction generateTimeScale(\n  initialScale: DateScales,\n  zoomedDomain: MinMax | undefined,\n) {\n  const range = initialScale.range();\n\n  let domain;\n  if (zoomedDomain) {\n    const min = zoomedDomain.min;\n    const max = zoomedDomain.max;\n\n    domain = [min, max];\n  } else {\n    domain = initialScale.domain();\n  }\n\n  return scaleTime().domain(domain).range(range);\n}\n\nexport function generateInitialTimeScale(\n  initialDomain: MinMax,\n  axis: XYChartAxisInternal & XYChartTimeAxisProps,\n  isXCoordinate: boolean,\n  width: number,\n  height: number,\n) {\n  let min: number, max: number;\n  if (axis.interactions.initial) {\n    ({ min, max } = initialDomain);\n  } else {\n    const minMaxByConfig = { min: axis.min, max: axis.max };\n    ({ min, max } = resolveTimeMinMax(initialDomain, minMaxByConfig));\n  }\n  const domain = axis.reversed ? [max, min] : [min, max];\n  const range = isXCoordinate ? [0, width] : [height, 0];\n\n  const scale = scaleTime().domain(domain).range(range);\n\n  return scale;\n}\n\nfunction generateCategoricalScale(\n  categoricalValues: Set<string>,\n  axis: XYChartAxisInternal,\n  isXCoordinate: boolean,\n  width: number,\n  height: number,\n) {\n  const range = isXCoordinate ? [0, width] : [0, height];\n  const domain = axis.reversed\n    ? Array.from(categoricalValues).reverse()\n    : categoricalValues;\n\n  return scaleBand(domain, range);\n}\n\n/**\n * Generates a current map of scales for each axis ID based on the provided axes configurations.\n *\n * @param axes - The array of axes configurations.\n * @param axisIdToScaleDomain - A map of axis IDs to their initial domains.\n * @param axisIdToZoomedDomain - A map of axis IDs to their current zoomed min max.\n * @param width - The width of the chart area.\n * @param height - The height of the chart area.\n * @returns - A map of axis IDs to their corresponding scales | AxisIdToScale.\n */\nexport function generateScalesByAxisId(\n  axes: XYChartAxisInternal[],\n  axisIdToScaleDomain: AxisIdToScaleDomain,\n  axisIdToZoomedDomain: XYChartState['currentDomain'] | undefined,\n  axisToDimension: AxisIdToDimension,\n  width: number,\n  height: number,\n): AxisIdToScales {\n  const axisIdToScales: AxisIdToScales = new Map();\n\n  axes.forEach((axis) => {\n    const isXCoordinate = isXAxis(axis);\n\n    const minMaxDomain = safeGet(axisIdToScaleDomain, axis.id);\n    if (isNumericalAxis(axis)) {\n      const initialDomain = ((axis.interactions.initial && {\n        min: axis.interactions.initial[0],\n        max: axis.interactions.initial[1],\n      }) ??\n        minMaxDomain) as MinMax;\n      const initialScale = generateInitialNumericalScale(\n        initialDomain,\n        axis,\n        isXCoordinate,\n        width,\n        height,\n        minMaxDomain as MinMax,\n      );\n\n      const zoomedDomain = axisIdToZoomedDomain?.get(axis.id);\n\n      const currentScale = generateNumericScale(\n        initialScale as NumericScales,\n        zoomedDomain,\n        axis.type.split('.')[1] as Parameters<typeof buildScale>[0],\n      );\n\n      axisIdToScales.set(axis.id, { currentScale, initialScale });\n    } else if (isTimeAxis(axis)) {\n      const initialDomain = ((axis.interactions.initial && {\n        min: axis.interactions.initial[0],\n        max: axis.interactions.initial[1],\n      }) ??\n        safeGet(axisIdToScaleDomain, axis.id)) as MinMax;\n\n      const initialScale = generateInitialTimeScale(\n        initialDomain,\n        axis,\n        isXCoordinate,\n        width,\n        height,\n      );\n      const zoomedDomain = axisIdToZoomedDomain?.get(axis.id);\n\n      const currentScale = generateTimeScale(\n        initialScale as DateScales,\n        zoomedDomain,\n      );\n      axisIdToScales.set(axis.id, { currentScale, initialScale });\n    } else {\n      const initialDomain = safeGet(\n        axisIdToScaleDomain,\n        axis.id,\n      ) as Set<string>;\n\n      const scale = generateCategoricalScale(\n        initialDomain,\n        axis,\n        isXCoordinate,\n        width,\n        height,\n      );\n\n      const dimensions = axisToDimension.get(axis.id);\n\n      axisIdToScales.set(axis.id, {\n        initialScale: scale,\n        currentScale: scale,\n        dimensionScale: dimensions\n          ? scaleBand(dimensions, [\n              0,\n              scale\n                .copy()\n                .paddingInner(CATEGORICAL_BARS_INNER_PADDING)\n                .paddingOuter(CATEGORICAL_BARS_OUTER_PADDING)\n                .bandwidth(),\n            ]).paddingInner(CATEGORICAL_BARS_INNER_PADDING)\n          : undefined,\n        categoricalBarScale: scale\n          .copy()\n          .paddingInner(CATEGORICAL_BARS_INNER_PADDING)\n          .paddingOuter(CATEGORICAL_BARS_OUTER_PADDING),\n      });\n    }\n  });\n\n  return axisIdToScales;\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/charts/xy-chart/utils/get-linear-accessors.js

@@ -0,0 +1,41 @@
+import { resolveAreaAccessKey } from "./resolve-area-accessor-key.js";
+import {
+  isHorizontalAreaAccessors,
+  isVerticalAreaAccessors
+} from "./type-guards.js";
+import { LINEAR_ACCESSORS } from "../components/displays/index.js";
+import {
+  AREA_VARIANT
+} from "../types/xy-chart-internals.js";
+function getLinearAccessors(seriesType, metadata, datapointToMetadata, xRelAccessor, yRelAccessor) {
+  let accessKey;
+  if (seriesType === AREA_VARIANT) {
+    const { orientation, variant } = metadata;
+    accessKey = resolveAreaAccessKey(variant, orientation);
+  } else {
+    accessKey = seriesType;
+  }
+  const pair = LINEAR_ACCESSORS[accessKey];
+  if (isHorizontalAreaAccessors(pair)) {
+    const { isStacked } = metadata;
+    return {
+      xAccessor: (scale) => pair.x(scale, datapointToMetadata, xRelAccessor, isStacked),
+      yAccessor: (scale) => pair.y(scale, yRelAccessor)
+    };
+  } else if (isVerticalAreaAccessors(pair)) {
+    const { isStacked } = metadata;
+    return {
+      xAccessor: (scale) => pair.x(scale, xRelAccessor),
+      yAccessor: (scale) => pair.y(scale, datapointToMetadata, yRelAccessor, isStacked)
+    };
+  } else {
+    return {
+      xAccessor: (scale) => pair.x(scale, xRelAccessor),
+      yAccessor: (scale) => pair.y(scale, yRelAccessor)
+    };
+  }
+}
+export {
+  getLinearAccessors
+};
+//# sourceMappingURL=get-linear-accessors.js.map

package/esm/charts/xy-chart/utils/get-linear-accessors.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/charts/xy-chart/utils/get-linear-accessors.ts"],
+  "sourcesContent": ["import { resolveAreaAccessKey } from './resolve-area-accessor-key.js';\nimport {\n  isHorizontalAreaAccessors,\n  isVerticalAreaAccessors,\n} from './type-guards.js';\nimport { LINEAR_ACCESSORS } from '../components/displays/index.js';\nimport {\n  AREA_VARIANT,\n  type AnyLinearSeries,\n  type AnyXYChartScale,\n  type AreaMetadata,\n  type DotMetadata,\n  type LineMetadata,\n  type MapDatapoints,\n} from '../types/xy-chart-internals.js';\nimport type {\n  AreaDatapoint,\n  DotDatapoint,\n  LineDatapoint,\n} from '../types/xy-chart.js';\n\nexport type AnyLinearDatapoint = DotDatapoint | LineDatapoint | AreaDatapoint;\n\nexport type AnyLinearAccessors = {\n  xAccessor: (scale: AnyXYChartScale) => (d: AnyLinearDatapoint) => number;\n  yAccessor: (scale: AnyXYChartScale) => (d: AnyLinearDatapoint) => number;\n};\n\nexport type AnyLinearSeriesMetadata = AreaMetadata | DotMetadata | LineMetadata;\n\nexport function getLinearAccessors(\n  seriesType: AnyLinearSeries['type'],\n  metadata: AnyLinearSeriesMetadata,\n  datapointToMetadata: MapDatapoints,\n  xRelAccessor?: (value: number) => number,\n  yRelAccessor?: (value: number) => number,\n): AnyLinearAccessors {\n  let accessKey: keyof typeof LINEAR_ACCESSORS;\n  if (seriesType === AREA_VARIANT) {\n    const { orientation, variant } = metadata as AreaMetadata;\n    accessKey = resolveAreaAccessKey(variant, orientation);\n  } else {\n    accessKey = seriesType;\n  }\n\n  const pair = LINEAR_ACCESSORS[accessKey];\n\n  if (isHorizontalAreaAccessors(pair)) {\n    const { isStacked } = metadata as AreaMetadata;\n    return {\n      xAccessor: (scale: AnyXYChartScale) =>\n        pair.x(scale, datapointToMetadata, xRelAccessor, isStacked),\n      yAccessor: (scale: AnyXYChartScale) => pair.y(scale, yRelAccessor),\n    };\n  } else if (isVerticalAreaAccessors(pair)) {\n    const { isStacked } = metadata as AreaMetadata;\n    return {\n      xAccessor: (scale: AnyXYChartScale) => pair.x(scale, xRelAccessor),\n      yAccessor: (scale: AnyXYChartScale) =>\n        pair.y(scale, datapointToMetadata, yRelAccessor, isStacked),\n    };\n  } else {\n    return {\n      xAccessor: (scale: AnyXYChartScale) =>\n        pair.x(scale, xRelAccessor) as (\n          datapoint: AnyLinearDatapoint,\n        ) => number,\n      yAccessor: (scale: AnyXYChartScale) =>\n        pair.y(scale, yRelAccessor) as (\n          datapoint: AnyLinearDatapoint,\n        ) => number,\n    };\n  }\n}\n"],
+  "mappings": "AAAA,SAAS,4BAA4B;AACrC;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,wBAAwB;AACjC;AAAA,EACE;AAAA,OAOK;AAgBA,SAAS,mBACd,YACA,UACA,qBACA,cACA,cACoB;AACpB,MAAI;AACJ,MAAI,eAAe,cAAc;AAC/B,UAAM,EAAE,aAAa,QAAQ,IAAI;AACjC,gBAAY,qBAAqB,SAAS,WAAW;AAAA,EACvD,OAAO;AACL,gBAAY;AAAA,EACd;AAEA,QAAM,OAAO,iBAAiB,SAAS;AAEvC,MAAI,0BAA0B,IAAI,GAAG;AACnC,UAAM,EAAE,UAAU,IAAI;AACtB,WAAO;AAAA,MACL,WAAW,CAAC,UACV,KAAK,EAAE,OAAO,qBAAqB,cAAc,SAAS;AAAA,MAC5D,WAAW,CAAC,UAA2B,KAAK,EAAE,OAAO,YAAY;AAAA,IACnE;AAAA,EACF,WAAW,wBAAwB,IAAI,GAAG;AACxC,UAAM,EAAE,UAAU,IAAI;AACtB,WAAO;AAAA,MACL,WAAW,CAAC,UAA2B,KAAK,EAAE,OAAO,YAAY;AAAA,MACjE,WAAW,CAAC,UACV,KAAK,EAAE,OAAO,qBAAqB,cAAc,SAAS;AAAA,IAC9D;AAAA,EACF,OAAO;AACL,WAAO;AAAA,MACL,WAAW,CAAC,UACV,KAAK,EAAE,OAAO,YAAY;AAAA,MAG5B,WAAW,CAAC,UACV,KAAK,EAAE,OAAO,YAAY;AAAA,IAG9B;AAAA,EACF;AACF;",
+  "names": []
+}

package/esm/charts/xy-chart/utils/query-closest-quadtree.js

@@ -1,44 +1,24 @@
 import { quadtree } from "d3-quadtree";
 import { debounce } from "lodash-es";
-import { getAreaAccessors } from "./get-area-series-accessors.js";
+import {
+  getLinearAccessors
+} from "./get-linear-accessors.js";
 import { getCurrentScale } from "./get-scale.js";
 import { relAccessor } from "./value-representation.js";
 import { DEFAULT_DATA_POINT_RADIUS } from "../../core/constants.js";
 import { safeGet } from "../../core/utils/safe-get.js";
-import { LINEAR_ACCESSORS } from "../components/displays/index.js";
-import {
-  AREA_VARIANT
-} from "../types/xy-chart-internals.js";
 function getAxisAccessors(series, metadata, xScale, yScale, axisIdToScaleDomain, datapointToMetadata) {
-  if (series.type === AREA_VARIANT) {
-    const areaMetadata = metadata;
-    const isHorizontal = areaMetadata.orientation === "horizontal";
-    const isBand = areaMetadata.variant === "band";
-    const { xAxis: xAxis2, yAxis: yAxis2 } = areaMetadata;
-    const xRelAccessor2 = relAccessor(xAxis2, axisIdToScaleDomain);
-    const yRelAccessor2 = relAccessor(yAxis2, axisIdToScaleDomain);
-    const [xAccessorFn, yAccessorFn] = getAreaAccessors(
-      isHorizontal,
-      isBand,
-      xScale,
-      yScale,
-      datapointToMetadata,
-      xRelAccessor2,
-      yRelAccessor2
-    );
-    return [xAccessorFn, yAccessorFn];
-  }
   const { xAxis, yAxis } = metadata;
   const xRelAccessor = relAccessor(xAxis, axisIdToScaleDomain);
   const yRelAccessor = relAccessor(yAxis, axisIdToScaleDomain);
-  const accessorPair = LINEAR_ACCESSORS[series.type];
-  if (!accessorPair) {
-    return void 0;
-  }
-  return [
-    (d) => accessorPair.x(xScale, xRelAccessor)(d),
-    (d) => accessorPair.y(yScale, yRelAccessor)(d)
-  ];
+  const { xAccessor, yAccessor } = getLinearAccessors(
+    series.type,
+    metadata,
+    datapointToMetadata,
+    xRelAccessor,
+    yRelAccessor
+  );
+  return [xAccessor(xScale), yAccessor(yScale)];
 }
 function filterDatapointsInRange(points, xAxisAccessor, yAxisAccessor, bounds, datapointToMetadata) {
   const { xMin, xMax, yMin, yMax } = bounds;
@@ -74,9 +54,6 @@ function buildQuadtrees(seriesWithDatapoints, axisIdToScales, datapointToMetadat
       axisIdToScaleDomain,
       datapointToMetadata
     );
-    if (!accessors) {
-      continue;
-    }
     const [xAxisAccessor, yAxisAccessor] = accessors;
     const [xMin, xMax] = xScale.range();
     const [yMin, yMax] = yScale.range();
@@ -125,38 +102,15 @@ function distanceBetweenTwoPoints(x0, x1, y0, y1) {
   return Math.sqrt(Math.pow(x0 - x1, 2) + Math.pow(y0 - y1, 2));
 }
 function getDatapointAxisValues(datapoint, series, metadata, xScale, yScale, axisIdToScaleDomain, datapointToMetadata) {
-  if (series.type === AREA_VARIANT) {
-    const areaMetadata = metadata;
-    const isHorizontal = areaMetadata.orientation === "horizontal";
-    const isBand = areaMetadata.variant === "band";
-    const { xAxis: xAxis2, yAxis: yAxis2, isStacked } = areaMetadata;
-    const xRelAccessor2 = relAccessor(xAxis2, axisIdToScaleDomain);
-    const yRelAccessor2 = relAccessor(yAxis2, axisIdToScaleDomain);
-    const [xAccessorFn, yAccessorFn] = getAreaAccessors(
-      isHorizontal,
-      isBand,
-      xScale,
-      yScale,
-      datapointToMetadata,
-      xRelAccessor2,
-      yRelAccessor2,
-      isStacked
-    );
-    return [xAccessorFn(datapoint), yAccessorFn(datapoint)];
-  }
-  const { xAxis, yAxis } = metadata;
-  const xRelAccessor = relAccessor(xAxis, axisIdToScaleDomain);
-  const yRelAccessor = relAccessor(yAxis, axisIdToScaleDomain);
-  const accessorPair = LINEAR_ACCESSORS[series.type];
-  const xValue = accessorPair.x(
+  const accessors = getAxisAccessors(
+    series,
+    metadata,
     xScale,
-    xRelAccessor
-  )(datapoint);
-  const yValue = accessorPair.y(
     yScale,
-    yRelAccessor
-  )(datapoint);
-  return [xValue, yValue];
+    axisIdToScaleDomain,
+    datapointToMetadata
+  );
+  return [accessors[0](datapoint), accessors[1](datapoint)];
 }
 function findClosestDatapointInSeries(series, tree, position, metadata, queryContext) {
   const datapoint = tree.find(position.x, position.y);

package/esm/charts/xy-chart/utils/query-closest-quadtree.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/xy-chart/utils/query-closest-quadtree.ts"],
-  "sourcesContent": ["import { quadtree } from 'd3-quadtree';\nimport type { Point } from 'framer-motion';\nimport { debounce, type DebouncedFunc } from 'lodash-es';\n\nimport { getAreaAccessors } from './get-area-series-accessors.js';\nimport { getCurrentScale } from './get-scale.js';\nimport { relAccessor } from './value-representation.js';\nimport { DEFAULT_DATA_POINT_RADIUS } from '../../core/constants.js';\nimport { safeGet } from '../../core/utils/safe-get.js';\nimport { LINEAR_ACCESSORS } from '../components/displays/index.js';\nimport type {\n  AreaSeriesQueryResult,\n  DotSeriesQueryResult,\n  LineSeriesQueryResult,\n  SeriesQuadtreeDatapoint,\n  SeriesToQuadtree,\n} from '../context/XYChartOverlayPerformance.context.js';\nimport type { AxisIdToScales } from '../context/XYChartScales.context.js';\nimport {\n  type AnyLinearSeries,\n  type AreaSeriesWithDatapoints,\n  type AreaMetadata,\n  type AxisIdToScaleDomain,\n  type DotSeriesWithDatapoints,\n  type DotMetadata,\n  type LineSeriesWithDatapoints,\n  type LineMetadata,\n  type SeriesToMetadata,\n  type MapDatapoints,\n  AREA_VARIANT,\n} from '../types/xy-chart-internals.js';\nimport type { DotDatapoint, LineDatapoint } from '../types/xy-chart.js';\n\ntype AnySeriesMetadata = AreaMetadata | DotMetadata | LineMetadata;\n\n/**\n * Get axis accessors for a given series based on its type.\n *\n * @param series - The series to get accessors for.\n * @param metadata - Series metadata.\n * @param xScale - X scale.\n * @param yScale - Y scale.\n * @param axisIdToScaleDomain - Domain lookup keyed by axis id.\n * @param datapointToMetadata - Map with metadata (e.g., gap flags).\n * @returns Tuple of [xAccessor, yAccessor] or undefined if accessor pair not found.\n */\nfunction getAxisAccessors(\n  series: AnyLinearSeries,\n  metadata: AnySeriesMetadata,\n  xScale: ReturnType<typeof getCurrentScale>,\n  yScale: ReturnType<typeof getCurrentScale>,\n  axisIdToScaleDomain: AxisIdToScaleDomain,\n  datapointToMetadata: MapDatapoints,\n):\n  | [\n      (d: SeriesQuadtreeDatapoint) => number,\n      (d: SeriesQuadtreeDatapoint) => number,\n    ]\n  | undefined {\n  if (series.type === AREA_VARIANT) {\n    const areaMetadata = metadata as AreaMetadata;\n    const isHorizontal = areaMetadata.orientation === 'horizontal';\n    const isBand = areaMetadata.variant === 'band';\n    const { xAxis, yAxis } = areaMetadata;\n    const xRelAccessor = relAccessor(xAxis, axisIdToScaleDomain);\n    const yRelAccessor = relAccessor(yAxis, axisIdToScaleDomain);\n\n    const [xAccessorFn, yAccessorFn] = getAreaAccessors(\n      isHorizontal,\n      isBand,\n      xScale,\n      yScale,\n      datapointToMetadata,\n      xRelAccessor,\n      yRelAccessor,\n    );\n    return [xAccessorFn, yAccessorFn];\n  }\n\n  const { xAxis, yAxis } = metadata;\n  const xRelAccessor = relAccessor(xAxis, axisIdToScaleDomain);\n  const yRelAccessor = relAccessor(yAxis, axisIdToScaleDomain);\n  const accessorPair = LINEAR_ACCESSORS[series.type];\n\n  if (!accessorPair) {\n    return undefined;\n  }\n\n  return [\n    (d: SeriesQuadtreeDatapoint) =>\n      accessorPair.x(xScale, xRelAccessor)(d as DotDatapoint | LineDatapoint),\n    (d: SeriesQuadtreeDatapoint) =>\n      accessorPair.y(yScale, yRelAccessor)(d as DotDatapoint | LineDatapoint),\n  ];\n}\n\n/**\n * Filter datapoints to include only those within range and not marked as gaps.\n *\n * @param points - Array of datapoints to filter.\n * @param xAxisAccessor - Function to get x value from datapoint.\n * @param yAxisAccessor - Function to get y value from datapoint.\n * @param bounds - Object containing xMin, xMax, yMin, yMax boundaries.\n * @param datapointToMetadata - Map with metadata (e.g., gap flags).\n * @returns Filtered array of datapoints.\n */\nfunction filterDatapointsInRange(\n  points: SeriesQuadtreeDatapoint[],\n  xAxisAccessor: (d: SeriesQuadtreeDatapoint) => number,\n  yAxisAccessor: (d: SeriesQuadtreeDatapoint) => number,\n  bounds: { xMin: number; xMax: number; yMin: number; yMax: number },\n  datapointToMetadata: MapDatapoints,\n): SeriesQuadtreeDatapoint[] {\n  const { xMin, xMax, yMin, yMax } = bounds;\n\n  return points.filter((point) => {\n    if (safeGet(datapointToMetadata, point).isGap) {\n      return false;\n    }\n\n    const xValue = xAxisAccessor(point);\n    const yValue = yAxisAccessor(point);\n\n    if (xValue < xMin || xValue > xMax) {\n      return false;\n    }\n\n    if (yValue < yMin || yValue > yMax) {\n      return false;\n    }\n\n    return true;\n  });\n}\n\n/**\n * Build a quadtree for a single series.\n *\n * @param series - The series to build a quadtree for.\n * @param xAxisAccessor - Function to get x value from datapoint.\n * @param yAxisAccessor - Function to get y value from datapoint.\n * @param filtered - Filtered array of datapoints.\n * @returns The constructed quadtree.\n */\nfunction buildSingleQuadtree(\n  xAxisAccessor: (d: SeriesQuadtreeDatapoint) => number,\n  yAxisAccessor: (d: SeriesQuadtreeDatapoint) => number,\n  filtered: SeriesQuadtreeDatapoint[],\n) {\n  return quadtree<SeriesQuadtreeDatapoint>()\n    .x((d) => xAxisAccessor(d))\n    .y((d) => yAxisAccessor(d))\n    .addAll(filtered);\n}\n\n/**\n * Build quadtrees for fast nearest-point queries for each linear series.\n * Filters out gap datapoints and points outside current x/y range.\n *\n * @param seriesWithDatapoints - Array of linear (dot/line/area) series.\n * @param axisIdToScales - Scale lookup keyed by axis id.\n * @param datapointToMetadata - Map with metadata (e.g., gap flags).\n * @param seriesToMetadata - Map from series to its metadata.\n * @param axisIdToScaleDomain - Domain lookup keyed by axis id.\n * @returns Map from series id to its quadtree.\n */\nexport function buildQuadtrees(\n  seriesWithDatapoints: AnyLinearSeries[],\n  axisIdToScales: AxisIdToScales,\n  datapointToMetadata: MapDatapoints,\n  seriesToMetadata: SeriesToMetadata,\n  axisIdToScaleDomain: AxisIdToScaleDomain,\n): SeriesToQuadtree {\n  const seriesToTrees: SeriesToQuadtree = new Map();\n\n  for (const series of seriesWithDatapoints) {\n    const xScale = getCurrentScale(axisIdToScales, series.xAxisId);\n    const yScale = getCurrentScale(axisIdToScales, series.yAxisId);\n    const metadata = safeGet(seriesToMetadata, series);\n\n    const accessors = getAxisAccessors(\n      series,\n      metadata,\n      xScale,\n      yScale,\n      axisIdToScaleDomain,\n      datapointToMetadata,\n    );\n\n    if (!accessors) {\n      continue;\n    }\n\n    const [xAxisAccessor, yAxisAccessor] = accessors;\n\n    const [xMin, xMax] = xScale.range();\n    const [yMin, yMax] = yScale.range();\n\n    const filtered = filterDatapointsInRange(\n      series.data,\n      xAxisAccessor,\n      yAxisAccessor,\n      {\n        xMin: Math.min(xMin, xMax),\n        xMax: Math.max(xMin, xMax),\n        yMin: Math.min(yMin, yMax),\n        yMax: Math.max(yMin, yMax),\n      },\n      datapointToMetadata,\n    );\n\n    const tree = buildSingleQuadtree(xAxisAccessor, yAxisAccessor, filtered);\n\n    seriesToTrees.set(series.id, tree);\n  }\n\n  return seriesToTrees;\n}\n\ntype DebouncedQuadtrees = (\n  seriesWithDatapoints: AnyLinearSeries[],\n  axisIdToScales: AxisIdToScales,\n  datapointsMetadata: MapDatapoints,\n  seriesToMetadata: SeriesToMetadata,\n  axisIdToScaleDomain: AxisIdToScaleDomain,\n  onDone: (trees: SeriesToQuadtree) => void,\n) => void;\n\nconst DELAY = 300;\nconst debounceMap = new Map<string, DebouncedFunc<DebouncedQuadtrees>>();\n\nexport function getDebouncedQuadtrees(key: string): DebouncedQuadtrees {\n  let debounced = debounceMap.get(key);\n  if (!debounced) {\n    debounced = debounce<DebouncedQuadtrees>(\n      (\n        series,\n        scales,\n        metadata,\n        seriesToMetadata,\n        axisIdToScaleDomain,\n        onDone,\n      ) =>\n        onDone(\n          buildQuadtrees(\n            series,\n            scales,\n            metadata,\n            seriesToMetadata,\n            axisIdToScaleDomain,\n          ),\n        ),\n      DELAY,\n    );\n\n    debounceMap.set(key, debounced);\n  }\n  return debounced;\n}\n\nexport function cancelDebouncedQuadtrees(key: string) {\n  debounceMap.get(key)?.cancel?.();\n}\n\n/**\n * Euclidean distance between two (x,y) points.\n *\n * @param x0 - First point x.\n * @param x1 - Second point x.\n * @param y0 - First point y.\n * @param y1 - Second point y.\n * @returns Distance value.\n */\nexport function distanceBetweenTwoPoints(\n  x0: number,\n  x1: number,\n  y0: number,\n  y1: number,\n) {\n  return Math.sqrt(Math.pow(x0 - x1, 2) + Math.pow(y0 - y1, 2));\n}\n\n/**\n * Get axis values for a datapoint based on series type.\n *\n * @param datapoint - The datapoint to extract values from.\n * @param series - The series the datapoint belongs to.\n * @param metadata - Series metadata.\n * @param xScale - X scale.\n * @param yScale - Y scale.\n * @param axisIdToScaleDomain - Domain lookup keyed by axis id.\n * @param datapointToMetadata - Map with metadata (e.g., gap flags).\n * @returns Tuple of [xValue, yValue].\n */\nfunction getDatapointAxisValues(\n  datapoint: SeriesQuadtreeDatapoint,\n  series: AnyLinearSeries,\n  metadata: AnySeriesMetadata,\n  xScale: ReturnType<typeof getCurrentScale>,\n  yScale: ReturnType<typeof getCurrentScale>,\n  axisIdToScaleDomain: AxisIdToScaleDomain,\n  datapointToMetadata: MapDatapoints,\n): [number, number] {\n  if (series.type === AREA_VARIANT) {\n    const areaMetadata = metadata as AreaMetadata;\n    const isHorizontal = areaMetadata.orientation === 'horizontal';\n    const isBand = areaMetadata.variant === 'band';\n    const { xAxis, yAxis, isStacked } = areaMetadata;\n    const xRelAccessor = relAccessor(xAxis, axisIdToScaleDomain);\n    const yRelAccessor = relAccessor(yAxis, axisIdToScaleDomain);\n\n    const [xAccessorFn, yAccessorFn] = getAreaAccessors(\n      isHorizontal,\n      isBand,\n      xScale,\n      yScale,\n      datapointToMetadata,\n      xRelAccessor,\n      yRelAccessor,\n      isStacked,\n    );\n\n    return [xAccessorFn(datapoint), yAccessorFn(datapoint)];\n  }\n\n  const { xAxis, yAxis } = metadata;\n  const xRelAccessor = relAccessor(xAxis, axisIdToScaleDomain);\n  const yRelAccessor = relAccessor(yAxis, axisIdToScaleDomain);\n  const accessorPair = LINEAR_ACCESSORS[series.type];\n\n  const xValue = accessorPair.x(\n    xScale,\n    xRelAccessor,\n  )(datapoint as DotDatapoint | LineDatapoint);\n  const yValue = accessorPair.y(\n    yScale,\n    yRelAccessor,\n  )(datapoint as DotDatapoint | LineDatapoint);\n\n  return [xValue, yValue];\n}\n\n/**\n * Find the closest datapoint in a series to a given position.\n *\n * @param series - The series to search.\n * @param tree - The quadtree for the series.\n * @param position - The position to find closest datapoint to.\n * @param metadata - Series metadata.\n * @param queryContext - Object containing scales and metadata lookups.\n * @returns Object with distance and datapoint, or undefined if not found.\n */\nfunction findClosestDatapointInSeries(\n  series: AnyLinearSeries,\n  tree: ReturnType<typeof quadtree<SeriesQuadtreeDatapoint>>,\n  position: Point,\n  metadata: AnySeriesMetadata,\n  queryContext: {\n    xScale: ReturnType<typeof getCurrentScale>;\n    yScale: ReturnType<typeof getCurrentScale>;\n    axisIdToScaleDomain: AxisIdToScaleDomain;\n    datapointToMetadata: MapDatapoints;\n  },\n):\n  | {\n      type: string;\n      distance: number;\n      datapoint: SeriesQuadtreeDatapoint;\n      series: AnyLinearSeries;\n    }\n  | undefined {\n  const datapoint = tree.find(position.x, position.y);\n  if (!datapoint) {\n    return undefined;\n  }\n\n  const [xValue, yValue] = getDatapointAxisValues(\n    datapoint,\n    series,\n    metadata,\n    queryContext.xScale,\n    queryContext.yScale,\n    queryContext.axisIdToScaleDomain,\n    queryContext.datapointToMetadata,\n  );\n\n  const distance = distanceBetweenTwoPoints(\n    position.x,\n    xValue,\n    position.y,\n    yValue,\n  );\n\n  return {\n    type: series.type,\n    distance,\n    datapoint,\n    series,\n  };\n}\n\n/**\n * Build a query function that returns the closest datapoint\n * among provided series to a given pixel position.\n * Stops early if within DEFAULT_DATA_POINT_RADIUS.\n *\n * @param seriesIdToQuadtree - Map of series id to quadtree.\n * @param axisIdToScales - Axis scale lookup.\n * @returns QueryClosest function implementation.\n */\nexport function buildQueryClosest(\n  seriesIdToQuadtree: SeriesToQuadtree,\n  axisIdToScales: AxisIdToScales,\n  seriesToMetadata: SeriesToMetadata,\n  axisIdToScaleDomain: AxisIdToScaleDomain,\n  datapointToMetadata: MapDatapoints,\n) {\n  function query(\n    arrayOfSeries: DotSeriesWithDatapoints[],\n    position: Point,\n  ): DotSeriesQueryResult | undefined;\n  function query(\n    arrayOfSeries: LineSeriesWithDatapoints[],\n    position: Point,\n  ): LineSeriesQueryResult | undefined;\n  function query(\n    arrayOfSeries: AreaSeriesWithDatapoints[],\n    position: Point,\n  ): AreaSeriesQueryResult | undefined;\n  function query(arrayOfSeries: AnyLinearSeries[], position: Point) {\n    let best;\n\n    for (const series of arrayOfSeries) {\n      const tree = seriesIdToQuadtree.get(series.id);\n      if (!tree) {\n        continue;\n      }\n\n      const xScale = getCurrentScale(axisIdToScales, series.xAxisId);\n      const yScale = getCurrentScale(axisIdToScales, series.yAxisId);\n      const metadata = safeGet(seriesToMetadata, series);\n\n      const closest = findClosestDatapointInSeries(\n        series,\n        tree,\n        position,\n        metadata,\n        {\n          xScale,\n          yScale,\n          axisIdToScaleDomain,\n          datapointToMetadata,\n        },\n      );\n\n      if (!closest) {\n        continue;\n      }\n\n      if (!best || closest.distance < best.distance) {\n        best = closest;\n      }\n\n      if (best && best.distance <= DEFAULT_DATA_POINT_RADIUS) {\n        break;\n      }\n    }\n\n    return best;\n  }\n\n  return query;\n}\n"],
-  "mappings": "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",
-  "names": ["xAxis", "yAxis", "xRelAccessor", "yRelAccessor"]
+  "sourcesContent": ["import { quadtree } from 'd3-quadtree';\nimport type { Point } from 'framer-motion';\nimport { debounce, type DebouncedFunc } from 'lodash-es';\n\nimport {\n  getLinearAccessors,\n  type AnyLinearSeriesMetadata,\n} from './get-linear-accessors.js';\nimport { getCurrentScale } from './get-scale.js';\nimport { relAccessor } from './value-representation.js';\nimport { DEFAULT_DATA_POINT_RADIUS } from '../../core/constants.js';\nimport { safeGet } from '../../core/utils/safe-get.js';\nimport type {\n  AreaSeriesQueryResult,\n  DotSeriesQueryResult,\n  LineSeriesQueryResult,\n  SeriesQuadtreeDatapoint,\n  SeriesToQuadtree,\n} from '../context/XYChartOverlayPerformance.context.js';\nimport type { AxisIdToScales } from '../context/XYChartScales.context.js';\nimport {\n  type AnyLinearSeries,\n  type AreaSeriesWithDatapoints,\n  type AxisIdToScaleDomain,\n  type DotSeriesWithDatapoints,\n  type LineSeriesWithDatapoints,\n  type SeriesToMetadata,\n  type MapDatapoints,\n} from '../types/xy-chart-internals.js';\n\n/**\n * Get axis accessors for a given series based on its type.\n *\n * @param series - The series to get accessors for.\n * @param metadata - Series metadata.\n * @param xScale - X scale.\n * @param yScale - Y scale.\n * @param axisIdToScaleDomain - Domain lookup keyed by axis id.\n * @param datapointToMetadata - Map with metadata (e.g., gap flags).\n * @returns Tuple of [xAccessor, yAccessor] or undefined if accessor pair not found.\n */\nfunction getAxisAccessors(\n  series: AnyLinearSeries,\n  metadata: AnyLinearSeriesMetadata,\n  xScale: ReturnType<typeof getCurrentScale>,\n  yScale: ReturnType<typeof getCurrentScale>,\n  axisIdToScaleDomain: AxisIdToScaleDomain,\n  datapointToMetadata: MapDatapoints,\n) {\n  const { xAxis, yAxis } = metadata;\n  const xRelAccessor = relAccessor(xAxis, axisIdToScaleDomain);\n  const yRelAccessor = relAccessor(yAxis, axisIdToScaleDomain);\n\n  const { xAccessor, yAccessor } = getLinearAccessors(\n    series.type,\n    metadata,\n    datapointToMetadata,\n    xRelAccessor,\n    yRelAccessor,\n  );\n\n  return [xAccessor(xScale), yAccessor(yScale)];\n}\n\n/**\n * Filter datapoints to include only those within range and not marked as gaps.\n *\n * @param points - Array of datapoints to filter.\n * @param xAxisAccessor - Function to get x value from datapoint.\n * @param yAxisAccessor - Function to get y value from datapoint.\n * @param bounds - Object containing xMin, xMax, yMin, yMax boundaries.\n * @param datapointToMetadata - Map with metadata (e.g., gap flags).\n * @returns Filtered array of datapoints.\n */\nfunction filterDatapointsInRange(\n  points: SeriesQuadtreeDatapoint[],\n  xAxisAccessor: (d: SeriesQuadtreeDatapoint) => number,\n  yAxisAccessor: (d: SeriesQuadtreeDatapoint) => number,\n  bounds: { xMin: number; xMax: number; yMin: number; yMax: number },\n  datapointToMetadata: MapDatapoints,\n): SeriesQuadtreeDatapoint[] {\n  const { xMin, xMax, yMin, yMax } = bounds;\n\n  return points.filter((point) => {\n    if (safeGet(datapointToMetadata, point).isGap) {\n      return false;\n    }\n\n    const xValue = xAxisAccessor(point);\n    const yValue = yAxisAccessor(point);\n\n    if (xValue < xMin || xValue > xMax) {\n      return false;\n    }\n\n    if (yValue < yMin || yValue > yMax) {\n      return false;\n    }\n\n    return true;\n  });\n}\n\n/**\n * Build a quadtree for a single series.\n *\n * @param series - The series to build a quadtree for.\n * @param xAxisAccessor - Function to get x value from datapoint.\n * @param yAxisAccessor - Function to get y value from datapoint.\n * @param filtered - Filtered array of datapoints.\n * @returns The constructed quadtree.\n */\nfunction buildSingleQuadtree(\n  xAxisAccessor: (d: SeriesQuadtreeDatapoint) => number,\n  yAxisAccessor: (d: SeriesQuadtreeDatapoint) => number,\n  filtered: SeriesQuadtreeDatapoint[],\n) {\n  return quadtree<SeriesQuadtreeDatapoint>()\n    .x((d) => xAxisAccessor(d))\n    .y((d) => yAxisAccessor(d))\n    .addAll(filtered);\n}\n\n/**\n * Build quadtrees for fast nearest-point queries for each linear series.\n * Filters out gap datapoints and points outside current x/y range.\n *\n * @param seriesWithDatapoints - Array of linear (dot/line/area) series.\n * @param axisIdToScales - Scale lookup keyed by axis id.\n * @param datapointToMetadata - Map with metadata (e.g., gap flags).\n * @param seriesToMetadata - Map from series to its metadata.\n * @param axisIdToScaleDomain - Domain lookup keyed by axis id.\n * @returns Map from series id to its quadtree.\n */\nexport function buildQuadtrees(\n  seriesWithDatapoints: AnyLinearSeries[],\n  axisIdToScales: AxisIdToScales,\n  datapointToMetadata: MapDatapoints,\n  seriesToMetadata: SeriesToMetadata,\n  axisIdToScaleDomain: AxisIdToScaleDomain,\n): SeriesToQuadtree {\n  const seriesToTrees: SeriesToQuadtree = new Map();\n\n  for (const series of seriesWithDatapoints) {\n    const xScale = getCurrentScale(axisIdToScales, series.xAxisId);\n    const yScale = getCurrentScale(axisIdToScales, series.yAxisId);\n    const metadata = safeGet(seriesToMetadata, series);\n\n    const accessors = getAxisAccessors(\n      series,\n      metadata,\n      xScale,\n      yScale,\n      axisIdToScaleDomain,\n      datapointToMetadata,\n    );\n\n    const [xAxisAccessor, yAxisAccessor] = accessors;\n\n    const [xMin, xMax] = xScale.range();\n    const [yMin, yMax] = yScale.range();\n\n    const filtered = filterDatapointsInRange(\n      series.data,\n      xAxisAccessor,\n      yAxisAccessor,\n      {\n        xMin: Math.min(xMin, xMax),\n        xMax: Math.max(xMin, xMax),\n        yMin: Math.min(yMin, yMax),\n        yMax: Math.max(yMin, yMax),\n      },\n      datapointToMetadata,\n    );\n\n    const tree = buildSingleQuadtree(xAxisAccessor, yAxisAccessor, filtered);\n\n    seriesToTrees.set(series.id, tree);\n  }\n\n  return seriesToTrees;\n}\n\ntype DebouncedQuadtrees = (\n  seriesWithDatapoints: AnyLinearSeries[],\n  axisIdToScales: AxisIdToScales,\n  datapointsMetadata: MapDatapoints,\n  seriesToMetadata: SeriesToMetadata,\n  axisIdToScaleDomain: AxisIdToScaleDomain,\n  onDone: (trees: SeriesToQuadtree) => void,\n) => void;\n\nconst DELAY = 300;\nconst debounceMap = new Map<string, DebouncedFunc<DebouncedQuadtrees>>();\n\nexport function getDebouncedQuadtrees(key: string): DebouncedQuadtrees {\n  let debounced = debounceMap.get(key);\n  if (!debounced) {\n    debounced = debounce<DebouncedQuadtrees>(\n      (\n        series,\n        scales,\n        metadata,\n        seriesToMetadata,\n        axisIdToScaleDomain,\n        onDone,\n      ) =>\n        onDone(\n          buildQuadtrees(\n            series,\n            scales,\n            metadata,\n            seriesToMetadata,\n            axisIdToScaleDomain,\n          ),\n        ),\n      DELAY,\n    );\n\n    debounceMap.set(key, debounced);\n  }\n  return debounced;\n}\n\nexport function cancelDebouncedQuadtrees(key: string) {\n  debounceMap.get(key)?.cancel?.();\n}\n\n/**\n * Euclidean distance between two (x,y) points.\n *\n * @param x0 - First point x.\n * @param x1 - Second point x.\n * @param y0 - First point y.\n * @param y1 - Second point y.\n * @returns Distance value.\n */\nexport function distanceBetweenTwoPoints(\n  x0: number,\n  x1: number,\n  y0: number,\n  y1: number,\n) {\n  return Math.sqrt(Math.pow(x0 - x1, 2) + Math.pow(y0 - y1, 2));\n}\n\n/**\n * Get axis values for a datapoint based on series type.\n *\n * @param datapoint - The datapoint to extract values from.\n * @param series - The series the datapoint belongs to.\n * @param metadata - Series metadata.\n * @param xScale - X scale.\n * @param yScale - Y scale.\n * @param axisIdToScaleDomain - Domain lookup keyed by axis id.\n * @param datapointToMetadata - Map with metadata (e.g., gap flags).\n * @returns Tuple of [xValue, yValue].\n */\nfunction getDatapointAxisValues(\n  datapoint: SeriesQuadtreeDatapoint,\n  series: AnyLinearSeries,\n  metadata: AnyLinearSeriesMetadata,\n  xScale: ReturnType<typeof getCurrentScale>,\n  yScale: ReturnType<typeof getCurrentScale>,\n  axisIdToScaleDomain: AxisIdToScaleDomain,\n  datapointToMetadata: MapDatapoints,\n): [number, number] {\n  const accessors = getAxisAccessors(\n    series,\n    metadata,\n    xScale,\n    yScale,\n    axisIdToScaleDomain,\n    datapointToMetadata,\n  );\n\n  return [accessors[0](datapoint), accessors[1](datapoint)];\n}\n\n/**\n * Find the closest datapoint in a series to a given position.\n *\n * @param series - The series to search.\n * @param tree - The quadtree for the series.\n * @param position - The position to find closest datapoint to.\n * @param metadata - Series metadata.\n * @param queryContext - Object containing scales and metadata lookups.\n * @returns Object with distance and datapoint, or undefined if not found.\n */\nfunction findClosestDatapointInSeries(\n  series: AnyLinearSeries,\n  tree: ReturnType<typeof quadtree<SeriesQuadtreeDatapoint>>,\n  position: Point,\n  metadata: AnyLinearSeriesMetadata,\n  queryContext: {\n    xScale: ReturnType<typeof getCurrentScale>;\n    yScale: ReturnType<typeof getCurrentScale>;\n    axisIdToScaleDomain: AxisIdToScaleDomain;\n    datapointToMetadata: MapDatapoints;\n  },\n):\n  | {\n      type: string;\n      distance: number;\n      datapoint: SeriesQuadtreeDatapoint;\n      series: AnyLinearSeries;\n    }\n  | undefined {\n  const datapoint = tree.find(position.x, position.y);\n  if (!datapoint) {\n    return undefined;\n  }\n\n  const [xValue, yValue] = getDatapointAxisValues(\n    datapoint,\n    series,\n    metadata,\n    queryContext.xScale,\n    queryContext.yScale,\n    queryContext.axisIdToScaleDomain,\n    queryContext.datapointToMetadata,\n  );\n\n  const distance = distanceBetweenTwoPoints(\n    position.x,\n    xValue,\n    position.y,\n    yValue,\n  );\n\n  return {\n    type: series.type,\n    distance,\n    datapoint,\n    series,\n  };\n}\n\n/**\n * Build a query function that returns the closest datapoint\n * among provided series to a given pixel position.\n * Stops early if within DEFAULT_DATA_POINT_RADIUS.\n *\n * @param seriesIdToQuadtree - Map of series id to quadtree.\n * @param axisIdToScales - Axis scale lookup.\n * @returns QueryClosest function implementation.\n */\nexport function buildQueryClosest(\n  seriesIdToQuadtree: SeriesToQuadtree,\n  axisIdToScales: AxisIdToScales,\n  seriesToMetadata: SeriesToMetadata,\n  axisIdToScaleDomain: AxisIdToScaleDomain,\n  datapointToMetadata: MapDatapoints,\n) {\n  function query(\n    arrayOfSeries: DotSeriesWithDatapoints[],\n    position: Point,\n  ): DotSeriesQueryResult | undefined;\n  function query(\n    arrayOfSeries: LineSeriesWithDatapoints[],\n    position: Point,\n  ): LineSeriesQueryResult | undefined;\n  function query(\n    arrayOfSeries: AreaSeriesWithDatapoints[],\n    position: Point,\n  ): AreaSeriesQueryResult | undefined;\n  function query(arrayOfSeries: AnyLinearSeries[], position: Point) {\n    let best;\n\n    for (const series of arrayOfSeries) {\n      const tree = seriesIdToQuadtree.get(series.id);\n      if (!tree) {\n        continue;\n      }\n\n      const xScale = getCurrentScale(axisIdToScales, series.xAxisId);\n      const yScale = getCurrentScale(axisIdToScales, series.yAxisId);\n      const metadata = safeGet(seriesToMetadata, series);\n\n      const closest = findClosestDatapointInSeries(\n        series,\n        tree,\n        position,\n        metadata,\n        {\n          xScale,\n          yScale,\n          axisIdToScaleDomain,\n          datapointToMetadata,\n        },\n      );\n\n      if (!closest) {\n        continue;\n      }\n\n      if (!best || closest.distance < best.distance) {\n        best = closest;\n      }\n\n      if (best && best.distance <= DEFAULT_DATA_POINT_RADIUS) {\n        break;\n      }\n    }\n\n    return best;\n  }\n\n  return query;\n}\n"],
+  "mappings": "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",
+  "names": []
 }

package/esm/charts/xy-chart/utils/query-get-closest-point.js

@@ -1,14 +1,13 @@
 import { isEmpty } from "lodash-es";
-import { getAreaAccessors } from "./get-area-series-accessors.js";
+import {
+  getLinearAccessors
+} from "./get-linear-accessors.js";
 import { getCurrentScale } from "./get-scale.js";
 import { distanceBetweenTwoPoints } from "./query-closest-quadtree.js";
+import { relAccessor } from "./value-representation.js";
 import { DEFAULT_DATA_POINT_RADIUS } from "../../core/constants.js";
 import { isBandScale } from "../../core/utils/detect-scale.js";
 import { safeGet } from "../../core/utils/safe-get.js";
-import { LINEAR_ACCESSORS } from "../components/displays/index.js";
-import {
-  AREA_VARIANT
-} from "../types/xy-chart-internals.js";
 function getDistance(datapoint, xScale, yScale, relativePosition, xAccessor, yAccessor) {
   const xPixel = xAccessor(xScale)(datapoint);
   const yPixel = yAccessor(yScale)(datapoint);
@@ -25,28 +24,15 @@ function calculateScalesBounds(xScale, yScale) {
   const [minHeight, maxHeight] = isBandScale(yScale) ? [yScaleRange[0], yScaleRange[1]] : [yScaleRange[1], yScaleRange[0]];
   return { minWidth, maxWidth, minHeight, maxHeight };
 }
-function getAccessorsForSeries(seriesType, seriesToMetadata, currentSeries, xScale, yScale, datapointToMetadata) {
-  if (seriesType === AREA_VARIANT) {
-    const metadata = safeGet(seriesToMetadata, currentSeries);
-    const areaMetadata = metadata;
-    const isHorizontal = areaMetadata.orientation === "horizontal";
-    const isBand = areaMetadata.variant === "band";
-    const [xAccessorFn, yAccessorFn] = getAreaAccessors(
-      isHorizontal,
-      isBand,
-      xScale,
-      yScale,
-      datapointToMetadata
-    );
-    return {
-      xAccessor: (_scale) => xAccessorFn,
-      yAccessor: (_scale) => yAccessorFn
-    };
-  }
-  return {
-    xAccessor: LINEAR_ACCESSORS[seriesType].x,
-    yAccessor: LINEAR_ACCESSORS[seriesType].y
-  };
+function getAccessorsForSeries(seriesType, seriesToMetadata, currentSeries, datapointToMetadata, xRelAccessor, yRelAccessor) {
+  const metadata = safeGet(seriesToMetadata, currentSeries);
+  return getLinearAccessors(
+    seriesType,
+    metadata,
+    datapointToMetadata,
+    xRelAccessor,
+    yRelAccessor
+  );
 }
 function isDatapointOutOfBounds(xPixel, yPixel, bounds) {
   const { minWidth, maxWidth, minHeight, maxHeight } = bounds;
@@ -85,7 +71,7 @@ function findClosestInSeriesData(data, xScale, yScale, relativePosition, accesso
   }
   return bestInSeries.distance < currentAccumulator.distance ? bestInSeries : void 0;
 }
-function getClosestDatapoint(relativePosition, series, axisIdToScales, seriesToMetadata, datapointToMetadata) {
+function getClosestDatapoint(relativePosition, series, axisIdToScales, seriesToMetadata, datapointToMetadata, axisIdToScaleDomain) {
   if (!series.length) {
     return void 0;
   }
@@ -101,13 +87,16 @@ function getClosestDatapoint(relativePosition, series, axisIdToScales, seriesToM
     const { data, xAxisId, yAxisId, type } = currentSeries;
     const xScale = getCurrentScale(axisIdToScales, xAxisId);
     const yScale = getCurrentScale(axisIdToScales, yAxisId);
+    const seriesMetadata = safeGet(seriesToMetadata, currentSeries);
+    const xRelAccessor = axisIdToScaleDomain ? relAccessor(seriesMetadata.xAxis, axisIdToScaleDomain) : void 0;
+    const yRelAccessor = axisIdToScaleDomain ? relAccessor(seriesMetadata.yAxis, axisIdToScaleDomain) : void 0;
     const accessors = getAccessorsForSeries(
       type,
       seriesToMetadata,
       currentSeries,
-      xScale,
-      yScale,
-      datapointToMetadata
+      datapointToMetadata,
+      xRelAccessor,
+      yRelAccessor
     );
     const bounds = calculateScalesBounds(xScale, yScale);
     const seriesAccumulator = {
@@ -140,7 +129,7 @@ function getClosestDatapoint(relativePosition, series, axisIdToScales, seriesToM
     distance: bestMatch.distance
   };
 }
-function buildQueryGetClosestPoint(axisIdToScales, seriesToMetadata, datapointToMetadata) {
+function buildQueryGetClosestPoint(axisIdToScales, seriesToMetadata, datapointToMetadata, axisIdToScaleDomain) {
   function query(arrayOfSeries, position) {
     if (isEmpty(arrayOfSeries)) {
       return void 0;
@@ -150,7 +139,8 @@ function buildQueryGetClosestPoint(axisIdToScales, seriesToMetadata, datapointTo
       arrayOfSeries,
       axisIdToScales,
       seriesToMetadata,
-      datapointToMetadata
+      datapointToMetadata,
+      axisIdToScaleDomain
     );
     if (!closest) {
       return void 0;