@dynatrace/strato-components 3.7.1 → 3.9.0

package/esm/charts/xy-chart/hooks/useBuildOverlayStrategy.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/charts/xy-chart/hooks/useBuildOverlayStrategy.ts"],
+  "sourcesContent": ["import { useCallback, useMemo } from 'react';\n\nimport { useAreaData } from './useAreaData.js';\nimport { useBarData } from './useBarData.js';\nimport { useBuildStrategy } from './useBuildStrategy.js';\nimport { useDotData } from './useDotData.js';\nimport { useLineData } from './useLineData.js';\nimport { useXYChartData } from './useXYChartData.js';\nimport { useXYChartScales } from './useXYChartScales.js';\nimport { useXYChartTooltip } from './useXYChartTooltip.js';\nimport type { SeriesToQuadtree } from '../context/XYChartOverlayPerformance.context.js';\nimport {\n  buildGetBarPixelCenter,\n  buildGetLinearSeriesPixelCenter,\n  buildSortedEntries,\n  type GetBarPixelCenter,\n  type GetLinearSeriesPixelCenter,\n  type SortedEntriesPerShape,\n} from '../utils/build-sorted-entries.js';\nimport { buildQuadtrees } from '../utils/query-closest-quadtree.js';\n\ntype OverlayBuildResult = SortedEntriesPerShape | SeriesToQuadtree;\n\nexport type UseBuildOverlayStrategyResult = {\n  buildResult: OverlayBuildResult | undefined;\n  getBarPixelCenter: GetBarPixelCenter;\n  getLinearSeriesPixelCenter: GetLinearSeriesPixelCenter;\n};\n\n/**\n * Builds the overlay query structure on a debounced schedule (via\n * `useBuildStrategy`). Chooses between sorted entries (shared tooltip) and\n * quadtrees (single tooltip) based on the active variant, and exposes the\n * stable `getBarPixelCenter` accessor needed by both query builders.\n */\nexport function useBuildOverlayStrategy(): UseBuildOverlayStrategyResult {\n  const axisIdToScales = useXYChartScales();\n  const { datapointMetadataMap, axisIdToScaleDomain, seriesToMetadata } =\n    useXYChartData();\n  const { variant } = useXYChartTooltip();\n  const isSharedVariant = variant === 'shared';\n\n  const { filteredSeriesWithDatapoints: barSeriesData } = useBarData();\n  const { filteredSeriesWithDatapoints: dotSeriesData } = useDotData();\n  const { filteredSeriesWithDatapoints: lineSeriesData } = useLineData();\n  const { filteredSeriesWithDatapoints: areaSeriesData } = useAreaData();\n\n  const getBarPixelCenter = useMemo(\n    () =>\n      buildGetBarPixelCenter(\n        axisIdToScales,\n        seriesToMetadata,\n        axisIdToScaleDomain,\n        datapointMetadataMap,\n      ),\n    [\n      axisIdToScales,\n      seriesToMetadata,\n      axisIdToScaleDomain,\n      datapointMetadataMap,\n    ],\n  );\n\n  const getLinearSeriesPixelCenter = useMemo(\n    () =>\n      buildGetLinearSeriesPixelCenter(\n        axisIdToScales,\n        seriesToMetadata,\n        axisIdToScaleDomain,\n        datapointMetadataMap,\n      ),\n    [\n      axisIdToScales,\n      seriesToMetadata,\n      axisIdToScaleDomain,\n      datapointMetadataMap,\n    ],\n  );\n\n  const build = useCallback(\n    () =>\n      isSharedVariant\n        ? buildSortedEntries(\n            barSeriesData,\n            lineSeriesData,\n            areaSeriesData,\n            datapointMetadataMap,\n            getBarPixelCenter,\n            getLinearSeriesPixelCenter,\n          )\n        : buildQuadtrees(\n            [...dotSeriesData, ...lineSeriesData, ...areaSeriesData],\n            axisIdToScales,\n            datapointMetadataMap,\n            seriesToMetadata,\n            axisIdToScaleDomain,\n          ),\n    [\n      isSharedVariant,\n      barSeriesData,\n      lineSeriesData,\n      areaSeriesData,\n      datapointMetadataMap,\n      getBarPixelCenter,\n      getLinearSeriesPixelCenter,\n      dotSeriesData,\n      axisIdToScales,\n      seriesToMetadata,\n      axisIdToScaleDomain,\n    ],\n  );\n\n  const buildResult = useBuildStrategy<OverlayBuildResult>(build);\n\n  return { buildResult, getBarPixelCenter, getLinearSeriesPixelCenter };\n}\n"],
+  "mappings": "AAAA,SAAS,aAAa,eAAe;AAErC,SAAS,mBAAmB;AAC5B,SAAS,kBAAkB;AAC3B,SAAS,wBAAwB;AACjC,SAAS,kBAAkB;AAC3B,SAAS,mBAAmB;AAC5B,SAAS,sBAAsB;AAC/B,SAAS,wBAAwB;AACjC,SAAS,yBAAyB;AAElC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OAIK;AACP,SAAS,sBAAsB;AAgBxB,SAAS,0BAAyD;AACvE,QAAM,iBAAiB,iBAAiB;AACxC,QAAM,EAAE,sBAAsB,qBAAqB,iBAAiB,IAClE,eAAe;AACjB,QAAM,EAAE,QAAQ,IAAI,kBAAkB;AACtC,QAAM,kBAAkB,YAAY;AAEpC,QAAM,EAAE,8BAA8B,cAAc,IAAI,WAAW;AACnE,QAAM,EAAE,8BAA8B,cAAc,IAAI,WAAW;AACnE,QAAM,EAAE,8BAA8B,eAAe,IAAI,YAAY;AACrE,QAAM,EAAE,8BAA8B,eAAe,IAAI,YAAY;AAErE,QAAM,oBAAoB;AAAA,IACxB,MACE;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACF;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAEA,QAAM,6BAA6B;AAAA,IACjC,MACE;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACF;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAEA,QAAM,QAAQ;AAAA,IACZ,MACE,kBACI;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,IACA;AAAA,MACE,CAAC,GAAG,eAAe,GAAG,gBAAgB,GAAG,cAAc;AAAA,MACvD;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACN;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAEA,QAAM,cAAc,iBAAqC,KAAK;AAE9D,SAAO,EAAE,aAAa,mBAAmB,2BAA2B;AACtE;",
+  "names": []
+}

package/esm/charts/xy-chart/hooks/useColorRule.js

@@ -2,8 +2,10 @@ import { useColorRuleConfig } from "../../core/context/ColorRuleContext.js";
 import { safeGet } from "../../core/utils/safe-get.js";
 import { buildValidator, VALUE_MATCHERS } from "../../core/utils/validators.js";
 import {
+  BAR_VARIANT,
   RECT_VARIANT
 } from "../types/xy-chart-internals.js";
+import { applyColorRuleToBarSeries } from "../utils/coloring/apply-color-rule-to-bar-series.js";
 import { applyColorRuleToRectSeries } from "../utils/coloring/apply-color-rule-to-rect-series.js";
 import { applyColorRuleToSeriesMetadata } from "../utils/coloring/apply-color-rule-to-series-metadata.js";
 import { hasSeriesMatchingDatapoint } from "../utils/coloring/has-series-matching-datapoint.js";
@@ -36,6 +38,15 @@ const useColorRule = ({
           categoricalColorOverrides
         });
       }
+    } else if (series.type === BAR_VARIANT) {
+      applyColorRuleToBarSeries(
+        series,
+        reversedRules,
+        isValid,
+        datapointMetadataMap,
+        seriesToMetadata,
+        seriesMetadata
+      );
     } else {
       const validColorRule = reversedRules.find(
         (rule) => hasSeriesMatchingDatapoint(series, rule, isValid)

package/esm/charts/xy-chart/hooks/useColorRule.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/xy-chart/hooks/useColorRule.ts"],
-  "sourcesContent": ["import { useColorRuleConfig } from '../../core/context/ColorRuleContext.js';\nimport { safeGet } from '../../core/utils/safe-get.js';\nimport { buildValidator, VALUE_MATCHERS } from '../../core/utils/validators.js';\nimport {\n  MapDatapoints,\n  RECT_VARIANT,\n  type SeriesToMetadata,\n  type XYChartSeriesWithDatapoints,\n} from '../types/xy-chart-internals.js';\nimport { applyColorRuleToRectSeries } from '../utils/coloring/apply-color-rule-to-rect-series.js';\nimport { applyColorRuleToSeriesMetadata } from '../utils/coloring/apply-color-rule-to-series-metadata.js';\nimport { hasSeriesMatchingDatapoint } from '../utils/coloring/has-series-matching-datapoint.js';\n\ntype UseColorRule = (args: {\n  seriesWithDatapoints: XYChartSeriesWithDatapoints[];\n  seriesToMetadata: SeriesToMetadata;\n  datapointMetadataMap: MapDatapoints;\n}) => SeriesToMetadata;\n\nexport const useColorRule: UseColorRule = ({\n  seriesWithDatapoints,\n  seriesToMetadata,\n  datapointMetadataMap,\n}) => {\n  const colorRules = useColorRuleConfig();\n\n  if (!colorRules.length) {\n    return seriesToMetadata;\n  }\n\n  const reversedRules = colorRules.toReversed();\n  const isValid = buildValidator(VALUE_MATCHERS);\n\n  seriesWithDatapoints.forEach((series, index) => {\n    const seriesMetadata = safeGet(seriesToMetadata, series);\n\n    if (seriesMetadata.colorIsFromSlot) {\n      return;\n    }\n\n    if (series.type === RECT_VARIANT) {\n      const categoricalColorOverrides = applyColorRuleToRectSeries(\n        series,\n        reversedRules,\n        isValid,\n        datapointMetadataMap,\n      );\n\n      if (categoricalColorOverrides) {\n        seriesToMetadata.set(series, {\n          ...seriesMetadata,\n          categoricalColorOverrides,\n        });\n      }\n    } else {\n      const validColorRule = reversedRules.find((rule) =>\n        hasSeriesMatchingDatapoint(series, rule, isValid),\n      );\n\n      if (validColorRule) {\n        applyColorRuleToSeriesMetadata(\n          seriesToMetadata,\n          series,\n          seriesMetadata,\n          validColorRule,\n          index,\n        );\n      }\n    }\n  });\n\n  return seriesToMetadata;\n};\n"],
-  "mappings": "AAAA,SAAS,0BAA0B;AACnC,SAAS,eAAe;AACxB,SAAS,gBAAgB,sBAAsB;AAC/C;AAAA,EAEE;AAAA,OAGK;AACP,SAAS,kCAAkC;AAC3C,SAAS,sCAAsC;AAC/C,SAAS,kCAAkC;AAQpC,MAAM,eAA6B,CAAC;AAAA,EACzC;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,aAAa,mBAAmB;AAEtC,MAAI,CAAC,WAAW,QAAQ;AACtB,WAAO;AAAA,EACT;AAEA,QAAM,gBAAgB,WAAW,WAAW;AAC5C,QAAM,UAAU,eAAe,cAAc;AAE7C,uBAAqB,QAAQ,CAAC,QAAQ,UAAU;AAC9C,UAAM,iBAAiB,QAAQ,kBAAkB,MAAM;AAEvD,QAAI,eAAe,iBAAiB;AAClC;AAAA,IACF;AAEA,QAAI,OAAO,SAAS,cAAc;AAChC,YAAM,4BAA4B;AAAA,QAChC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAEA,UAAI,2BAA2B;AAC7B,yBAAiB,IAAI,QAAQ;AAAA,UAC3B,GAAG;AAAA,UACH;AAAA,QACF,CAAC;AAAA,MACH;AAAA,IACF,OAAO;AACL,YAAM,iBAAiB,cAAc;AAAA,QAAK,CAAC,SACzC,2BAA2B,QAAQ,MAAM,OAAO;AAAA,MAClD;AAEA,UAAI,gBAAgB;AAClB;AAAA,UACE;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF,CAAC;AAED,SAAO;AACT;",
+  "sourcesContent": ["import { useColorRuleConfig } from '../../core/context/ColorRuleContext.js';\nimport { safeGet } from '../../core/utils/safe-get.js';\nimport { buildValidator, VALUE_MATCHERS } from '../../core/utils/validators.js';\nimport {\n  BAR_VARIANT,\n  MapDatapoints,\n  RECT_VARIANT,\n  type SeriesToMetadata,\n  type XYChartSeriesWithDatapoints,\n} from '../types/xy-chart-internals.js';\nimport { applyColorRuleToBarSeries } from '../utils/coloring/apply-color-rule-to-bar-series.js';\nimport { applyColorRuleToRectSeries } from '../utils/coloring/apply-color-rule-to-rect-series.js';\nimport { applyColorRuleToSeriesMetadata } from '../utils/coloring/apply-color-rule-to-series-metadata.js';\nimport { hasSeriesMatchingDatapoint } from '../utils/coloring/has-series-matching-datapoint.js';\n\ntype UseColorRule = (args: {\n  seriesWithDatapoints: XYChartSeriesWithDatapoints[];\n  seriesToMetadata: SeriesToMetadata;\n  datapointMetadataMap: MapDatapoints;\n}) => SeriesToMetadata;\n\nexport const useColorRule: UseColorRule = ({\n  seriesWithDatapoints,\n  seriesToMetadata,\n  datapointMetadataMap,\n}) => {\n  const colorRules = useColorRuleConfig();\n\n  if (!colorRules.length) {\n    return seriesToMetadata;\n  }\n\n  const reversedRules = colorRules.toReversed();\n  const isValid = buildValidator(VALUE_MATCHERS);\n\n  seriesWithDatapoints.forEach((series, index) => {\n    const seriesMetadata = safeGet(seriesToMetadata, series);\n\n    if (seriesMetadata.colorIsFromSlot) {\n      return;\n    }\n\n    if (series.type === RECT_VARIANT) {\n      const categoricalColorOverrides = applyColorRuleToRectSeries(\n        series,\n        reversedRules,\n        isValid,\n        datapointMetadataMap,\n      );\n\n      if (categoricalColorOverrides) {\n        seriesToMetadata.set(series, {\n          ...seriesMetadata,\n          categoricalColorOverrides,\n        });\n      }\n    } else if (series.type === BAR_VARIANT) {\n      applyColorRuleToBarSeries(\n        series,\n        reversedRules,\n        isValid,\n        datapointMetadataMap,\n        seriesToMetadata,\n        seriesMetadata,\n      );\n    } else {\n      const validColorRule = reversedRules.find((rule) =>\n        hasSeriesMatchingDatapoint(series, rule, isValid),\n      );\n\n      if (validColorRule) {\n        applyColorRuleToSeriesMetadata(\n          seriesToMetadata,\n          series,\n          seriesMetadata,\n          validColorRule,\n          index,\n        );\n      }\n    }\n  });\n\n  return seriesToMetadata;\n};\n"],
+  "mappings": "AAAA,SAAS,0BAA0B;AACnC,SAAS,eAAe;AACxB,SAAS,gBAAgB,sBAAsB;AAC/C;AAAA,EACE;AAAA,EAEA;AAAA,OAGK;AACP,SAAS,iCAAiC;AAC1C,SAAS,kCAAkC;AAC3C,SAAS,sCAAsC;AAC/C,SAAS,kCAAkC;AAQpC,MAAM,eAA6B,CAAC;AAAA,EACzC;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,aAAa,mBAAmB;AAEtC,MAAI,CAAC,WAAW,QAAQ;AACtB,WAAO;AAAA,EACT;AAEA,QAAM,gBAAgB,WAAW,WAAW;AAC5C,QAAM,UAAU,eAAe,cAAc;AAE7C,uBAAqB,QAAQ,CAAC,QAAQ,UAAU;AAC9C,UAAM,iBAAiB,QAAQ,kBAAkB,MAAM;AAEvD,QAAI,eAAe,iBAAiB;AAClC;AAAA,IACF;AAEA,QAAI,OAAO,SAAS,cAAc;AAChC,YAAM,4BAA4B;AAAA,QAChC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAEA,UAAI,2BAA2B;AAC7B,yBAAiB,IAAI,QAAQ;AAAA,UAC3B,GAAG;AAAA,UACH;AAAA,QACF,CAAC;AAAA,MACH;AAAA,IACF,WAAW,OAAO,SAAS,aAAa;AACtC;AAAA,QACE;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,IACF,OAAO;AACL,YAAM,iBAAiB,cAAc;AAAA,QAAK,CAAC,SACzC,2BAA2B,QAAQ,MAAM,OAAO;AAAA,MAClD;AAEA,UAAI,gBAAgB;AAClB;AAAA,UACE;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF,CAAC;AAED,SAAO;AACT;",
   "names": []
 }

package/esm/charts/xy-chart/hooks/useXYChartDataProvider.js

@@ -95,9 +95,7 @@ function useXYChartDataProvider(seriesVariantsProps, data) {
       perAxis.set(raw, datum);
     }
   };
-  for (const { data: data2, series } of dataWithSeries.filter(
-    ({ series: series2 }) => series2.length
-  )) {
+  const groupsWithStrategies = dataWithSeries.filter(({ series }) => series.length).map(({ data: data2, series }) => {
     const seriesWithStrategy = series.map((entry) => ({
       ...entry,
       strategy: getStrategyFactory(strategies, entry.seriesProps)
@@ -109,11 +107,20 @@ function useXYChartDataProvider(seriesVariantsProps, data) {
         break;
       }
     }
+    return { data: data2, seriesWithStrategy, hasCategoricalAxis };
+  });
+  for (const { data: data2, seriesWithStrategy } of groupsWithStrategies) {
     for (const { seriesProps, xAxis, yAxis, strategy } of seriesWithStrategy) {
       if (strategy?.preprocess) {
         strategy.preprocess(data2, seriesProps, xAxis, yAxis, mutableContext);
       }
     }
+  }
+  for (const {
+    data: data2,
+    seriesWithStrategy,
+    hasCategoricalAxis
+  } of groupsWithStrategies) {
     for (const datum of data2) {
       for (const {
         seriesProps,

package/esm/charts/xy-chart/hooks/useXYChartDataProvider.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/xy-chart/hooks/useXYChartDataProvider.ts"],
-  "sourcesContent": ["import { useIntl } from 'react-intl';\n\nimport { useAxesConfig } from './useAxesConfig.js';\nimport { useColorPalette } from './useColorPalette.js';\nimport { useSortLinearDatapoints } from './useSortLinearDatapoints.js';\nimport { useSortRectangleDatapoints } from './useSortRectangleDatapoints.js';\nimport {\n  type ConcreteStrategy,\n  getStrategyFactory,\n} from '../processing-strategies/factory/factory.js';\nimport { AreaSeriesStrategy } from '../processing-strategies/strategies/area-series.js';\nimport { BarSeriesStrategy } from '../processing-strategies/strategies/bar-series.js';\nimport { DotSeriesStrategy } from '../processing-strategies/strategies/dot-series.js';\nimport { LineSeriesStrategy } from '../processing-strategies/strategies/line-series.js';\nimport { RectSeriesStrategy } from '../processing-strategies/strategies/rect-series.js';\nimport type { MutableProcessingContext } from '../processing-strategies/types/processing-types.js';\nimport { getDatumValue } from '../processing-strategies/utils/access-datapoint/get-datapoints.js';\nimport { useFilteredSeriesIdsState } from '../store/selectors.js';\nimport { isCategorical } from '../types/guards.js';\nimport type {\n  AxisIdToScaleDomain,\n  MapDatapoints,\n  RectDatapointInternal,\n  SeriesToMetadata,\n  XYChartAxisInternal,\n  XYChartSeriesWithDatapoints,\n  XYChartVariantsInternal,\n} from '../types/xy-chart-internals.js';\nimport type { XYChartData } from '../types/xy-chart.js';\nimport {\n  isInfiniteZoomEnabledFor,\n  isPanEnabledFor,\n  isZoomEnabledFor,\n} from '../utils/axis-interactions.js';\nimport { combineDataWithCorrespondingSeries } from '../utils/combine-data-with-corresponding-series.js';\nimport { combineSeriesWithAxes } from '../utils/combine-series-with-axes.js';\n\n/**\n * A hook to process chart data and configure axes for an XY chart.\n *\n * @param seriesVariantsProps - The array of series variant properties.\n * @param data - The array of chart data.\n * @returns - An object containing axes, series with data points, rect data points to metadata mapping, axis ID to scale domain mapping, and series ID to value scale domain mapping.\n * @returns axes - The array of valid axes configurations.\n * @returns seriesWithDatapoints - The array of series with data points.\n * @returns rectSeriesToMetadata - A mapping of rect series to their metadata.\n * @returns axisIdToScaleDomain - A mapping of axis IDs to their scale domains.\n * @returns seriesIdToValueScaleDomain - A mapping of series IDs to their value scale domains.\n */\nexport function useXYChartDataProvider(\n  seriesVariantsProps: XYChartVariantsInternal[],\n  data: XYChartData[],\n) {\n  const axes = useAxesConfig();\n  const colorPalette = useColorPalette();\n  const intl = useIntl();\n\n  const axisIdToScaleDomain: AxisIdToScaleDomain = new Map();\n  const axisWithSeries: Set<string> = new Set();\n  const datapointMetadataMap: MapDatapoints = new Map();\n  const axisIdToCategoryDatum = new Map<string, Map<string, XYChartData>>();\n\n  const {\n    addValue,\n    getCurrentSelectConfig: getCurrentShapeSelectConfig,\n    searchAllAxisDatapoints: searchAllAxisShapeDatapoints,\n  } = useSortLinearDatapoints(seriesVariantsProps, datapointMetadataMap);\n  const {\n    addValue: addRectangleValue,\n    searchAllAxisDatapoints: searchAllAxisRectangleDatapoints,\n    getCurrentSelectConfig: getCurrentRectangleSelectConfig,\n  } = useSortRectangleDatapoints(seriesVariantsProps);\n\n  const seriesWithAxes = combineSeriesWithAxes(seriesVariantsProps, axes);\n  const dataWithSeries = combineDataWithCorrespondingSeries(\n    data,\n    seriesWithAxes,\n  );\n\n  const seriesWithDatapoints: Array<XYChartSeriesWithDatapoints> = [];\n  const seriesToMetadata: SeriesToMetadata = new Map();\n\n  const seriesMap = new Map();\n\n  const seriesIndexes: string[] = [];\n\n  const rectSeriesStrategy = new RectSeriesStrategy({\n    addValue: addRectangleValue,\n  });\n  const dotSeriesStrategy = new DotSeriesStrategy({ addValue });\n  const lineSeriesStrategy = new LineSeriesStrategy({ addValue });\n  const barSeriesStrategy = new BarSeriesStrategy({\n    addValue: addRectangleValue,\n  });\n  const areaSeriesStrategy = new AreaSeriesStrategy({ addValue });\n  const strategies: ConcreteStrategy[] = [\n    rectSeriesStrategy,\n    dotSeriesStrategy,\n    lineSeriesStrategy,\n    barSeriesStrategy,\n    areaSeriesStrategy,\n  ];\n\n  const filteredSeriesIds = useFilteredSeriesIdsState();\n\n  const mutableContext: MutableProcessingContext = {\n    seriesMap,\n    seriesWithDatapoints,\n    seriesToMetadata,\n    axisIdToScaleDomain,\n    seriesIndexes,\n    intl,\n    colorPalette,\n    datapointMetadataMap,\n    filteredSeriesIds,\n    axisWithSeries,\n  };\n\n  const captureCategoryDatum = (\n    axis: XYChartAxisInternal,\n    accessor: string | undefined,\n    datum: XYChartData,\n  ) => {\n    if (!isCategorical(axis.type) || !accessor) {\n      return;\n    }\n\n    const rawValue = getDatumValue(datum, accessor);\n    if (typeof rawValue !== 'string' && typeof rawValue !== 'number') {\n      return;\n    }\n    const raw = String(rawValue);\n\n    let perAxis = axisIdToCategoryDatum.get(axis.id);\n    if (!perAxis) {\n      perAxis = new Map<string, XYChartData>();\n      axisIdToCategoryDatum.set(axis.id, perAxis);\n    }\n    if (!perAxis.has(raw)) {\n      perAxis.set(raw, datum);\n    }\n  };\n\n  for (const { data, series } of dataWithSeries.filter(\n    ({ series }) => series.length,\n  )) {\n    const seriesWithStrategy = series.map((entry) => ({\n      ...entry,\n      strategy: getStrategyFactory(strategies, entry.seriesProps),\n    }));\n\n    let hasCategoricalAxis = false;\n    for (const { xAxis, yAxis } of seriesWithStrategy) {\n      if (isCategorical(xAxis.type) || isCategorical(yAxis.type)) {\n        hasCategoricalAxis = true;\n        break;\n      }\n    }\n\n    for (const { seriesProps, xAxis, yAxis, strategy } of seriesWithStrategy) {\n      if (strategy?.preprocess) {\n        strategy.preprocess(data, seriesProps, xAxis, yAxis, mutableContext);\n      }\n    }\n    for (const datum of data) {\n      for (const {\n        seriesProps,\n        xAxis,\n        yAxis,\n        strategy,\n      } of seriesWithStrategy) {\n        if (strategy) {\n          const processResult = strategy.process(\n            datum,\n            seriesProps,\n            xAxis,\n            yAxis,\n            mutableContext,\n          );\n\n          if (processResult === 'continue') {\n            continue;\n          }\n        } else {\n          throw new Error(\n            `No strategy found to process series with id: ${seriesProps.id}`,\n          );\n        }\n\n        if (hasCategoricalAxis) {\n          captureCategoryDatum(xAxis, seriesProps.x0Accessor, datum);\n          captureCategoryDatum(yAxis, seriesProps.y0Accessor, datum);\n        }\n      }\n    }\n  }\n\n  const validAxes = axes.filter(\n    (axis) => axisIdToScaleDomain.has(axis.id) && axisWithSeries.has(axis.id),\n  );\n  const linearSelectionContextValue = {\n    selectionConfigByAxisId: getCurrentShapeSelectConfig(),\n    searchAllAxisDatapoints: searchAllAxisShapeDatapoints,\n  };\n  const rectSelectionContextValue = {\n    selectionConfigByAxisId: getCurrentRectangleSelectConfig(),\n    searchAllAxisDatapoints: searchAllAxisRectangleDatapoints,\n  };\n  return {\n    axesMetadata: {\n      isZoomEnabled: !!validAxes.find(isZoomEnabledFor),\n      isPanEnabled: !!validAxes.find(isPanEnabledFor),\n      isInfinite: !!validAxes.find(isInfiniteZoomEnabledFor),\n    },\n    axes: validAxes,\n    axisIdToScaleDomain,\n    axisIdToCategoryDatum,\n    seriesIdToValueScaleDomain: rectSeriesStrategy.seriesIdToValueScaleDomain,\n    datapointMetadataMap,\n    linearSelectionContextValue,\n    rectSelectionContextValue,\n    seriesWithDatapoints,\n    filteredSeriesWithDatapoints: seriesWithDatapoints.filter((series) => {\n      if (series.type === 'rect') {\n        series.filteredData = series.data.filter(\n          (datapoint: RectDatapointInternal) => {\n            return datapointMetadataMap.get(datapoint)?.isVisible !== false;\n          },\n        );\n      }\n\n      return seriesToMetadata.get(series)?.isVisible !== false;\n    }),\n    seriesToMetadata,\n    axisIdToDimension: barSeriesStrategy.axisIdToDimension,\n  };\n}\n"],
-  "mappings": "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",
-  "names": ["data", "series"]
+  "sourcesContent": ["import { useIntl } from 'react-intl';\n\nimport { useAxesConfig } from './useAxesConfig.js';\nimport { useColorPalette } from './useColorPalette.js';\nimport { useSortLinearDatapoints } from './useSortLinearDatapoints.js';\nimport { useSortRectangleDatapoints } from './useSortRectangleDatapoints.js';\nimport {\n  type ConcreteStrategy,\n  getStrategyFactory,\n} from '../processing-strategies/factory/factory.js';\nimport { AreaSeriesStrategy } from '../processing-strategies/strategies/area-series.js';\nimport { BarSeriesStrategy } from '../processing-strategies/strategies/bar-series.js';\nimport { DotSeriesStrategy } from '../processing-strategies/strategies/dot-series.js';\nimport { LineSeriesStrategy } from '../processing-strategies/strategies/line-series.js';\nimport { RectSeriesStrategy } from '../processing-strategies/strategies/rect-series.js';\nimport type { MutableProcessingContext } from '../processing-strategies/types/processing-types.js';\nimport { getDatumValue } from '../processing-strategies/utils/access-datapoint/get-datapoints.js';\nimport { useFilteredSeriesIdsState } from '../store/selectors.js';\nimport { isCategorical } from '../types/guards.js';\nimport type {\n  AxisIdToScaleDomain,\n  MapDatapoints,\n  RectDatapointInternal,\n  SeriesToMetadata,\n  XYChartAxisInternal,\n  XYChartSeriesWithDatapoints,\n  XYChartVariantsInternal,\n} from '../types/xy-chart-internals.js';\nimport type { XYChartData } from '../types/xy-chart.js';\nimport {\n  isInfiniteZoomEnabledFor,\n  isPanEnabledFor,\n  isZoomEnabledFor,\n} from '../utils/axis-interactions.js';\nimport { combineDataWithCorrespondingSeries } from '../utils/combine-data-with-corresponding-series.js';\nimport { combineSeriesWithAxes } from '../utils/combine-series-with-axes.js';\n\n/**\n * A hook to process chart data and configure axes for an XY chart.\n *\n * @param seriesVariantsProps - The array of series variant properties.\n * @param data - The array of chart data.\n * @returns - An object containing axes, series with data points, rect data points to metadata mapping, axis ID to scale domain mapping, and series ID to value scale domain mapping.\n * @returns axes - The array of valid axes configurations.\n * @returns seriesWithDatapoints - The array of series with data points.\n * @returns rectSeriesToMetadata - A mapping of rect series to their metadata.\n * @returns axisIdToScaleDomain - A mapping of axis IDs to their scale domains.\n * @returns seriesIdToValueScaleDomain - A mapping of series IDs to their value scale domains.\n */\nexport function useXYChartDataProvider(\n  seriesVariantsProps: XYChartVariantsInternal[],\n  data: XYChartData[],\n) {\n  const axes = useAxesConfig();\n  const colorPalette = useColorPalette();\n  const intl = useIntl();\n\n  const axisIdToScaleDomain: AxisIdToScaleDomain = new Map();\n  const axisWithSeries: Set<string> = new Set();\n  const datapointMetadataMap: MapDatapoints = new Map();\n  const axisIdToCategoryDatum = new Map<string, Map<string, XYChartData>>();\n\n  const {\n    addValue,\n    getCurrentSelectConfig: getCurrentShapeSelectConfig,\n    searchAllAxisDatapoints: searchAllAxisShapeDatapoints,\n  } = useSortLinearDatapoints(seriesVariantsProps, datapointMetadataMap);\n  const {\n    addValue: addRectangleValue,\n    searchAllAxisDatapoints: searchAllAxisRectangleDatapoints,\n    getCurrentSelectConfig: getCurrentRectangleSelectConfig,\n  } = useSortRectangleDatapoints(seriesVariantsProps);\n\n  const seriesWithAxes = combineSeriesWithAxes(seriesVariantsProps, axes);\n  const dataWithSeries = combineDataWithCorrespondingSeries(\n    data,\n    seriesWithAxes,\n  );\n\n  const seriesWithDatapoints: Array<XYChartSeriesWithDatapoints> = [];\n  const seriesToMetadata: SeriesToMetadata = new Map();\n\n  const seriesMap = new Map();\n\n  const seriesIndexes: string[] = [];\n\n  const rectSeriesStrategy = new RectSeriesStrategy({\n    addValue: addRectangleValue,\n  });\n  const dotSeriesStrategy = new DotSeriesStrategy({ addValue });\n  const lineSeriesStrategy = new LineSeriesStrategy({ addValue });\n  const barSeriesStrategy = new BarSeriesStrategy({\n    addValue: addRectangleValue,\n  });\n  const areaSeriesStrategy = new AreaSeriesStrategy({ addValue });\n  const strategies: ConcreteStrategy[] = [\n    rectSeriesStrategy,\n    dotSeriesStrategy,\n    lineSeriesStrategy,\n    barSeriesStrategy,\n    areaSeriesStrategy,\n  ];\n\n  const filteredSeriesIds = useFilteredSeriesIdsState();\n\n  const mutableContext: MutableProcessingContext = {\n    seriesMap,\n    seriesWithDatapoints,\n    seriesToMetadata,\n    axisIdToScaleDomain,\n    seriesIndexes,\n    intl,\n    colorPalette,\n    datapointMetadataMap,\n    filteredSeriesIds,\n    axisWithSeries,\n  };\n\n  const captureCategoryDatum = (\n    axis: XYChartAxisInternal,\n    accessor: string | undefined,\n    datum: XYChartData,\n  ) => {\n    if (!isCategorical(axis.type) || !accessor) {\n      return;\n    }\n\n    const rawValue = getDatumValue(datum, accessor);\n    if (typeof rawValue !== 'string' && typeof rawValue !== 'number') {\n      return;\n    }\n    const raw = String(rawValue);\n\n    let perAxis = axisIdToCategoryDatum.get(axis.id);\n    if (!perAxis) {\n      perAxis = new Map<string, XYChartData>();\n      axisIdToCategoryDatum.set(axis.id, perAxis);\n    }\n    if (!perAxis.has(raw)) {\n      perAxis.set(raw, datum);\n    }\n  };\n\n  const groupsWithStrategies = dataWithSeries\n    .filter(({ series }) => series.length)\n    .map(({ data, series }) => {\n      const seriesWithStrategy = series.map((entry) => ({\n        ...entry,\n        strategy: getStrategyFactory(strategies, entry.seriesProps),\n      }));\n\n      let hasCategoricalAxis = false;\n      for (const { xAxis, yAxis } of seriesWithStrategy) {\n        if (isCategorical(xAxis.type) || isCategorical(yAxis.type)) {\n          hasCategoricalAxis = true;\n          break;\n        }\n      }\n\n      return { data, seriesWithStrategy, hasCategoricalAxis };\n    });\n\n  for (const { data, seriesWithStrategy } of groupsWithStrategies) {\n    for (const { seriesProps, xAxis, yAxis, strategy } of seriesWithStrategy) {\n      if (strategy?.preprocess) {\n        strategy.preprocess(data, seriesProps, xAxis, yAxis, mutableContext);\n      }\n    }\n  }\n\n  for (const {\n    data,\n    seriesWithStrategy,\n    hasCategoricalAxis,\n  } of groupsWithStrategies) {\n    for (const datum of data) {\n      for (const {\n        seriesProps,\n        xAxis,\n        yAxis,\n        strategy,\n      } of seriesWithStrategy) {\n        if (strategy) {\n          const processResult = strategy.process(\n            datum,\n            seriesProps,\n            xAxis,\n            yAxis,\n            mutableContext,\n          );\n\n          if (processResult === 'continue') {\n            continue;\n          }\n        } else {\n          throw new Error(\n            `No strategy found to process series with id: ${seriesProps.id}`,\n          );\n        }\n\n        if (hasCategoricalAxis) {\n          captureCategoryDatum(xAxis, seriesProps.x0Accessor, datum);\n          captureCategoryDatum(yAxis, seriesProps.y0Accessor, datum);\n        }\n      }\n    }\n  }\n\n  const validAxes = axes.filter(\n    (axis) => axisIdToScaleDomain.has(axis.id) && axisWithSeries.has(axis.id),\n  );\n  const linearSelectionContextValue = {\n    selectionConfigByAxisId: getCurrentShapeSelectConfig(),\n    searchAllAxisDatapoints: searchAllAxisShapeDatapoints,\n  };\n  const rectSelectionContextValue = {\n    selectionConfigByAxisId: getCurrentRectangleSelectConfig(),\n    searchAllAxisDatapoints: searchAllAxisRectangleDatapoints,\n  };\n  return {\n    axesMetadata: {\n      isZoomEnabled: !!validAxes.find(isZoomEnabledFor),\n      isPanEnabled: !!validAxes.find(isPanEnabledFor),\n      isInfinite: !!validAxes.find(isInfiniteZoomEnabledFor),\n    },\n    axes: validAxes,\n    axisIdToScaleDomain,\n    axisIdToCategoryDatum,\n    seriesIdToValueScaleDomain: rectSeriesStrategy.seriesIdToValueScaleDomain,\n    datapointMetadataMap,\n    linearSelectionContextValue,\n    rectSelectionContextValue,\n    seriesWithDatapoints,\n    filteredSeriesWithDatapoints: seriesWithDatapoints.filter((series) => {\n      if (series.type === 'rect') {\n        series.filteredData = series.data.filter(\n          (datapoint: RectDatapointInternal) => {\n            return datapointMetadataMap.get(datapoint)?.isVisible !== false;\n          },\n        );\n      }\n\n      return seriesToMetadata.get(series)?.isVisible !== false;\n    }),\n    seriesToMetadata,\n    axisIdToDimension: barSeriesStrategy.axisIdToDimension,\n  };\n}\n"],
+  "mappings": "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",
+  "names": ["data"]
 }

package/esm/charts/xy-chart/layout/XYChartAxisBorder.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/xy-chart/layout/XYChartAxisBorder.tsx"],
-  "sourcesContent": ["import { ChartOverlaysBorder } from '../../core/components/overlays/ChartOverlaysBorder.js';\nimport { useVisibleAxesScales } from '../hooks/useVisibleAxesScales.js';\n\nexport const XYChartAxisBorder = () => {\n  const { left, right, bottom, top } = useVisibleAxesScales();\n  return (\n    <ChartOverlaysBorder\n      left={!!left}\n      right={!!right}\n      bottom={!!bottom}\n      top={!!top}\n    />\n  );\n};\n"],
-  "mappings": "AAMI;AANJ,SAAS,2BAA2B;AACpC,SAAS,4BAA4B;AAE9B,MAAM,oBAAoB,MAAM;AACrC,QAAM,EAAE,MAAM,OAAO,QAAQ,IAAI,IAAI,qBAAqB;AAC1D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAM,CAAC,CAAC;AAAA,MACR,OAAO,CAAC,CAAC;AAAA,MACT,QAAQ,CAAC,CAAC;AAAA,MACV,KAAK,CAAC,CAAC;AAAA;AAAA,EACT;AAEJ;",
+  "sourcesContent": ["import { ChartOverlaysBorder } from '../../core/components/overlays/ChartOverlaysBorder.js';\nimport { useVisibleAxesScales } from '../hooks/useVisibleAxesScales.js';\n\nexport const XYChartAxisBorder = () => {\n  const { left, right, bottom, top } = useVisibleAxesScales();\n\n  return (\n    <ChartOverlaysBorder\n      left={!!left}\n      right={!!right}\n      bottom={!!bottom}\n      top={!!top}\n    />\n  );\n};\n"],
+  "mappings": "AAOI;AAPJ,SAAS,2BAA2B;AACpC,SAAS,4BAA4B;AAE9B,MAAM,oBAAoB,MAAM;AACrC,QAAM,EAAE,MAAM,OAAO,QAAQ,IAAI,IAAI,qBAAqB;AAE1D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAM,CAAC,CAAC;AAAA,MACR,OAAO,CAAC,CAAC;AAAA,MACT,QAAQ,CAAC,CAAC;AAAA,MACV,KAAK,CAAC,CAAC;AAAA;AAAA,EACT;AAEJ;",
   "names": []
 }

package/esm/charts/xy-chart/layout/XYChartLayout.css

@@ -1,10 +1,10 @@
-._1ru1qe70-3-7-1 {
+._1ru1qe70-3-9-0 {
   pointer-events: none;
   width: 100%;
   height: 100%;
   z-index: 1;
 }
-._1ru1qe71-3-7-1 {
+._1ru1qe71-3-9-0 {
   top: -5.5px;
   left: -5.5px;
   width: calc(100% + 11px);

package/esm/charts/xy-chart/layout/XYChartLayout.sty.js

@@ -1,7 +1,7 @@
 import "../../core/components/chart-grid/ChartGrid.css";
 import "./XYChartLayout.css";
-var datapointCanvasPlot = "_1ru1qe71-3-7-1 _13lzg4k0-3-7-1 _1ru1qe70-3-7-1";
-var rectangleCanvasPlot = "_13lzg4k0-3-7-1 _1ru1qe70-3-7-1";
+var datapointCanvasPlot = "_1ru1qe71-3-9-0 _13lzg4k0-3-9-0 _1ru1qe70-3-9-0";
+var rectangleCanvasPlot = "_13lzg4k0-3-9-0 _1ru1qe70-3-9-0";
 export {
   datapointCanvasPlot,
   rectangleCanvasPlot

package/esm/charts/xy-chart/layout/XYChartLayout.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/xy-chart/layout/XYChartLayout.css.ts"],
-  "sourcesContent": ["import '../../core/components/chart-grid/ChartGrid.css';\nimport './XYChartLayout.css';\nexport var datapointCanvasPlot = '_1ru1qe71-3-7-1 _13lzg4k0-3-7-1 _1ru1qe70-3-7-1';\nexport var rectangleCanvasPlot = '_13lzg4k0-3-7-1 _1ru1qe70-3-7-1';"],
+  "sourcesContent": ["import '../../core/components/chart-grid/ChartGrid.css';\nimport './XYChartLayout.css';\nexport var datapointCanvasPlot = '_1ru1qe71-3-9-0 _13lzg4k0-3-9-0 _1ru1qe70-3-9-0';\nexport var rectangleCanvasPlot = '_13lzg4k0-3-9-0 _1ru1qe70-3-9-0';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACA,IAAI,sBAAsB;AAC1B,IAAI,sBAAsB;",
   "names": []
 }

package/esm/charts/xy-chart/processing-strategies/strategies/area-series.js

@@ -1,15 +1,18 @@
-import { SeriesBaseStrategy } from "./base-series.js";
+import { FastSeriesBaseStrategy } from "./fast-series.js";
 import { GappableSeriesHelper } from "./gappable-series.js";
 import { StackableSeriesHelper } from "./stackable-series.js";
 import { isValidPointsDisplay } from "../../../core/components/canvas/utils/is-valid-points-display.js";
 import { safeGet } from "../../../core/utils/safe-get.js";
+import { singleLineName } from "../../../core/utils/single-line-name.js";
 import { DEFAULT_POINTS_DISPLAY } from "../../constants/defaults.js";
+import { isLinear, isTime } from "../../types/guards.js";
 import { isAreaSeries } from "../../utils/type-guards.js";
 import { getAreaDatapoints } from "../utils/access-datapoint/get-area-datapoints.js";
 import {
   getChartAreaVariant,
   getChartOrientation,
-  getDatumValue
+  getDatumValue,
+  isFlatStringPath
 } from "../utils/access-datapoint/get-datapoints.js";
 import { getCalculatedLinearPointForArea } from "../utils/cast-data/get-calculated-linear-point.js";
 import { getLinearColor } from "../utils/coloring/get-linear-color-palette.js";
@@ -19,7 +22,7 @@ import {
   getCombinedAxesOrientationKey,
   isStackable
 } from "../utils/stacking/stack-datapoints.js";
-class AreaSeriesStrategy extends SeriesBaseStrategy {
+class AreaSeriesStrategy extends FastSeriesBaseStrategy {
   stackHelper;
   gapHelper;
   /**
@@ -28,12 +31,18 @@ class AreaSeriesStrategy extends SeriesBaseStrategy {
   combinedAxesOrientationKeyToSeriesCount;
   /** This set contains series Id that has been preprocessed at least once */
   preprocessedSeriesIds;
+  fastStackGroups;
+  fastStackDomain;
+  fastAxisStats;
   constructor(initializer) {
     super(initializer);
     this.stackHelper = new StackableSeriesHelper();
     this.gapHelper = new GappableSeriesHelper();
     this.combinedAxesOrientationKeyToSeriesCount = /* @__PURE__ */ new Map();
     this.preprocessedSeriesIds = /* @__PURE__ */ new Set();
+    this.fastStackGroups = /* @__PURE__ */ new Map();
+    this.fastStackDomain = /* @__PURE__ */ new Map();
+    this.fastAxisStats = /* @__PURE__ */ new Map();
   }
   canHandle(seriesProps) {
     return isAreaSeries(seriesProps);
@@ -61,11 +70,12 @@ class AreaSeriesStrategy extends SeriesBaseStrategy {
       seriesNameAccessor,
       datum
     });
+    const name = singleLineName(seriesName);
     const color = this.getColor(
       datum,
       seriesProps,
       context.colorPalette,
-      seriesName,
+      name,
       seriesIndex
     );
     const chartOrientation = getChartOrientation(seriesProps);
@@ -78,7 +88,8 @@ class AreaSeriesStrategy extends SeriesBaseStrategy {
       xAxis,
       yAxis,
       ...color,
-      name: seriesName,
+      name,
+      nameSegments: Array.isArray(seriesName) ? seriesName : void 0,
       orientation,
       curve,
       variant,
@@ -241,6 +252,233 @@ class AreaSeriesStrategy extends SeriesBaseStrategy {
       });
     }
   }
+  getFastAxisKey(xAxisId, yAxisId) {
+    return `${xAxisId}-${yAxisId}-vertical`;
+  }
+  isEligibleForFastPath(data, seriesProps, xAxis, yAxis) {
+    if (getChartOrientation(seriesProps) !== "vertical") {
+      return false;
+    }
+    if (getChartAreaVariant("vertical", seriesProps) !== "area") {
+      return false;
+    }
+    if (!isTime(xAxis.type) || !isLinear(yAxis.type)) {
+      return false;
+    }
+    const x0Acc = seriesProps.x0Accessor;
+    const x1Acc = seriesProps.x1Accessor;
+    const y1Acc = seriesProps.y1Accessor;
+    if (!x0Acc || !y1Acc) {
+      return false;
+    }
+    if (!isFlatStringPath(x0Acc) || !isFlatStringPath(y1Acc) || x1Acc !== void 0 && !isFlatStringPath(x1Acc) || !isFlatStringPath(seriesProps.seriesIdAccessor)) {
+      return false;
+    }
+    const d0 = data[0];
+    if (d0 === void 0) {
+      return false;
+    }
+    if (!(d0[x0Acc] instanceof Date) || typeof d0[y1Acc] !== "number") {
+      return false;
+    }
+    if (x1Acc !== void 0 && !(d0[x1Acc] instanceof Date)) {
+      return false;
+    }
+    return true;
+  }
+  preprocessFastPath(data, seriesProps, xAxis, yAxis, context) {
+    const axisKey = this.getFastAxisKey(xAxis.id, yAxis.id);
+    let domainByX0 = this.fastStackDomain.get(axisKey);
+    if (domainByX0 === void 0) {
+      domainByX0 = /* @__PURE__ */ new Map();
+      this.fastStackDomain.set(axisKey, domainByX0);
+    }
+    let stats = this.fastAxisStats.get(axisKey);
+    if (stats === void 0) {
+      stats = { seriesIds: /* @__PURE__ */ new Set(), maxBinAbsValue: 0 };
+      this.fastAxisStats.set(axisKey, stats);
+    }
+    const x0Acc = seriesProps.x0Accessor;
+    const x1Acc = seriesProps.x1Accessor;
+    const y1Acc = seriesProps.y1Accessor;
+    const seriesIdAccessor = seriesProps.seriesIdAccessor;
+    const filteredSeriesIds = context.filteredSeriesIds;
+    for (const datum of data) {
+      const d = datum;
+      const x0Ms = d[x0Acc].getTime();
+      const x1Raw = x1Acc ? d[x1Acc] : void 0;
+      const x1Ms = x1Raw instanceof Date ? x1Raw.getTime() : x0Ms;
+      const y1 = d[y1Acc];
+      const seriesId = d[seriesIdAccessor];
+      if (filteredSeriesIds !== void 0 && !filteredSeriesIds.has(seriesId)) {
+        continue;
+      }
+      this.registerSeriesCountOnPreprocessing(
+        seriesId,
+        xAxis.id,
+        yAxis.id,
+        "vertical"
+      );
+      stats.seriesIds.add(seriesId);
+      let domainByX1 = domainByX0.get(x0Ms);
+      if (domainByX1 === void 0) {
+        domainByX1 = /* @__PURE__ */ new Map();
+        domainByX0.set(x0Ms, domainByX1);
+      }
+      let acc = domainByX1.get(x1Ms);
+      if (acc === void 0) {
+        acc = { totalPositive: 0, totalNegative: 0 };
+        domainByX1.set(x1Ms, acc);
+      }
+      if (y1 >= 0) {
+        acc.totalPositive += y1;
+      } else {
+        acc.totalNegative += -y1;
+      }
+      const binAbs = acc.totalPositive > acc.totalNegative ? acc.totalPositive : acc.totalNegative;
+      if (binAbs > stats.maxBinAbsValue) {
+        stats.maxBinAbsValue = binAbs;
+      }
+    }
+  }
+  processFastPath(datum, seriesProps, xAxis, yAxis, context) {
+    const x0Acc = seriesProps.x0Accessor;
+    const x1Acc = seriesProps.x1Accessor;
+    const y1Acc = seriesProps.y1Accessor;
+    const d = datum;
+    const x0 = d[x0Acc];
+    const x1 = x1Acc ? d[x1Acc] : void 0;
+    const y1 = d[y1Acc];
+    const seriesId = d[seriesProps.seriesIdAccessor];
+    const isSeriesVisible = context.filteredSeriesIds === void 0 || context.filteredSeriesIds.has(seriesId);
+    const x0Ms = x0.getTime();
+    const x1Ms = x1 ? x1.getTime() : x0Ms;
+    let stackingOffset = 0;
+    let binDomain;
+    if (isSeriesVisible) {
+      const axisKey = this.getFastAxisKey(xAxis.id, yAxis.id);
+      let groupsByX0 = this.fastStackGroups.get(axisKey);
+      if (groupsByX0 === void 0) {
+        groupsByX0 = /* @__PURE__ */ new Map();
+        this.fastStackGroups.set(axisKey, groupsByX0);
+      }
+      let groupsByX1 = groupsByX0.get(x0Ms);
+      if (groupsByX1 === void 0) {
+        groupsByX1 = /* @__PURE__ */ new Map();
+        groupsByX0.set(x0Ms, groupsByX1);
+      }
+      let prev = groupsByX1.get(x1Ms);
+      if (prev === void 0) {
+        prev = { minBoundary: 0, maxBoundary: 0 };
+        groupsByX1.set(x1Ms, prev);
+      }
+      stackingOffset = y1 > 0 ? prev.maxBoundary : prev.minBoundary;
+      const domainByX0 = this.fastStackDomain.get(axisKey);
+      const domainByX1 = domainByX0 && domainByX0.get(x0Ms);
+      const acc = domainByX1 && domainByX1.get(x1Ms);
+      if (acc !== void 0) {
+        const axisStats = this.fastAxisStats.get(axisKey);
+        if (axisStats !== void 0 && axisStats.seriesIds.size === 1) {
+          binDomain = axisStats.maxBinAbsValue;
+        } else {
+          binDomain = acc.totalPositive + acc.totalNegative;
+        }
+      }
+      if (y1 < 0) {
+        prev.minBoundary += y1;
+      } else if (y1 > 0) {
+        prev.maxBoundary += y1;
+      }
+    }
+    const { seriesMap, seriesToMetadata } = context;
+    let currentSeries = seriesMap.get(seriesId);
+    if (currentSeries === void 0) {
+      currentSeries = this.createSeries(seriesId, seriesProps, xAxis, yAxis);
+      this.registerSeries(currentSeries, seriesId, context);
+      const metadata = this.createSeriesMetadata(
+        datum,
+        seriesProps,
+        xAxis,
+        yAxis,
+        seriesId,
+        context
+      );
+      seriesToMetadata.set(currentSeries, {
+        ...metadata,
+        isVisible: isSeriesVisible,
+        isStacked: isAreaSeriesStacked(
+          getCombinedAxesOrientationKey(xAxis.id, yAxis.id, "vertical"),
+          this.combinedAxesOrientationKeyToSeriesCount,
+          "area"
+        )
+      });
+    }
+    const dp = {
+      ...datum,
+      x0,
+      x1,
+      y1
+    };
+    if (isSeriesVisible) {
+      const gappedDatapoint = this.gapHelper.handleGapDetection(
+        dp,
+        currentSeries,
+        xAxis,
+        yAxis
+      );
+      if (gappedDatapoint) {
+        this.registerDatapoint(
+          gappedDatapoint,
+          { isGap: true },
+          currentSeries,
+          context
+        );
+      }
+    }
+    this.registerDatapoint(
+      dp,
+      isSeriesVisible ? {
+        isGap: false,
+        baseline: "x",
+        accumulator: stackingOffset,
+        binDomain
+      } : { isGap: false, baseline: "x" },
+      currentSeries,
+      context
+    );
+    const axisIdToScaleDomain = context.axisIdToScaleDomain;
+    const centerMs = x1 ? (x0Ms + x1Ms) / 2 : x0Ms;
+    const xDom = axisIdToScaleDomain.get(xAxis.id);
+    if (xDom === void 0) {
+      axisIdToScaleDomain.set(xAxis.id, { min: centerMs, max: centerMs });
+    } else if (centerMs < xDom.min) {
+      xDom.min = centerMs;
+    } else if (centerMs > xDom.max) {
+      xDom.max = centerMs;
+    }
+    if (isSeriesVisible) {
+      const stackedY1 = y1 + stackingOffset;
+      const yDom = axisIdToScaleDomain.get(yAxis.id);
+      if (yDom === void 0) {
+        axisIdToScaleDomain.set(yAxis.id, { min: stackedY1, max: stackedY1 });
+      } else {
+        if (yDom.min === void 0 || stackedY1 < yDom.min) {
+          yDom.min = stackedY1;
+        }
+        if (yDom.max === void 0 || stackedY1 > yDom.max) {
+          yDom.max = stackedY1;
+        }
+      }
+      context.axisWithSeries.add(xAxis.id);
+      context.axisWithSeries.add(yAxis.id);
+      const currentSeriesMetadata = safeGet(seriesToMetadata, currentSeries);
+      this.addValue({
+        series: currentSeries,
+        datapoint: dp,
+        color: currentSeriesMetadata?.color
+      });
+    }
+  }
   getColor(datum, seriesProps, configColorPalette, seriesName, seriesIndex) {
     return getLinearColor(
       datum,