@dynatrace/strato-components 3.1.3 → 3.2.1

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/xy-chart/utils/query-get-closest-point.ts"],
-  "sourcesContent": ["import { isEmpty } from 'lodash-es';\n\nimport { getAreaAccessors } from './get-area-series-accessors.js';\nimport { getCurrentScale } from './get-scale.js';\nimport { distanceBetweenTwoPoints } from './query-closest-quadtree.js';\nimport { DEFAULT_DATA_POINT_RADIUS } from '../../core/constants.js';\nimport type { Point } from '../../core/types/point.js';\nimport { isBandScale } from '../../core/utils/detect-scale.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} from '../context/XYChartOverlayPerformance.context.js';\nimport type { AxisIdToScales } from '../context/XYChartScales.context.js';\nimport {\n  AREA_VARIANT,\n  type AnyLinearSeries,\n  type AnyXYChartScale,\n  type AreaMetadata,\n  type AreaSeriesWithDatapoints,\n  type DotSeriesWithDatapoints,\n  type LineSeriesWithDatapoints,\n  type MapDatapoints,\n  type SeriesToMetadata,\n} from '../types/xy-chart-internals.js';\nimport type {\n  AreaDatapoint,\n  DotDatapoint,\n  LineDatapoint,\n} from '../types/xy-chart.js';\n\ntype AnyLinearDatapoint = DotDatapoint | LineDatapoint | AreaDatapoint;\n\ntype Accessors = {\n  xAccessor: (scale: AnyXYChartScale) => (d: AnyLinearDatapoint) => number;\n  yAccessor: (scale: AnyXYChartScale) => (d: AnyLinearDatapoint) => number;\n};\n\ntype ScaleBounds = {\n  minWidth: number;\n  maxWidth: number;\n  minHeight: number;\n  maxHeight: number;\n};\n\ntype Accumulator = {\n  distance: number;\n  datapoint: AnyLinearDatapoint;\n  series: AnyLinearSeries;\n};\n\nexport function getDistance(\n  datapoint: AnyLinearDatapoint,\n  xScale: AnyXYChartScale,\n  yScale: AnyXYChartScale,\n  relativePosition: Point,\n  xAccessor: (scale: AnyXYChartScale) => (d: AnyLinearDatapoint) => number,\n  yAccessor: (scale: AnyXYChartScale) => (d: AnyLinearDatapoint) => number,\n) {\n  const xPixel = xAccessor(xScale)(datapoint);\n  const yPixel = yAccessor(yScale)(datapoint);\n\n  return distanceBetweenTwoPoints(\n    relativePosition.x,\n    xPixel,\n    relativePosition.y,\n    yPixel,\n  );\n}\n\nfunction calculateScalesBounds(\n  xScale: AnyXYChartScale,\n  yScale: AnyXYChartScale,\n): ScaleBounds {\n  const [minWidth, maxWidth] = xScale.range();\n  const yScaleRange = yScale.range();\n  const [minHeight, maxHeight] = isBandScale(yScale)\n    ? [yScaleRange[0], yScaleRange[1]]\n    : [yScaleRange[1], yScaleRange[0]];\n\n  return { minWidth, maxWidth, minHeight, maxHeight };\n}\n\n/**\n * Get the appropriate accessors for a series based on its type.\n *\n * @param seriesType - The type of the series.\n * @param seriesToMetadata - Map from series to metadata.\n * @param currentSeries - The current series.\n * @param xScale - The X scale.\n * @param yScale - The Y scale.\n * @param datapointToMetadata - Map with datapoint metadata.\n * @returns Object with xAccessor and yAccessor functions.\n */\nfunction getAccessorsForSeries(\n  seriesType: AnyLinearSeries['type'],\n  seriesToMetadata: SeriesToMetadata,\n  currentSeries: AnyLinearSeries,\n  xScale: AnyXYChartScale,\n  yScale: AnyXYChartScale,\n  datapointToMetadata: MapDatapoints,\n): Accessors {\n  if (seriesType === AREA_VARIANT) {\n    const metadata = safeGet(seriesToMetadata, currentSeries);\n    const areaMetadata = metadata as AreaMetadata;\n    const isHorizontal = areaMetadata.orientation === 'horizontal';\n    const isBand = areaMetadata.variant === 'band';\n\n    const [xAccessorFn, yAccessorFn] = getAreaAccessors(\n      isHorizontal,\n      isBand,\n      xScale,\n      yScale,\n      datapointToMetadata,\n    );\n\n    return {\n      xAccessor: (_scale) => xAccessorFn,\n      yAccessor: (_scale) => yAccessorFn,\n    };\n  }\n\n  return {\n    xAccessor: LINEAR_ACCESSORS[seriesType].x as (\n      scale: AnyXYChartScale,\n    ) => (d: AnyLinearDatapoint) => number,\n    yAccessor: LINEAR_ACCESSORS[seriesType].y as (\n      scale: AnyXYChartScale,\n    ) => (d: AnyLinearDatapoint) => number,\n  };\n}\n\n/**\n * Check if a datapoint is within the scale bounds.\n *\n * @param xPixel - X coordinate of the datapoint.\n * @param yPixel - Y coordinate of the datapoint.\n * @param bounds - Scale bounds.\n * @returns True if the datapoint is out of bounds.\n */\nfunction isDatapointOutOfBounds(\n  xPixel: number,\n  yPixel: number,\n  bounds: ScaleBounds,\n): boolean {\n  const { minWidth, maxWidth, minHeight, maxHeight } = bounds;\n  return (\n    xPixel < minWidth ||\n    xPixel > maxWidth ||\n    yPixel < minHeight ||\n    yPixel > maxHeight\n  );\n}\n\n/**\n * Find the closest datapoint within a single series.\n *\n * @param data - Array of datapoints to search.\n * @param xScale - X scale.\n * @param yScale - Y scale.\n * @param relativePosition - The position to find closest datapoint to.\n * @param accessors - Accessor functions.\n * @param bounds - Scale bounds.\n * @param currentAccumulator - Current best match to compare against.\n * @returns Updated accumulator with the closest datapoint, or undefined if none found within radius.\n */\nfunction findClosestInSeriesData(\n  data: AnyLinearDatapoint[],\n  xScale: AnyXYChartScale,\n  yScale: AnyXYChartScale,\n  relativePosition: Point,\n  accessors: Accessors,\n  bounds: ScaleBounds,\n  currentAccumulator: Accumulator,\n): Accumulator | undefined {\n  let bestInSeries = currentAccumulator;\n\n  let datapointIndex = 0;\n  while (datapointIndex < data.length) {\n    const datapoint = data[datapointIndex];\n\n    const xPixel = accessors.xAccessor(xScale)(datapoint);\n    const yPixel = accessors.yAccessor(yScale)(datapoint);\n\n    if (isDatapointOutOfBounds(xPixel, yPixel, bounds)) {\n      datapointIndex += 1;\n      continue;\n    }\n\n    const distance = getDistance(\n      datapoint,\n      xScale,\n      yScale,\n      relativePosition,\n      accessors.xAccessor,\n      accessors.yAccessor,\n    );\n\n    if (distance < bestInSeries.distance) {\n      bestInSeries = {\n        distance,\n        datapoint,\n        series: currentAccumulator.series,\n      };\n    }\n\n    if (distance <= DEFAULT_DATA_POINT_RADIUS) {\n      return bestInSeries;\n    }\n\n    datapointIndex += 1;\n  }\n\n  return bestInSeries.distance < currentAccumulator.distance\n    ? bestInSeries\n    : undefined;\n}\n\nexport function getClosestDatapoint(\n  relativePosition: Point,\n  series: AnyLinearSeries[],\n  axisIdToScales: AxisIdToScales,\n  seriesToMetadata: SeriesToMetadata,\n  datapointToMetadata: MapDatapoints,\n) {\n  if (!series.length) {\n    return undefined;\n  }\n\n  const initialAccumulator: Accumulator = {\n    distance: Infinity,\n    datapoint: {} as AnyLinearDatapoint,\n    series: {} as AnyLinearSeries,\n  };\n\n  let bestMatch = initialAccumulator;\n\n  let seriesIndex = series.length - 1;\n  while (seriesIndex >= 0) {\n    const currentSeries = series[seriesIndex];\n    const { data, xAxisId, yAxisId, type } = currentSeries;\n\n    const xScale = getCurrentScale(axisIdToScales, xAxisId);\n    const yScale = getCurrentScale(axisIdToScales, yAxisId);\n    const accessors = getAccessorsForSeries(\n      type,\n      seriesToMetadata,\n      currentSeries,\n      xScale,\n      yScale,\n      datapointToMetadata,\n    );\n\n    const bounds = calculateScalesBounds(xScale, yScale);\n\n    const seriesAccumulator: Accumulator = {\n      ...initialAccumulator,\n      series: currentSeries,\n    };\n\n    const updatedAccumulator = findClosestInSeriesData(\n      data,\n      xScale,\n      yScale,\n      relativePosition,\n      accessors,\n      bounds,\n      seriesAccumulator,\n    );\n\n    if (updatedAccumulator) {\n      bestMatch = updatedAccumulator;\n      if (updatedAccumulator.distance <= DEFAULT_DATA_POINT_RADIUS) {\n        break;\n      }\n    }\n\n    seriesIndex -= 1;\n  }\n\n  if (isEmpty(bestMatch.datapoint) || isEmpty(bestMatch.series)) {\n    return undefined;\n  }\n\n  return {\n    datapoint: bestMatch.datapoint,\n    series: bestMatch.series,\n    distance: bestMatch.distance,\n  };\n}\n\nexport function buildQueryGetClosestPoint(\n  axisIdToScales: AxisIdToScales,\n  seriesToMetadata: SeriesToMetadata,\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    if (isEmpty(arrayOfSeries)) {\n      return undefined;\n    }\n\n    const closest = getClosestDatapoint(\n      position,\n      arrayOfSeries,\n      axisIdToScales,\n      seriesToMetadata,\n      datapointToMetadata,\n    );\n\n    if (!closest) {\n      return undefined;\n    }\n\n    return {\n      type: closest.series.type,\n      distance: closest?.distance,\n      datapoint: closest?.datapoint,\n      series: closest?.series,\n    } as DotSeriesQueryResult | LineSeriesQueryResult | AreaSeriesQueryResult;\n  }\n\n  return query;\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { isEmpty } from 'lodash-es';\n\nimport {\n  getLinearAccessors,\n  type AnyLinearAccessors,\n  type AnyLinearDatapoint,\n} from './get-linear-accessors.js';\nimport { getCurrentScale } from './get-scale.js';\nimport { distanceBetweenTwoPoints } from './query-closest-quadtree.js';\nimport { relAccessor } from './value-representation.js';\nimport { DEFAULT_DATA_POINT_RADIUS } from '../../core/constants.js';\nimport type { Point } from '../../core/types/point.js';\nimport { isBandScale } from '../../core/utils/detect-scale.js';\nimport { safeGet } from '../../core/utils/safe-get.js';\nimport type {\n  AreaSeriesQueryResult,\n  DotSeriesQueryResult,\n  LineSeriesQueryResult,\n} from '../context/XYChartOverlayPerformance.context.js';\nimport type { AxisIdToScales } from '../context/XYChartScales.context.js';\nimport {\n  type AnyLinearSeries,\n  type AnyXYChartScale,\n  type AreaSeriesWithDatapoints,\n  type AxisIdToScaleDomain,\n  type DotSeriesWithDatapoints,\n  type LineSeriesWithDatapoints,\n  type MapDatapoints,\n  type SeriesToMetadata,\n} from '../types/xy-chart-internals.js';\n\ntype RelAccessorFn = ((value: number) => number) | undefined;\n\ntype ScaleBounds = {\n  minWidth: number;\n  maxWidth: number;\n  minHeight: number;\n  maxHeight: number;\n};\n\ntype Accumulator = {\n  distance: number;\n  datapoint: AnyLinearDatapoint;\n  series: AnyLinearSeries;\n};\n\nexport function getDistance(\n  datapoint: AnyLinearDatapoint,\n  xScale: AnyXYChartScale,\n  yScale: AnyXYChartScale,\n  relativePosition: Point,\n  xAccessor: (scale: AnyXYChartScale) => (d: AnyLinearDatapoint) => number,\n  yAccessor: (scale: AnyXYChartScale) => (d: AnyLinearDatapoint) => number,\n) {\n  const xPixel = xAccessor(xScale)(datapoint);\n  const yPixel = yAccessor(yScale)(datapoint);\n\n  return distanceBetweenTwoPoints(\n    relativePosition.x,\n    xPixel,\n    relativePosition.y,\n    yPixel,\n  );\n}\n\nfunction calculateScalesBounds(\n  xScale: AnyXYChartScale,\n  yScale: AnyXYChartScale,\n): ScaleBounds {\n  const [minWidth, maxWidth] = xScale.range();\n  const yScaleRange = yScale.range();\n  const [minHeight, maxHeight] = isBandScale(yScale)\n    ? [yScaleRange[0], yScaleRange[1]]\n    : [yScaleRange[1], yScaleRange[0]];\n\n  return { minWidth, maxWidth, minHeight, maxHeight };\n}\n\n/**\n * Get the appropriate accessors for a series based on its type.\n *\n * @param seriesType - The type of the series.\n * @param seriesToMetadata - Map from series to metadata.\n * @param currentSeries - The current series.\n * @param xScale - The X scale.\n * @param yScale - The Y scale.\n * @param datapointToMetadata - Map with datapoint metadata.\n * @returns Object with xAccessor and yAccessor functions.\n */\nfunction getAccessorsForSeries(\n  seriesType: AnyLinearSeries['type'],\n  seriesToMetadata: SeriesToMetadata,\n  currentSeries: AnyLinearSeries,\n  datapointToMetadata: MapDatapoints,\n  xRelAccessor: RelAccessorFn,\n  yRelAccessor: RelAccessorFn,\n): AnyLinearAccessors {\n  const metadata = safeGet(seriesToMetadata, currentSeries);\n\n  return getLinearAccessors(\n    seriesType,\n    metadata,\n    datapointToMetadata,\n    xRelAccessor,\n    yRelAccessor,\n  );\n}\n\n/**\n * Check if a datapoint is within the scale bounds.\n *\n * @param xPixel - X coordinate of the datapoint.\n * @param yPixel - Y coordinate of the datapoint.\n * @param bounds - Scale bounds.\n * @returns True if the datapoint is out of bounds.\n */\nfunction isDatapointOutOfBounds(\n  xPixel: number,\n  yPixel: number,\n  bounds: ScaleBounds,\n): boolean {\n  const { minWidth, maxWidth, minHeight, maxHeight } = bounds;\n  return (\n    xPixel < minWidth ||\n    xPixel > maxWidth ||\n    yPixel < minHeight ||\n    yPixel > maxHeight\n  );\n}\n\n/**\n * Find the closest datapoint within a single series.\n *\n * @param data - Array of datapoints to search.\n * @param xScale - X scale.\n * @param yScale - Y scale.\n * @param relativePosition - The position to find closest datapoint to.\n * @param accessors - Accessor functions.\n * @param bounds - Scale bounds.\n * @param currentAccumulator - Current best match to compare against.\n * @returns Updated accumulator with the closest datapoint, or undefined if none found within radius.\n */\nfunction findClosestInSeriesData(\n  data: AnyLinearDatapoint[],\n  xScale: AnyXYChartScale,\n  yScale: AnyXYChartScale,\n  relativePosition: Point,\n  accessors: AnyLinearAccessors,\n  bounds: ScaleBounds,\n  currentAccumulator: Accumulator,\n): Accumulator | undefined {\n  let bestInSeries = currentAccumulator;\n\n  let datapointIndex = 0;\n  while (datapointIndex < data.length) {\n    const datapoint = data[datapointIndex];\n\n    const xPixel = accessors.xAccessor(xScale)(datapoint);\n    const yPixel = accessors.yAccessor(yScale)(datapoint);\n\n    if (isDatapointOutOfBounds(xPixel, yPixel, bounds)) {\n      datapointIndex += 1;\n      continue;\n    }\n\n    const distance = getDistance(\n      datapoint,\n      xScale,\n      yScale,\n      relativePosition,\n      accessors.xAccessor,\n      accessors.yAccessor,\n    );\n\n    if (distance < bestInSeries.distance) {\n      bestInSeries = {\n        distance,\n        datapoint,\n        series: currentAccumulator.series,\n      };\n    }\n\n    if (distance <= DEFAULT_DATA_POINT_RADIUS) {\n      return bestInSeries;\n    }\n\n    datapointIndex += 1;\n  }\n\n  return bestInSeries.distance < currentAccumulator.distance\n    ? bestInSeries\n    : undefined;\n}\n\nexport function getClosestDatapoint(\n  relativePosition: Point,\n  series: AnyLinearSeries[],\n  axisIdToScales: AxisIdToScales,\n  seriesToMetadata: SeriesToMetadata,\n  datapointToMetadata: MapDatapoints,\n  axisIdToScaleDomain?: AxisIdToScaleDomain,\n) {\n  if (!series.length) {\n    return undefined;\n  }\n\n  const initialAccumulator: Accumulator = {\n    distance: Infinity,\n    datapoint: {} as AnyLinearDatapoint,\n    series: {} as AnyLinearSeries,\n  };\n\n  let bestMatch = initialAccumulator;\n\n  let seriesIndex = series.length - 1;\n  while (seriesIndex >= 0) {\n    const currentSeries = series[seriesIndex];\n    const { data, xAxisId, yAxisId, type } = currentSeries;\n\n    const xScale = getCurrentScale(axisIdToScales, xAxisId);\n    const yScale = getCurrentScale(axisIdToScales, yAxisId);\n    const seriesMetadata = safeGet(seriesToMetadata, currentSeries);\n    const xRelAccessor = axisIdToScaleDomain\n      ? relAccessor(seriesMetadata.xAxis, axisIdToScaleDomain)\n      : undefined;\n    const yRelAccessor = axisIdToScaleDomain\n      ? relAccessor(seriesMetadata.yAxis, axisIdToScaleDomain)\n      : undefined;\n    const accessors = getAccessorsForSeries(\n      type,\n      seriesToMetadata,\n      currentSeries,\n      datapointToMetadata,\n      xRelAccessor,\n      yRelAccessor,\n    );\n\n    const bounds = calculateScalesBounds(xScale, yScale);\n\n    const seriesAccumulator: Accumulator = {\n      ...initialAccumulator,\n      series: currentSeries,\n    };\n\n    const updatedAccumulator = findClosestInSeriesData(\n      data,\n      xScale,\n      yScale,\n      relativePosition,\n      accessors,\n      bounds,\n      seriesAccumulator,\n    );\n\n    if (updatedAccumulator) {\n      bestMatch = updatedAccumulator;\n      if (updatedAccumulator.distance <= DEFAULT_DATA_POINT_RADIUS) {\n        break;\n      }\n    }\n\n    seriesIndex -= 1;\n  }\n\n  if (isEmpty(bestMatch.datapoint) || isEmpty(bestMatch.series)) {\n    return undefined;\n  }\n\n  return {\n    datapoint: bestMatch.datapoint,\n    series: bestMatch.series,\n    distance: bestMatch.distance,\n  };\n}\n\nexport function buildQueryGetClosestPoint(\n  axisIdToScales: AxisIdToScales,\n  seriesToMetadata: SeriesToMetadata,\n  datapointToMetadata: MapDatapoints,\n  axisIdToScaleDomain?: AxisIdToScaleDomain,\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    if (isEmpty(arrayOfSeries)) {\n      return undefined;\n    }\n\n    const closest = getClosestDatapoint(\n      position,\n      arrayOfSeries,\n      axisIdToScales,\n      seriesToMetadata,\n      datapointToMetadata,\n      axisIdToScaleDomain,\n    );\n\n    if (!closest) {\n      return undefined;\n    }\n\n    return {\n      type: closest.series.type,\n      distance: closest?.distance,\n      datapoint: closest?.datapoint,\n      series: closest?.series,\n    } as DotSeriesQueryResult | LineSeriesQueryResult | AreaSeriesQueryResult;\n  }\n\n  return query;\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/charts/xy-chart/utils/resolve-area-accessor-key.js

@@ -0,0 +1,7 @@
+function resolveAreaAccessKey(variant, orientation) {
+  return `${variant}${orientation}`;
+}
+export {
+  resolveAreaAccessKey
+};
+//# sourceMappingURL=resolve-area-accessor-key.js.map

package/esm/charts/xy-chart/utils/resolve-area-accessor-key.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/charts/xy-chart/utils/resolve-area-accessor-key.ts"],
+  "sourcesContent": ["import type { Orientation } from '../../core/components/canvas/types/canvas-shape.js';\nimport type { LINEAR_ACCESSORS } from '../components/displays/index.js';\nimport type { XYChartAreaVariant } from '../types/xy-chart-internals.js';\n\nexport function resolveAreaAccessKey(\n  variant: XYChartAreaVariant,\n  orientation: Orientation,\n): keyof typeof LINEAR_ACCESSORS {\n  return `${variant}${orientation}`;\n}\n"],
+  "mappings": "AAIO,SAAS,qBACd,SACA,aAC+B;AAC/B,SAAO,GAAG,OAAO,GAAG,WAAW;AACjC;",
+  "names": []
+}

package/esm/charts/xy-chart/utils/type-guards.js

@@ -119,6 +119,12 @@ const isStringOrValidNumber = (value) => {
 function isValidName(value) {
   return value !== null && value !== void 0 && !Number.isNaN(value);
 }
+function isHorizontalAreaAccessors(accessors) {
+  return accessors.x.length === 4;
+}
+function isVerticalAreaAccessors(accessors) {
+  return accessors.y.length === 4;
+}
 export {
   isAreaSeries,
   isAreaTooltipContent,
@@ -134,6 +140,7 @@ export {
   isCategoricalTooltip,
   isDotSeries,
   isDotTooltipContent,
+  isHorizontalAreaAccessors,
   isLineSeries,
   isLineTooltipContent,
   isNumericalAreaScale,
@@ -154,6 +161,7 @@ export {
   isTimeLineScale,
   isTimeRectScale,
   isTimeTooltip,
-  isValidName
+  isValidName,
+  isVerticalAreaAccessors
 };
 //# sourceMappingURL=type-guards.js.map

package/esm/charts/xy-chart/utils/type-guards.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/xy-chart/utils/type-guards.ts"],
-  "sourcesContent": ["import {\n  DateTimeFormatter,\n  FormatterWithPrecision,\n  type TimeFrameFormatter,\n} from '../../core/types/formatter.js';\nimport { ScaleTypesMap } from '../types/scale-types-map.js';\nimport type {\n  AreaSeriesContent,\n  DotSeriesContent,\n  LineSeriesContent,\n  XYChartExploreState,\n} from '../types/state.js';\nimport {\n  AnyXYChartScale,\n  AREA_VARIANT,\n  type AreaMetadata,\n  type AreaSeriesWithDatapoints,\n  BAR_VARIANT,\n  type BarMetadata,\n  type BarSeriesWithDatapoints,\n  type BaseMetadata,\n  DOT_VARIANT,\n  type DotMetadata,\n  DotSeriesWithDatapoints,\n  LINE_VARIANT,\n  type LineMetadata,\n  type LineSeriesWithDatapoints,\n  RECT_VARIANT,\n  type RectDatapointInternal,\n  type RectMetadata,\n  RectSeriesWithDatapoints,\n  type XYChartAreaSeriesInternal,\n  type XYChartBarSeriesInternal,\n  XYChartDotSeriesInternal,\n  type XYChartLineSeriesInternal,\n  XYChartRectSeriesInternal,\n  XYChartSeriesWithDatapoints,\n  XYChartVariantsInternal,\n  type XYValueAccessorDataTypes,\n} from '../types/xy-chart-internals.js';\nimport {\n  type AreaDatapoint,\n  type BarDatapoint,\n  type DotDatapoint,\n  type LineDatapoint,\n  type RectDatapoint,\n  XYAccessorDataTypes,\n} from '../types/xy-chart.js';\n\ninterface BaseGuard {\n  v0: XYAccessorDataTypes;\n}\n\nfunction isNumerical<T extends BaseGuard>(args: T): args is T {\n  return typeof args.v0 === 'number';\n}\n\nfunction isCategorical<T extends BaseGuard>(args: T): args is T {\n  return typeof args.v0 === 'string';\n}\n\nfunction isTime<T extends BaseGuard>(args: T): args is T {\n  return args.v0 instanceof Date;\n}\n\ninterface HoveringPointGuard extends BaseGuard {\n  scale: AnyXYChartScale;\n}\n\nexport function isNumericalHoveringPoint(\n  args: HoveringPointGuard,\n): args is ScaleTypesMap['numerical.linear']['hoveringPoint'] {\n  return isNumerical(args);\n}\n\nexport function isTimeHoveringPoint(\n  args: HoveringPointGuard,\n): args is ScaleTypesMap['time']['hoveringPoint'] {\n  return isTime(args);\n}\n\nexport function isCategoricalHoveringPoint(\n  args: HoveringPointGuard,\n): args is ScaleTypesMap['categorical']['hoveringPoint'] {\n  return isCategorical(args);\n}\n\ninterface DotSeriesScaleGuard extends BaseGuard {\n  v1: Date | undefined;\n  scale: AnyXYChartScale;\n}\n\nexport function isNumericalDotScale(\n  args: DotSeriesScaleGuard,\n): args is ScaleTypesMap['numerical.linear']['dotScale'] {\n  return isNumerical(args);\n}\n\nexport function isTimeDotScale(\n  args: DotSeriesScaleGuard,\n): args is ScaleTypesMap['time']['dotScale'] {\n  return isTime(args);\n}\n\nexport function isCategoricalDotScale(\n  args: DotSeriesScaleGuard,\n): args is ScaleTypesMap['categorical']['dotScale'] {\n  return isCategorical(args);\n}\n\ninterface RectScaleGuard extends BaseGuard {\n  scale: AnyXYChartScale;\n  v1: XYAccessorDataTypes | undefined;\n}\nexport function isNumericalRectScale(\n  args: RectScaleGuard,\n): args is ScaleTypesMap['numerical.linear']['rectScale'] {\n  return isNumerical(args);\n}\n\nexport function isTimeRectScale(\n  args: RectScaleGuard,\n): args is ScaleTypesMap['time']['rectScale'] {\n  return isTime(args);\n}\n\nexport function isCategoricalRectScale(\n  args: RectScaleGuard,\n): args is ScaleTypesMap['categorical']['rectScale'] {\n  return isCategorical(args);\n}\n\ninterface LineSeriesScaleGuard extends BaseGuard {\n  v1: Date | undefined;\n  scale: AnyXYChartScale;\n}\n\nexport function isNumericalLineScale(\n  args: LineSeriesScaleGuard,\n): args is ScaleTypesMap['numerical.linear']['lineScale'] {\n  return isNumerical(args);\n}\n\nexport function isTimeLineScale(\n  args: LineSeriesScaleGuard,\n): args is ScaleTypesMap['time']['lineScale'] {\n  return isTime(args);\n}\n\nexport function isCategoricalLineScale(\n  args: LineSeriesScaleGuard,\n): args is ScaleTypesMap['categorical']['lineScale'] {\n  return isCategorical(args);\n}\n\ninterface BarSeriesScaleGuard {\n  v0: XYAccessorDataTypes | undefined;\n  v1: XYAccessorDataTypes | undefined;\n  scale: AnyXYChartScale;\n}\n\nexport function isNumericalBarScale(\n  args: BarSeriesScaleGuard,\n): args is ScaleTypesMap['numerical.linear']['barScale'] {\n  return typeof args.v0 === 'number' || typeof args.v1 === 'number';\n}\n\nexport function isTimeBarScale(\n  args: BarSeriesScaleGuard,\n): args is ScaleTypesMap['time']['barScale'] {\n  return args.v0 instanceof Date || args.v1 instanceof Date;\n}\n\nexport function isCategoricalBarScale(\n  args: BarSeriesScaleGuard,\n): args is ScaleTypesMap['categorical']['barScale'] {\n  return typeof args.v0 === 'string' || typeof args.v1 === 'string';\n}\n\ninterface AreaSeriesScaleGuard {\n  v0: XYAccessorDataTypes | undefined;\n  v1: XYAccessorDataTypes | undefined;\n  scale: AnyXYChartScale;\n}\n\nexport function isNumericalAreaScale(\n  args: AreaSeriesScaleGuard,\n): args is ScaleTypesMap['numerical.linear']['areaScale'] {\n  return typeof args.v0 === 'number' || typeof args.v1 === 'number';\n}\n\nexport function isTimeAreaScale(\n  args: AreaSeriesScaleGuard,\n): args is ScaleTypesMap['time']['areaScale'] {\n  return args.v0 instanceof Date || args.v1 instanceof Date;\n}\n\nexport function isCategoricalAreaScale(\n  args: AreaSeriesScaleGuard,\n): args is ScaleTypesMap['categorical']['areaScale'] {\n  return typeof args.v0 === 'string' || typeof args.v1 === 'string';\n}\n\nexport type TooltipGuard = BaseGuard &\n  (\n    | {\n        formatter:\n          | FormatterWithPrecision\n          | DateTimeFormatter\n          | TimeFrameFormatter\n          | undefined;\n      }\n    | {\n        formatter:\n          | FormatterWithPrecision\n          | DateTimeFormatter\n          | TimeFrameFormatter\n          | undefined;\n        v1: XYAccessorDataTypes;\n      }\n  );\n\nexport function isNumericalToolTip<\n  T1 extends TooltipGuard,\n  T2 extends T1 & ScaleTypesMap['numerical.linear']['tooltip'],\n>(args: T1): args is Pick<T2, keyof T1> {\n  return isNumerical(args);\n}\n\nexport function isTimeTooltip<\n  T1 extends TooltipGuard,\n  T2 extends T1 & ScaleTypesMap['time']['tooltip'],\n>(args: T1): args is Pick<T2, keyof T1> {\n  return isTime(args);\n}\n\nexport type TooltipContextHoveredPoints = {\n  series: HoveredSeries;\n  datapoint: HoveredDatapoint<HoveredSeries>;\n  metadata: HoveredMetadata<HoveredSeries>;\n};\n\ntype RectTooltipContext = {\n  series: RectSeriesWithDatapoints;\n  datapoint: RectDatapoint;\n  metadata: RectMetadata;\n};\n\ntype BarTooltipContext = {\n  series: BarSeriesWithDatapoints;\n  datapoint: BarDatapoint;\n  metadata: BarMetadata;\n};\n\nexport type TooltipContextClosestPoints = {\n  series: ClosestSeries;\n  datapoint: ClosestDatapoint<ClosestSeries>;\n  metadata: ClosestMetadata<ClosestSeries>;\n};\n\ntype AreaTooltipContext = {\n  series: AreaSeriesWithDatapoints;\n  datapoint: AreaDatapoint;\n  metadata: AreaMetadata;\n};\n\nexport function isCategoricalTooltip<\n  T1 extends TooltipGuard,\n  T2 extends T1 & ScaleTypesMap['categorical']['tooltip'],\n>(args: T1): args is Pick<T2, keyof T1> {\n  return isCategorical(args);\n}\n\nexport function isRectSeries(\n  series: XYChartVariantsInternal,\n): series is XYChartRectSeriesInternal;\n\nexport function isRectSeries(\n  series: XYChartSeriesWithDatapoints,\n): series is RectSeriesWithDatapoints;\n\nexport function isRectSeries(\n  series: XYChartVariantsInternal | XYChartSeriesWithDatapoints,\n): series is XYChartRectSeriesInternal | RectSeriesWithDatapoints {\n  return series.type === RECT_VARIANT;\n}\n\nexport function isDotSeries(\n  series: XYChartVariantsInternal,\n): series is XYChartDotSeriesInternal;\n\nexport function isDotSeries(\n  series: XYChartSeriesWithDatapoints,\n): series is DotSeriesWithDatapoints;\n\nexport function isDotSeries(\n  series: XYChartVariantsInternal | XYChartSeriesWithDatapoints,\n): series is XYChartDotSeriesInternal | DotSeriesWithDatapoints {\n  return series.type === DOT_VARIANT;\n}\n\nexport function isLineSeries(\n  series: XYChartVariantsInternal,\n): series is XYChartLineSeriesInternal;\n\nexport function isLineSeries(\n  series: XYChartSeriesWithDatapoints,\n): series is LineSeriesWithDatapoints;\n\nexport function isLineSeries(\n  series: XYChartVariantsInternal | XYChartSeriesWithDatapoints,\n): series is XYChartLineSeriesInternal | LineSeriesWithDatapoints {\n  return series.type === LINE_VARIANT;\n}\n\nexport function isBarSeries(\n  series: XYChartVariantsInternal,\n): series is XYChartBarSeriesInternal;\n\nexport function isBarSeries(\n  series: XYChartSeriesWithDatapoints,\n): series is BarSeriesWithDatapoints;\n\nexport function isBarSeries(\n  series: XYChartVariantsInternal | XYChartSeriesWithDatapoints,\n): series is XYChartBarSeriesInternal | BarSeriesWithDatapoints {\n  return series.type === BAR_VARIANT;\n}\n\nexport function isAreaSeries(\n  series: XYChartVariantsInternal,\n): series is XYChartAreaSeriesInternal;\n\nexport function isAreaSeries(\n  series: XYChartSeriesWithDatapoints,\n): series is AreaSeriesWithDatapoints;\n\nexport function isAreaSeries(\n  series: XYChartVariantsInternal | XYChartSeriesWithDatapoints,\n): series is XYChartAreaSeriesInternal | AreaSeriesWithDatapoints {\n  return series.type === AREA_VARIANT;\n}\n\nexport function isRectTooltipContext(\n  context: TooltipContextHoveredPoints,\n): context is RectTooltipContext {\n  return context.series.type === 'rect' && !!context.metadata;\n}\n\nexport function isBarTooltipContext(\n  context: TooltipContextHoveredPoints,\n): context is BarTooltipContext {\n  return context.series.type === 'bar' && !!context.metadata;\n}\n\nexport function isAreaTooltipContext(\n  context: TooltipContextClosestPoints,\n): context is AreaTooltipContext {\n  return context.series.type === 'area' && !!context.metadata;\n}\n\nexport function isDotTooltipContent(\n  content: XYChartExploreState['content'],\n): content is DotSeriesContent {\n  return content?.series?.type === DOT_VARIANT;\n}\n\nexport function isLineTooltipContent(\n  content: XYChartExploreState['content'],\n): content is LineSeriesContent {\n  return content?.series?.type === LINE_VARIANT;\n}\n\nexport function isAreaTooltipContent(\n  content: XYChartExploreState['content'],\n): content is AreaSeriesContent {\n  return content?.series?.type === AREA_VARIANT;\n}\n\nexport function isRectDatapoint(\n  datapoint:\n    | RectDatapointInternal\n    | DotDatapoint\n    | LineDatapoint\n    | BarDatapoint,\n): datapoint is RectDatapointInternal {\n  return 'value' in datapoint;\n}\n\nexport const isStringOrValidNumber = (\n  value: XYValueAccessorDataTypes,\n): value is string | number => {\n  return (\n    typeof value === 'string' ||\n    (typeof value === 'number' && !Number.isNaN(value))\n  );\n};\n\nexport function isValidName(\n  value: XYAccessorDataTypes | boolean | null | undefined,\n): value is XYAccessorDataTypes | boolean {\n  return value !== null && value !== undefined && !Number.isNaN(value);\n}\n\n// Hovered series types (bar and rect)\nexport type HoveredSeries = BarSeriesWithDatapoints | RectSeriesWithDatapoints;\n\nexport type HoveredDatapoint<T extends HoveredSeries> =\n  T extends BarSeriesWithDatapoints ? BarDatapoint : RectDatapointInternal;\n\nexport type HoveredMetadata<T extends HoveredSeries> =\n  T extends BarSeriesWithDatapoints\n    ? BaseMetadata & Partial<BarMetadata>\n    : BaseMetadata & Partial<RectMetadata>;\n\nexport type HoveredSeriesToMetadata<T extends HoveredSeries> = Map<\n  T,\n  HoveredMetadata<T>\n>;\n\nexport type ClosestSeries =\n  | DotSeriesWithDatapoints\n  | LineSeriesWithDatapoints\n  | AreaSeriesWithDatapoints;\n\nexport type ClosestDatapoint<T extends ClosestSeries> =\n  T extends DotSeriesWithDatapoints\n    ? DotDatapoint\n    : T extends LineSeriesWithDatapoints\n    ? LineDatapoint\n    : AreaDatapoint;\n\nexport type ClosestMetadata<T extends ClosestSeries> =\n  T extends DotSeriesWithDatapoints\n    ? BaseMetadata & Partial<DotMetadata>\n    : T extends LineSeriesWithDatapoints\n    ? BaseMetadata & Partial<LineMetadata>\n    : BaseMetadata & Partial<AreaMetadata>;\n\nexport type ClosestSeriesToMetadata<T extends ClosestSeries> = Map<\n  T,\n  ClosestMetadata<T>\n>;\n"],
-  "mappings": "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",
+  "sourcesContent": ["import {\n  DateTimeFormatter,\n  FormatterWithPrecision,\n  type TimeFrameFormatter,\n} from '../../core/types/formatter.js';\nimport { ScaleTypesMap } from '../types/scale-types-map.js';\nimport type {\n  AreaSeriesContent,\n  DotSeriesContent,\n  LineSeriesContent,\n  XYChartExploreState,\n} from '../types/state.js';\nimport {\n  AnyXYChartScale,\n  type AREA_HORIZONTAL,\n  AREA_VARIANT,\n  type AREA_VERTICAL,\n  type AreaMetadata,\n  type AreaSeriesWithDatapoints,\n  type BAND_HORIZONTAL,\n  type BAND_VERTICAL,\n  BAR_VARIANT,\n  type BarMetadata,\n  type BarSeriesWithDatapoints,\n  type BaseMetadata,\n  DOT_VARIANT,\n  type DotMetadata,\n  DotSeriesWithDatapoints,\n  LINE_VARIANT,\n  type LineMetadata,\n  type LineSeriesWithDatapoints,\n  type MapDatapoints,\n  RECT_VARIANT,\n  type RectDatapointInternal,\n  type RectMetadata,\n  RectSeriesWithDatapoints,\n  type XYChartAreaSeriesInternal,\n  type XYChartBarSeriesInternal,\n  XYChartDotSeriesInternal,\n  type XYChartLineSeriesInternal,\n  XYChartRectSeriesInternal,\n  XYChartSeriesWithDatapoints,\n  XYChartVariantsInternal,\n  type XYValueAccessorDataTypes,\n} from '../types/xy-chart-internals.js';\nimport {\n  type AreaDatapoint,\n  type BarDatapoint,\n  type DotDatapoint,\n  type LineDatapoint,\n  type RectDatapoint,\n  XYAccessorDataTypes,\n} from '../types/xy-chart.js';\n\ninterface BaseGuard {\n  v0: XYAccessorDataTypes;\n}\n\nfunction isNumerical<T extends BaseGuard>(args: T): args is T {\n  return typeof args.v0 === 'number';\n}\n\nfunction isCategorical<T extends BaseGuard>(args: T): args is T {\n  return typeof args.v0 === 'string';\n}\n\nfunction isTime<T extends BaseGuard>(args: T): args is T {\n  return args.v0 instanceof Date;\n}\n\ninterface HoveringPointGuard extends BaseGuard {\n  scale: AnyXYChartScale;\n}\n\nexport function isNumericalHoveringPoint(\n  args: HoveringPointGuard,\n): args is ScaleTypesMap['numerical.linear']['hoveringPoint'] {\n  return isNumerical(args);\n}\n\nexport function isTimeHoveringPoint(\n  args: HoveringPointGuard,\n): args is ScaleTypesMap['time']['hoveringPoint'] {\n  return isTime(args);\n}\n\nexport function isCategoricalHoveringPoint(\n  args: HoveringPointGuard,\n): args is ScaleTypesMap['categorical']['hoveringPoint'] {\n  return isCategorical(args);\n}\n\ninterface DotSeriesScaleGuard extends BaseGuard {\n  v1: Date | undefined;\n  scale: AnyXYChartScale;\n}\n\nexport function isNumericalDotScale(\n  args: DotSeriesScaleGuard,\n): args is ScaleTypesMap['numerical.linear']['dotScale'] {\n  return isNumerical(args);\n}\n\nexport function isTimeDotScale(\n  args: DotSeriesScaleGuard,\n): args is ScaleTypesMap['time']['dotScale'] {\n  return isTime(args);\n}\n\nexport function isCategoricalDotScale(\n  args: DotSeriesScaleGuard,\n): args is ScaleTypesMap['categorical']['dotScale'] {\n  return isCategorical(args);\n}\n\ninterface RectScaleGuard extends BaseGuard {\n  scale: AnyXYChartScale;\n  v1: XYAccessorDataTypes | undefined;\n}\nexport function isNumericalRectScale(\n  args: RectScaleGuard,\n): args is ScaleTypesMap['numerical.linear']['rectScale'] {\n  return isNumerical(args);\n}\n\nexport function isTimeRectScale(\n  args: RectScaleGuard,\n): args is ScaleTypesMap['time']['rectScale'] {\n  return isTime(args);\n}\n\nexport function isCategoricalRectScale(\n  args: RectScaleGuard,\n): args is ScaleTypesMap['categorical']['rectScale'] {\n  return isCategorical(args);\n}\n\ninterface LineSeriesScaleGuard extends BaseGuard {\n  v1: Date | undefined;\n  scale: AnyXYChartScale;\n}\n\nexport function isNumericalLineScale(\n  args: LineSeriesScaleGuard,\n): args is ScaleTypesMap['numerical.linear']['lineScale'] {\n  return isNumerical(args);\n}\n\nexport function isTimeLineScale(\n  args: LineSeriesScaleGuard,\n): args is ScaleTypesMap['time']['lineScale'] {\n  return isTime(args);\n}\n\nexport function isCategoricalLineScale(\n  args: LineSeriesScaleGuard,\n): args is ScaleTypesMap['categorical']['lineScale'] {\n  return isCategorical(args);\n}\n\ninterface BarSeriesScaleGuard {\n  v0: XYAccessorDataTypes | undefined;\n  v1: XYAccessorDataTypes | undefined;\n  scale: AnyXYChartScale;\n}\n\nexport function isNumericalBarScale(\n  args: BarSeriesScaleGuard,\n): args is ScaleTypesMap['numerical.linear']['barScale'] {\n  return typeof args.v0 === 'number' || typeof args.v1 === 'number';\n}\n\nexport function isTimeBarScale(\n  args: BarSeriesScaleGuard,\n): args is ScaleTypesMap['time']['barScale'] {\n  return args.v0 instanceof Date || args.v1 instanceof Date;\n}\n\nexport function isCategoricalBarScale(\n  args: BarSeriesScaleGuard,\n): args is ScaleTypesMap['categorical']['barScale'] {\n  return typeof args.v0 === 'string' || typeof args.v1 === 'string';\n}\n\ninterface AreaSeriesScaleGuard {\n  v0: XYAccessorDataTypes | undefined;\n  v1: XYAccessorDataTypes | undefined;\n  scale: AnyXYChartScale;\n}\n\nexport function isNumericalAreaScale(\n  args: AreaSeriesScaleGuard,\n): args is ScaleTypesMap['numerical.linear']['areaScale'] {\n  return typeof args.v0 === 'number' || typeof args.v1 === 'number';\n}\n\nexport function isTimeAreaScale(\n  args: AreaSeriesScaleGuard,\n): args is ScaleTypesMap['time']['areaScale'] {\n  return args.v0 instanceof Date || args.v1 instanceof Date;\n}\n\nexport function isCategoricalAreaScale(\n  args: AreaSeriesScaleGuard,\n): args is ScaleTypesMap['categorical']['areaScale'] {\n  return typeof args.v0 === 'string' || typeof args.v1 === 'string';\n}\n\nexport type TooltipGuard = BaseGuard &\n  (\n    | {\n        formatter:\n          | FormatterWithPrecision\n          | DateTimeFormatter\n          | TimeFrameFormatter\n          | undefined;\n      }\n    | {\n        formatter:\n          | FormatterWithPrecision\n          | DateTimeFormatter\n          | TimeFrameFormatter\n          | undefined;\n        v1: XYAccessorDataTypes;\n      }\n  );\n\nexport function isNumericalToolTip<\n  T1 extends TooltipGuard,\n  T2 extends T1 & ScaleTypesMap['numerical.linear']['tooltip'],\n>(args: T1): args is Pick<T2, keyof T1> {\n  return isNumerical(args);\n}\n\nexport function isTimeTooltip<\n  T1 extends TooltipGuard,\n  T2 extends T1 & ScaleTypesMap['time']['tooltip'],\n>(args: T1): args is Pick<T2, keyof T1> {\n  return isTime(args);\n}\n\nexport type TooltipContextHoveredPoints = {\n  series: HoveredSeries;\n  datapoint: HoveredDatapoint<HoveredSeries>;\n  metadata: HoveredMetadata<HoveredSeries>;\n};\n\ntype RectTooltipContext = {\n  series: RectSeriesWithDatapoints;\n  datapoint: RectDatapoint;\n  metadata: RectMetadata;\n};\n\ntype BarTooltipContext = {\n  series: BarSeriesWithDatapoints;\n  datapoint: BarDatapoint;\n  metadata: BarMetadata;\n};\n\nexport type TooltipContextClosestPoints = {\n  series: ClosestSeries;\n  datapoint: ClosestDatapoint<ClosestSeries>;\n  metadata: ClosestMetadata<ClosestSeries>;\n};\n\ntype AreaTooltipContext = {\n  series: AreaSeriesWithDatapoints;\n  datapoint: AreaDatapoint;\n  metadata: AreaMetadata;\n};\n\nexport function isCategoricalTooltip<\n  T1 extends TooltipGuard,\n  T2 extends T1 & ScaleTypesMap['categorical']['tooltip'],\n>(args: T1): args is Pick<T2, keyof T1> {\n  return isCategorical(args);\n}\n\nexport function isRectSeries(\n  series: XYChartVariantsInternal,\n): series is XYChartRectSeriesInternal;\n\nexport function isRectSeries(\n  series: XYChartSeriesWithDatapoints,\n): series is RectSeriesWithDatapoints;\n\nexport function isRectSeries(\n  series: XYChartVariantsInternal | XYChartSeriesWithDatapoints,\n): series is XYChartRectSeriesInternal | RectSeriesWithDatapoints {\n  return series.type === RECT_VARIANT;\n}\n\nexport function isDotSeries(\n  series: XYChartVariantsInternal,\n): series is XYChartDotSeriesInternal;\n\nexport function isDotSeries(\n  series: XYChartSeriesWithDatapoints,\n): series is DotSeriesWithDatapoints;\n\nexport function isDotSeries(\n  series: XYChartVariantsInternal | XYChartSeriesWithDatapoints,\n): series is XYChartDotSeriesInternal | DotSeriesWithDatapoints {\n  return series.type === DOT_VARIANT;\n}\n\nexport function isLineSeries(\n  series: XYChartVariantsInternal,\n): series is XYChartLineSeriesInternal;\n\nexport function isLineSeries(\n  series: XYChartSeriesWithDatapoints,\n): series is LineSeriesWithDatapoints;\n\nexport function isLineSeries(\n  series: XYChartVariantsInternal | XYChartSeriesWithDatapoints,\n): series is XYChartLineSeriesInternal | LineSeriesWithDatapoints {\n  return series.type === LINE_VARIANT;\n}\n\nexport function isBarSeries(\n  series: XYChartVariantsInternal,\n): series is XYChartBarSeriesInternal;\n\nexport function isBarSeries(\n  series: XYChartSeriesWithDatapoints,\n): series is BarSeriesWithDatapoints;\n\nexport function isBarSeries(\n  series: XYChartVariantsInternal | XYChartSeriesWithDatapoints,\n): series is XYChartBarSeriesInternal | BarSeriesWithDatapoints {\n  return series.type === BAR_VARIANT;\n}\n\nexport function isAreaSeries(\n  series: XYChartVariantsInternal,\n): series is XYChartAreaSeriesInternal;\n\nexport function isAreaSeries(\n  series: XYChartSeriesWithDatapoints,\n): series is AreaSeriesWithDatapoints;\n\nexport function isAreaSeries(\n  series: XYChartVariantsInternal | XYChartSeriesWithDatapoints,\n): series is XYChartAreaSeriesInternal | AreaSeriesWithDatapoints {\n  return series.type === AREA_VARIANT;\n}\n\nexport function isRectTooltipContext(\n  context: TooltipContextHoveredPoints,\n): context is RectTooltipContext {\n  return context.series.type === 'rect' && !!context.metadata;\n}\n\nexport function isBarTooltipContext(\n  context: TooltipContextHoveredPoints,\n): context is BarTooltipContext {\n  return context.series.type === 'bar' && !!context.metadata;\n}\n\nexport function isAreaTooltipContext(\n  context: TooltipContextClosestPoints,\n): context is AreaTooltipContext {\n  return context.series.type === 'area' && !!context.metadata;\n}\n\nexport function isDotTooltipContent(\n  content: XYChartExploreState['content'],\n): content is DotSeriesContent {\n  return content?.series?.type === DOT_VARIANT;\n}\n\nexport function isLineTooltipContent(\n  content: XYChartExploreState['content'],\n): content is LineSeriesContent {\n  return content?.series?.type === LINE_VARIANT;\n}\n\nexport function isAreaTooltipContent(\n  content: XYChartExploreState['content'],\n): content is AreaSeriesContent {\n  return content?.series?.type === AREA_VARIANT;\n}\n\nexport function isRectDatapoint(\n  datapoint:\n    | RectDatapointInternal\n    | DotDatapoint\n    | LineDatapoint\n    | BarDatapoint,\n): datapoint is RectDatapointInternal {\n  return 'value' in datapoint;\n}\n\nexport const isStringOrValidNumber = (\n  value: XYValueAccessorDataTypes,\n): value is string | number => {\n  return (\n    typeof value === 'string' ||\n    (typeof value === 'number' && !Number.isNaN(value))\n  );\n};\n\nexport function isValidName(\n  value: XYAccessorDataTypes | boolean | null | undefined,\n): value is XYAccessorDataTypes | boolean {\n  return value !== null && value !== undefined && !Number.isNaN(value);\n}\n\n// Hovered series types (bar and rect)\nexport type HoveredSeries = BarSeriesWithDatapoints | RectSeriesWithDatapoints;\n\nexport type HoveredDatapoint<T extends HoveredSeries> =\n  T extends BarSeriesWithDatapoints ? BarDatapoint : RectDatapointInternal;\n\nexport type HoveredMetadata<T extends HoveredSeries> =\n  T extends BarSeriesWithDatapoints\n    ? BaseMetadata & Partial<BarMetadata>\n    : BaseMetadata & Partial<RectMetadata>;\n\nexport type HoveredSeriesToMetadata<T extends HoveredSeries> = Map<\n  T,\n  HoveredMetadata<T>\n>;\n\nexport type ClosestSeries =\n  | DotSeriesWithDatapoints\n  | LineSeriesWithDatapoints\n  | AreaSeriesWithDatapoints;\n\nexport type ClosestDatapoint<T extends ClosestSeries> =\n  T extends DotSeriesWithDatapoints\n    ? DotDatapoint\n    : T extends LineSeriesWithDatapoints\n    ? LineDatapoint\n    : AreaDatapoint;\n\nexport type ClosestMetadata<T extends ClosestSeries> =\n  T extends DotSeriesWithDatapoints\n    ? BaseMetadata & Partial<DotMetadata>\n    : T extends LineSeriesWithDatapoints\n    ? BaseMetadata & Partial<LineMetadata>\n    : BaseMetadata & Partial<AreaMetadata>;\n\nexport type ClosestSeriesToMetadata<T extends ClosestSeries> = Map<\n  T,\n  ClosestMetadata<T>\n>;\n\nexport type TwoParameterAccessor<\n  T extends DotDatapoint | LineDatapoint | AreaDatapoint,\n> = {\n  x: (\n    scale: AnyXYChartScale,\n    relAccessor?: (value: number) => number,\n  ) => (datapoint: T) => number;\n  y: (\n    scale: AnyXYChartScale,\n    relAccessor?: (value: number) => number,\n  ) => (datapoint: T) => number;\n};\n\nexport type XFourParameterAccessor = {\n  x: (\n    scale: AnyXYChartScale,\n    datapointToMetadata: MapDatapoints,\n    relAccessor?: (value: number) => number,\n    isSeriesStacked?: boolean,\n  ) => (datapoint: AreaDatapoint) => number;\n  y: (\n    scale: AnyXYChartScale,\n    relAccessor?: (value: number) => number,\n  ) => (datapoint: AreaDatapoint) => number;\n};\n\nexport type YFourParameterAccessor = {\n  x: (\n    scale: AnyXYChartScale,\n    relAccessor?: (value: number) => number,\n  ) => (datapoint: AreaDatapoint) => number;\n  y: (\n    scale: AnyXYChartScale,\n    datapointToMetadata: MapDatapoints,\n    relAccessor?: (value: number) => number,\n    isSeriesStacked?: boolean,\n  ) => (datapoint: AreaDatapoint) => number;\n};\n\nexport type LinearAccessors = {\n  [BAND_HORIZONTAL]: TwoParameterAccessor<AreaDatapoint>;\n  [BAND_VERTICAL]: TwoParameterAccessor<AreaDatapoint>;\n  [DOT_VARIANT]: TwoParameterAccessor<DotDatapoint>;\n  [LINE_VARIANT]: TwoParameterAccessor<LineDatapoint>;\n  [AREA_HORIZONTAL]: XFourParameterAccessor;\n  [AREA_VERTICAL]: YFourParameterAccessor;\n};\n\nexport function isHorizontalAreaAccessors(\n  accessors: LinearAccessors[keyof LinearAccessors],\n): accessors is XFourParameterAccessor {\n  // The horizontal area accessors have 4 parameters (scale, datapointToMetadata, relAccessor, isSeriesStacked) while the others have only 2.\n  return accessors.x.length === 4;\n}\n\nexport function isVerticalAreaAccessors(\n  accessors: LinearAccessors[keyof LinearAccessors],\n): accessors is YFourParameterAccessor {\n  // The vertical area accessors have 4 parameters (scale, datapointToMetadata, relAccessor, isSeriesStacked) while the others have only 2.\n  return accessors.y.length === 4;\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/charts/xy-chart-adoption/histogram/HistogramToXY.js

@@ -1,27 +1,84 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { forwardRef } from "react";
+import { iterateHistogramSlots } from "./iterate-histogram-slots.js";
 import { transformHistogramDataToXYChart } from "./transformer-data-to-xy.js";
+import { getChartStatesTemplates } from "../../core/components/chart-states/utils/get-chart-states-template.js";
 import { XYChart } from "../../xy-chart/XYChartRoot.js";
 const HistogramToXY = forwardRef((props, forwardedRef) => {
-  const { XYChartData: data } = transformHistogramDataToXYChart(props.data);
-  return /* @__PURE__ */ jsxs(XYChart, { data: [], ref: forwardedRef, children: [
-    /* @__PURE__ */ jsx(
-      XYChart.BarSeries,
-      {
-        data,
-        xAxisId: "x-axis",
-        yAxisId: "y-axis",
-        x0Accessor: "x0",
-        x1Accessor: "x1",
-        y1Accessor: "y1",
-        variant: "stack",
-        seriesIdAccessor: "seriesId",
-        nameAccessor: "name"
-      }
-    ),
-    /* @__PURE__ */ jsx(XYChart.XAxis, { id: "x-axis", type: "numerical", position: "bottom" }),
-    /* @__PURE__ */ jsx(XYChart.YAxis, { id: "y-axis", type: "numerical", position: "left" })
-  ] });
+  const {
+    data: propsData,
+    loading,
+    children,
+    className,
+    style,
+    width,
+    height,
+    colorPalette,
+    "data-dtrum-mask": dataDtrumMask,
+    "data-dtrum-allow": dataDtrumAllow,
+    truncationMode
+  } = props;
+  const { XYChartData: data } = transformHistogramDataToXYChart(propsData);
+  const { emptyState, errorState } = getChartStatesTemplates(children);
+  const { yAxis, disableZoom, disablePan, hideLegend } = iterateHistogramSlots(children);
+  return /* @__PURE__ */ jsxs(
+    XYChart,
+    {
+      data: [],
+      ref: forwardedRef,
+      loading,
+      className,
+      style,
+      width,
+      height,
+      colorPalette,
+      "data-dtrum-mask": dataDtrumMask,
+      "data-dtrum-allow": dataDtrumAllow,
+      truncationMode,
+      children: [
+        errorState && /* @__PURE__ */ jsx(XYChart.ErrorState, { children: errorState }),
+        emptyState && /* @__PURE__ */ jsx(XYChart.EmptyState, { children: emptyState }),
+        /* @__PURE__ */ jsx(
+          XYChart.BarSeries,
+          {
+            data,
+            xAxisId: "x-axis",
+            yAxisId: "y-axis",
+            x0Accessor: "x0",
+            x1Accessor: "x1",
+            y1Accessor: "y1",
+            variant: "stack",
+            seriesIdAccessor: "seriesId",
+            nameAccessor: "name"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          XYChart.XAxis,
+          {
+            id: "x-axis",
+            type: "numerical",
+            position: "bottom",
+            disableZoom,
+            disablePan,
+            initialZoom: props.initialZoom,
+            currentZoom: props.currentZoom,
+            onZoomChange: props.onZoomChange,
+            infiniteZoom: props.infiniteZoom
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          XYChart.YAxis,
+          {
+            id: "y-axis",
+            type: "numerical",
+            position: "left",
+            formatter: yAxis.formatter
+          }
+        ),
+        /* @__PURE__ */ jsx(XYChart.Legend, { hidden: hideLegend })
+      ]
+    }
+  );
 });
 HistogramToXY.displayName = "HistogramToXY";
 export {

package/esm/charts/xy-chart-adoption/histogram/HistogramToXY.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/xy-chart-adoption/histogram/HistogramToXY.tsx"],
-  "sourcesContent": ["import { forwardRef, type PropsWithChildren } from 'react';\n\nimport { transformHistogramDataToXYChart } from './transformer-data-to-xy.js';\nimport type { HistogramChartProps } from '../../histogram/types/histogram-props.js';\nimport type { HistogramChartRef } from '../../histogram/types/histogram-ref.js';\nimport { XYChart } from '../../xy-chart/XYChartRoot.js';\n\nexport const HistogramToXY = forwardRef<\n  HistogramChartRef,\n  PropsWithChildren<HistogramChartProps>\n>((props, forwardedRef) => {\n  const { XYChartData: data } = transformHistogramDataToXYChart(props.data);\n  return (\n    <XYChart data={[]} ref={forwardedRef}>\n      <XYChart.BarSeries\n        data={data}\n        xAxisId=\"x-axis\"\n        yAxisId=\"y-axis\"\n        x0Accessor=\"x0\"\n        x1Accessor=\"x1\"\n        y1Accessor=\"y1\"\n        // Stack is by default to support multiple series at the moment but this should\n        // dinamically set depending on the use case (e.g. if the histogram has multiple series or not, value representation desired, etc.)\n        // TODO: consider this in APPDEV-16407\n        variant=\"stack\"\n        seriesIdAccessor=\"seriesId\"\n        nameAccessor=\"name\"\n      />\n      <XYChart.XAxis id=\"x-axis\" type=\"numerical\" position=\"bottom\" />\n      <XYChart.YAxis id=\"y-axis\" type=\"numerical\" position=\"left\" />\n    </XYChart>\n  );\n});\n\n(\n  HistogramToXY as typeof HistogramToXY & {\n    displayName: string;\n  }\n).displayName = 'HistogramToXY';\n"],
-  "mappings": "AAaI,SACE,KADF;AAbJ,SAAS,kBAA0C;AAEnD,SAAS,uCAAuC;AAGhD,SAAS,eAAe;AAEjB,MAAM,gBAAgB,WAG3B,CAAC,OAAO,iBAAiB;AACzB,QAAM,EAAE,aAAa,KAAK,IAAI,gCAAgC,MAAM,IAAI;AACxE,SACE,qBAAC,WAAQ,MAAM,CAAC,GAAG,KAAK,cACtB;AAAA;AAAA,MAAC,QAAQ;AAAA,MAAR;AAAA,QACC;AAAA,QACA,SAAQ;AAAA,QACR,SAAQ;AAAA,QACR,YAAW;AAAA,QACX,YAAW;AAAA,QACX,YAAW;AAAA,QAIX,SAAQ;AAAA,QACR,kBAAiB;AAAA,QACjB,cAAa;AAAA;AAAA,IACf;AAAA,IACA,oBAAC,QAAQ,OAAR,EAAc,IAAG,UAAS,MAAK,aAAY,UAAS,UAAS;AAAA,IAC9D,oBAAC,QAAQ,OAAR,EAAc,IAAG,UAAS,MAAK,aAAY,UAAS,QAAO;AAAA,KAC9D;AAEJ,CAAC;AAGC,cAGA,cAAc;",
+  "sourcesContent": ["import { forwardRef, type PropsWithChildren } from 'react';\n\nimport { iterateHistogramSlots } from './iterate-histogram-slots.js';\nimport { transformHistogramDataToXYChart } from './transformer-data-to-xy.js';\nimport { getChartStatesTemplates } from '../../core/components/chart-states/utils/get-chart-states-template.js';\nimport type { HistogramChartProps } from '../../histogram/types/histogram-props.js';\nimport type { HistogramChartRef } from '../../histogram/types/histogram-ref.js';\nimport { XYChart } from '../../xy-chart/XYChartRoot.js';\n\nexport const HistogramToXY = forwardRef<\n  HistogramChartRef,\n  PropsWithChildren<HistogramChartProps>\n>((props, forwardedRef) => {\n  const {\n    data: propsData,\n    loading,\n    children,\n    className,\n    style,\n    width,\n    height,\n    colorPalette,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n    truncationMode,\n  } = props;\n  const { XYChartData: data } = transformHistogramDataToXYChart(propsData);\n  const { emptyState, errorState } = getChartStatesTemplates(children);\n  const { yAxis, disableZoom, disablePan, hideLegend } =\n    iterateHistogramSlots(children);\n\n  return (\n    <XYChart\n      data={[]}\n      ref={forwardedRef}\n      loading={loading}\n      className={className}\n      style={style}\n      width={width}\n      height={height}\n      colorPalette={colorPalette}\n      data-dtrum-mask={dataDtrumMask}\n      data-dtrum-allow={dataDtrumAllow}\n      truncationMode={truncationMode}\n    >\n      {errorState && <XYChart.ErrorState>{errorState}</XYChart.ErrorState>}\n      {emptyState && <XYChart.EmptyState>{emptyState}</XYChart.EmptyState>}\n      <XYChart.BarSeries\n        data={data}\n        xAxisId=\"x-axis\"\n        yAxisId=\"y-axis\"\n        x0Accessor=\"x0\"\n        x1Accessor=\"x1\"\n        y1Accessor=\"y1\"\n        // Stack is by default to support multiple series at the moment but this should\n        // dinamically set depending on the use case (e.g. if the histogram has multiple series or not, value representation desired, etc.)\n        // TODO: consider this in APPDEV-16407\n        variant=\"stack\"\n        seriesIdAccessor=\"seriesId\"\n        nameAccessor=\"name\"\n      />\n      <XYChart.XAxis\n        id=\"x-axis\"\n        type=\"numerical\"\n        position=\"bottom\"\n        disableZoom={disableZoom}\n        disablePan={disablePan}\n        initialZoom={props.initialZoom as [number, number]}\n        currentZoom={props.currentZoom as [number, number]}\n        onZoomChange={props.onZoomChange}\n        infiniteZoom={props.infiniteZoom}\n      />\n      <XYChart.YAxis\n        id=\"y-axis\"\n        type=\"numerical\"\n        position=\"left\"\n        formatter={yAxis.formatter}\n      />\n      <XYChart.Legend hidden={hideLegend} />\n    </XYChart>\n  );\n});\n\n(\n  HistogramToXY as typeof HistogramToXY & {\n    displayName: string;\n  }\n).displayName = 'HistogramToXY';\n"],
+  "mappings": "AAgCI,SAaiB,KAbjB;AAhCJ,SAAS,kBAA0C;AAEnD,SAAS,6BAA6B;AACtC,SAAS,uCAAuC;AAChD,SAAS,+BAA+B;AAGxC,SAAS,eAAe;AAEjB,MAAM,gBAAgB,WAG3B,CAAC,OAAO,iBAAiB;AACzB,QAAM;AAAA,IACJ,MAAM;AAAA,IACN;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,mBAAmB;AAAA,IACnB,oBAAoB;AAAA,IACpB;AAAA,EACF,IAAI;AACJ,QAAM,EAAE,aAAa,KAAK,IAAI,gCAAgC,SAAS;AACvE,QAAM,EAAE,YAAY,WAAW,IAAI,wBAAwB,QAAQ;AACnE,QAAM,EAAE,OAAO,aAAa,YAAY,WAAW,IACjD,sBAAsB,QAAQ;AAEhC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAM,CAAC;AAAA,MACP,KAAK;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,mBAAiB;AAAA,MACjB,oBAAkB;AAAA,MAClB;AAAA,MAEC;AAAA,sBAAc,oBAAC,QAAQ,YAAR,EAAoB,sBAAW;AAAA,QAC9C,cAAc,oBAAC,QAAQ,YAAR,EAAoB,sBAAW;AAAA,QAC/C;AAAA,UAAC,QAAQ;AAAA,UAAR;AAAA,YACC;AAAA,YACA,SAAQ;AAAA,YACR,SAAQ;AAAA,YACR,YAAW;AAAA,YACX,YAAW;AAAA,YACX,YAAW;AAAA,YAIX,SAAQ;AAAA,YACR,kBAAiB;AAAA,YACjB,cAAa;AAAA;AAAA,QACf;AAAA,QACA;AAAA,UAAC,QAAQ;AAAA,UAAR;AAAA,YACC,IAAG;AAAA,YACH,MAAK;AAAA,YACL,UAAS;AAAA,YACT;AAAA,YACA;AAAA,YACA,aAAa,MAAM;AAAA,YACnB,aAAa,MAAM;AAAA,YACnB,cAAc,MAAM;AAAA,YACpB,cAAc,MAAM;AAAA;AAAA,QACtB;AAAA,QACA;AAAA,UAAC,QAAQ;AAAA,UAAR;AAAA,YACC,IAAG;AAAA,YACH,MAAK;AAAA,YACL,UAAS;AAAA,YACT,WAAW,MAAM;AAAA;AAAA,QACnB;AAAA,QACA,oBAAC,QAAQ,QAAR,EAAe,QAAQ,YAAY;AAAA;AAAA;AAAA,EACtC;AAEJ,CAAC;AAGC,cAGA,cAAc;",
   "names": []
 }

package/esm/charts/xy-chart-adoption/histogram/iterate-histogram-slots.js

@@ -0,0 +1,28 @@
+import { Children } from "react";
+import { isSlot } from "../../../core/utils/is-slot.js";
+import { Legend } from "../../histogram/slots/Legend.js";
+import { Pan } from "../../histogram/slots/Pan.js";
+import { YAxis } from "../../histogram/slots/YAxis.js";
+import { Zoom } from "../../histogram/slots/Zoom.js";
+const iterateHistogramSlots = (children) => {
+  let disableZoom = false;
+  let disablePan = false;
+  let hideLegend = false;
+  let yAxis = {};
+  Children.forEach(children, (child) => {
+    if (isSlot(child, Zoom)) {
+      disableZoom = child.props.disabled === true;
+    } else if (isSlot(child, Pan)) {
+      disablePan = child.props.disabled === true;
+    } else if (isSlot(child, Legend)) {
+      hideLegend = child.props.hidden === true;
+    } else if (isSlot(child, YAxis)) {
+      yAxis = { formatter: child.props.formatter };
+    }
+  });
+  return { disableZoom, disablePan, hideLegend, yAxis };
+};
+export {
+  iterateHistogramSlots
+};
+//# sourceMappingURL=iterate-histogram-slots.js.map

package/esm/charts/xy-chart-adoption/histogram/iterate-histogram-slots.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/charts/xy-chart-adoption/histogram/iterate-histogram-slots.ts"],
+  "sourcesContent": ["import { Children, type ReactNode } from 'react';\n\nimport { isSlot } from '../../../core/utils/is-slot.js';\nimport { Legend } from '../../histogram/slots/Legend.js';\nimport { Pan } from '../../histogram/slots/Pan.js';\nimport { YAxis } from '../../histogram/slots/YAxis.js';\nimport { Zoom } from '../../histogram/slots/Zoom.js';\nimport type { HistogramChartYAxisProps } from '../../histogram/types/histogram-props.js';\n\nexport interface HistogramInteractionSlots {\n  disableZoom: boolean;\n  disablePan: boolean;\n  hideLegend: boolean;\n}\n\nexport const iterateHistogramSlots = (\n  children: ReactNode,\n): HistogramInteractionSlots & { yAxis: HistogramChartYAxisProps } => {\n  let disableZoom = false;\n  let disablePan = false;\n  let hideLegend = false;\n  let yAxis: HistogramChartYAxisProps = {};\n\n  Children.forEach(children, (child) => {\n    if (isSlot(child, Zoom)) {\n      disableZoom = child.props.disabled === true;\n    } else if (isSlot(child, Pan)) {\n      disablePan = child.props.disabled === true;\n    } else if (isSlot(child, Legend)) {\n      hideLegend = child.props.hidden === true;\n    } //TODO: this has to be improved for APPDEV-16418. This was a workaround for ErrorStates\n    else if (isSlot(child, YAxis)) {\n      yAxis = { formatter: child.props.formatter };\n    }\n  });\n\n  return { disableZoom, disablePan, hideLegend, yAxis };\n};\n"],
+  "mappings": "AAAA,SAAS,gBAAgC;AAEzC,SAAS,cAAc;AACvB,SAAS,cAAc;AACvB,SAAS,WAAW;AACpB,SAAS,aAAa;AACtB,SAAS,YAAY;AASd,MAAM,wBAAwB,CACnC,aACoE;AACpE,MAAI,cAAc;AAClB,MAAI,aAAa;AACjB,MAAI,aAAa;AACjB,MAAI,QAAkC,CAAC;AAEvC,WAAS,QAAQ,UAAU,CAAC,UAAU;AACpC,QAAI,OAAO,OAAO,IAAI,GAAG;AACvB,oBAAc,MAAM,MAAM,aAAa;AAAA,IACzC,WAAW,OAAO,OAAO,GAAG,GAAG;AAC7B,mBAAa,MAAM,MAAM,aAAa;AAAA,IACxC,WAAW,OAAO,OAAO,MAAM,GAAG;AAChC,mBAAa,MAAM,MAAM,WAAW;AAAA,IACtC,WACS,OAAO,OAAO,KAAK,GAAG;AAC7B,cAAQ,EAAE,WAAW,MAAM,MAAM,UAAU;AAAA,IAC7C;AAAA,EACF,CAAC;AAED,SAAO,EAAE,aAAa,YAAY,YAAY,MAAM;AACtD;",
+  "names": []
+}

package/esm/content/accordion/Accordion.css

@@ -1,45 +1,45 @@
-._12zc70k0-3-1-3 {
+._12zc70k0-3-2-1 {
   width: 100%;
-  color: var(--_bx32h0-3-1-3);
+  color: var(--_bx32h0-3-2-1);
 }
-._12zc70k1-3-1-3 {
+._12zc70k1-3-2-1 {
   margin: var(--dt-spacings-size-8, 8px) 0;
 }
-._12zc70k2-3-1-3 {
+._12zc70k2-3-2-1 {
   margin: var(--dt-spacings-size-4, 4px) 0;
 }
-._12zc70k3-3-1-3 {
+._12zc70k3-3-2-1 {
   transition-duration: var(--dt-animations-expand-collapse-duration-fast, 250ms);
   transition-timing-function: var(--dt-animations-expand-collapse-easing, cubic-bezier(0.4, 0, 0.2, 1));
   transition-property: transform;
 }
-._12zc70k4-3-1-3 {
+._12zc70k4-3-2-1 {
   transform: rotate(-90deg);
 }
-._12zc70k5-3-1-3 {
+._12zc70k5-3-2-1 {
   transform: rotate(90deg);
 }
-._12zc70k6-3-1-3 {
+._12zc70k6-3-2-1 {
   transform: rotate(0);
 }
-._12zc70k7-3-1-3 {
+._12zc70k7-3-2-1 {
   box-sizing: border-box;
   transform-origin: top center;
   display: flex;
 }
-._12zc70k8-3-1-3 {
+._12zc70k8-3-2-1 {
   width: 100%;
   box-sizing: border-box;
-  color: var(--_bx32h0-3-1-3);
+  color: var(--_bx32h0-3-2-1);
 }
-._12zc70k9-3-1-3 {
+._12zc70k9-3-2-1 {
   padding-top: var(--dt-spacings-size-8, 8px);
 }
-._12zc70ka-3-1-3 {
+._12zc70ka-3-2-1 {
   padding-top: var(--dt-spacings-size-4, 4px);
 }
 @media (prefers-reduced-motion) {
-  ._12zc70k3-3-1-3 {
+  ._12zc70k3-3-2-1 {
     transition-duration: 0s;
   }
 }

package/esm/content/accordion/Accordion.sty.js

@@ -1,14 +1,14 @@
 import "../../styles/field.css";
 import "./Accordion.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var accordionContentCSS = _7a468({ defaultClassName: "_12zc70k8-3-1-3", variantClassNames: { size: { "default": "_12zc70k9-3-1-3", condensed: "_12zc70ka-3-1-3" } }, defaultVariants: {}, compoundVariants: [] });
-var accordionContentWrapperCSS = "_12zc70k7-3-1-3";
-var accordionDividerMarginCSS = { "default": "_12zc70k1-3-1-3", condensed: "_12zc70k2-3-1-3" };
-var accordionLabelCSS = "_12zc70k0-3-1-3";
-var accordionTriggerIconCSS = "_12zc70k3-3-1-3";
-var accordionTriggerIconEndCSS = "_12zc70k5-3-1-3";
-var accordionTriggerIconExpandedCSS = "_12zc70k6-3-1-3";
-var accordionTriggerIconStartCSS = "_12zc70k4-3-1-3";
+var accordionContentCSS = _7a468({ defaultClassName: "_12zc70k8-3-2-1", variantClassNames: { size: { "default": "_12zc70k9-3-2-1", condensed: "_12zc70ka-3-2-1" } }, defaultVariants: {}, compoundVariants: [] });
+var accordionContentWrapperCSS = "_12zc70k7-3-2-1";
+var accordionDividerMarginCSS = { "default": "_12zc70k1-3-2-1", condensed: "_12zc70k2-3-2-1" };
+var accordionLabelCSS = "_12zc70k0-3-2-1";
+var accordionTriggerIconCSS = "_12zc70k3-3-2-1";
+var accordionTriggerIconEndCSS = "_12zc70k5-3-2-1";
+var accordionTriggerIconExpandedCSS = "_12zc70k6-3-2-1";
+var accordionTriggerIconStartCSS = "_12zc70k4-3-2-1";
 export {
   accordionContentCSS,
   accordionContentWrapperCSS,

package/esm/content/accordion/Accordion.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/content/accordion/Accordion.css.ts"],
-  "sourcesContent": ["import '../../styles/field.css';\nimport './Accordion.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var accordionContentCSS = _7a468({defaultClassName:'_12zc70k8-3-1-3',variantClassNames:{size:{'default':'_12zc70k9-3-1-3',condensed:'_12zc70ka-3-1-3'}},defaultVariants:{},compoundVariants:[]});\nexport var accordionContentWrapperCSS = '_12zc70k7-3-1-3';\nexport var accordionDividerMarginCSS = {'default':'_12zc70k1-3-1-3',condensed:'_12zc70k2-3-1-3'};\nexport var accordionLabelCSS = '_12zc70k0-3-1-3';\nexport var accordionTriggerIconCSS = '_12zc70k3-3-1-3';\nexport var accordionTriggerIconEndCSS = '_12zc70k5-3-1-3';\nexport var accordionTriggerIconExpandedCSS = '_12zc70k6-3-1-3';\nexport var accordionTriggerIconStartCSS = '_12zc70k4-3-1-3';"],
+  "sourcesContent": ["import '../../styles/field.css';\nimport './Accordion.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var accordionContentCSS = _7a468({defaultClassName:'_12zc70k8-3-2-1',variantClassNames:{size:{'default':'_12zc70k9-3-2-1',condensed:'_12zc70ka-3-2-1'}},defaultVariants:{},compoundVariants:[]});\nexport var accordionContentWrapperCSS = '_12zc70k7-3-2-1';\nexport var accordionDividerMarginCSS = {'default':'_12zc70k1-3-2-1',condensed:'_12zc70k2-3-2-1'};\nexport var accordionLabelCSS = '_12zc70k0-3-2-1';\nexport var accordionTriggerIconCSS = '_12zc70k3-3-2-1';\nexport var accordionTriggerIconEndCSS = '_12zc70k5-3-2-1';\nexport var accordionTriggerIconExpandedCSS = '_12zc70k6-3-2-1';\nexport var accordionTriggerIconStartCSS = '_12zc70k4-3-2-1';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,sBAAsB,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,MAAK,EAAC,WAAU,mBAAkB,WAAU,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAC/L,IAAI,6BAA6B;AACjC,IAAI,4BAA4B,EAAC,WAAU,mBAAkB,WAAU,kBAAiB;AACxF,IAAI,oBAAoB;AACxB,IAAI,0BAA0B;AAC9B,IAAI,6BAA6B;AACjC,IAAI,kCAAkC;AACtC,IAAI,+BAA+B;",
   "names": []
 }

package/esm/content/accordion/AccordionSection.js

@@ -79,6 +79,7 @@ const AccordionSection = /* @__PURE__ */ forwardRef(
         "aria-labelledby": labelId,
         "aria-expanded": isExpanded,
         "aria-controls": isExpanded || keepMounted ? contentId : void 0,
+        "data-dt-name": isExpanded ? "SectionCollapseTrigger" : "SectionExpandTrigger",
         children: /* @__PURE__ */ jsx(Button.Prefix, { children: /* @__PURE__ */ jsx(
           ChevronDownSmallIcon,
           {
@@ -135,6 +136,7 @@ const AccordionSection = /* @__PURE__ */ forwardRef(
                     cursor: interactive && !disabled ? "pointer" : void 0,
                     width: `calc(100% - ${offsetWidth}px)`
                   },
+                  "data-dt-name": isExpanded ? "SectionCollapseHeader" : "SectionExpandHeader",
                   children: [
                     triggerIsStart && trigger,
                     slots.label,

package/esm/content/accordion/AccordionSection.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/content/accordion/AccordionSection.tsx"],
-  "sourcesContent": ["import clsx from 'clsx';\nimport {\n  forwardRef,\n  type ElementType,\n  type ReactElement,\n  useRef,\n  useState,\n  useCallback,\n  useLayoutEffect,\n} from 'react';\nimport useResizeObserver from 'use-resize-observer';\n\nimport { ChevronDownSmallIcon } from '@dynatrace/strato-icons';\n\nimport { AccordionActions } from './accordion-state.js';\nimport {\n  accordionTriggerIconCSS,\n  accordionTriggerIconEndCSS,\n  accordionTriggerIconExpandedCSS,\n  accordionTriggerIconStartCSS,\n} from './Accordion.sty.js';\nimport { AccordionSectionContent } from './AccordionSectionContent.js';\nimport { AccordionSectionLabel } from './AccordionSectionLabel.js';\nimport { useAccordionContext } from './contexts/AccordionContext.js';\nimport { AccordionSectionContext } from './contexts/AccordionSectionContext.js';\nimport { Button } from '../../buttons/button/Button.js';\nimport { useId } from '../../core/hooks/useId.js';\nimport { useSlots } from '../../core/hooks/useSlots.js';\nimport { DataTestId } from '../../core/types/data-props.js';\nimport { PolymorphicComponentProps } from '../../core/types/polymorph.js';\nimport { StylingProps } from '../../core/types/styling-props.js';\nimport { WithChildren } from '../../core/types/with-children.js';\nimport { Flex } from '../../layouts/flex/Flex.js';\nimport { fieldColors as fieldColorsCSS } from '../../styles/field.sty.js';\n\n// #region Typings\n// Merge own props with others inherited from the underlying element type\n/** @public */\nexport type AccordionSectionProps<E extends ElementType> = Omit<\n  PolymorphicComponentProps<E, AccordionSectionOwnProps>,\n  'id'\n> &\n  Pick<AccordionSectionOwnProps, 'id'>;\n\n/** @public */\nexport interface AccordionSectionOwnProps\n  extends WithChildren,\n    StylingProps,\n    DataTestId {\n  /**\n   * Determines whether the section is disabled.\n   * @defaultValue false\n   */\n  disabled?: boolean;\n\n  /**\n   * Unique identifier of a section within an accordion.\n   * This type will be reduced to string in version 2.0.0 and its value will be reflected in the\n   * dom.\n   */\n  id: string | number;\n\n  /**\n   * Unique identifier of a section within an accordion. This will be used as an override and will function\n   * as the sole identifier in version 2.0.0.\n   */\n  sectionId?: string | number;\n\n  /**\n   * Defines if the sections content will be kept in the DOM, even if the content\n   * is not shown to the user.\n   * @defaultValue false\n   */\n  keepMounted?: boolean;\n\n  /**\n   * The color of the accordion section.\n   * Setting the color affects the button, label and content.\n   */\n  color?: 'neutral' | 'primary' | 'success' | 'warning' | 'critical';\n}\n\n//#endregion Typings\n\n/**\n * Accordion Section component\n * @public\n */\nexport const AccordionSection: <E extends ElementType = 'div'>(\n  props: AccordionSectionProps<E>,\n) => ReactElement | null = /* @__PURE__ */ forwardRef(\n  <E extends ElementType>(\n    props: AccordionSectionProps<E>,\n    forwardedRef: typeof props.ref,\n  ) => {\n    const {\n      disabled = false,\n      id: idProp,\n      sectionId,\n      children,\n      className: consumerClassName,\n      style: consumerStyle,\n      keepMounted = false,\n      'data-testid': dataTestId,\n      as,\n      ...remainingProps\n    }: AccordionSectionProps<E> = props;\n\n    const [slots] = useSlots(children, {\n      label: AccordionSectionLabel,\n      content: AccordionSectionContent,\n    });\n    const { triggerPosition, interactive, color, size, state, dispatch } =\n      useAccordionContext();\n\n    const sectionColor = props.color ?? color;\n\n    const triggerId = useId();\n    const contentId = useId();\n    const triggerIsStart = triggerPosition === 'start';\n    const id = sectionId ?? idProp;\n\n    const isExpanded = state.expanded.has(id);\n\n    const labelId = useId();\n\n    const containerRef = useRef<HTMLDivElement>(null);\n    const { width } = useResizeObserver({ ref: containerRef.current });\n    const [offsetWidth, setOffsetWidth] = useState(0);\n\n    const updateOverflowWidth = useCallback(() => {\n      if (containerRef.current) {\n        setOffsetWidth(\n          containerRef.current.scrollWidth - containerRef.current.offsetWidth,\n        );\n      }\n    }, []);\n\n    useLayoutEffect(() => {\n      updateOverflowWidth();\n    }, [updateOverflowWidth, width]);\n\n    const trigger = (\n      <Button\n        id={triggerId}\n        onClick={() => {\n          if (!interactive) {\n            dispatch({ type: AccordionActions.TOGGLE_SECTION, payload: id });\n          }\n        }}\n        color={sectionColor}\n        size={size}\n        disabled={disabled}\n        aria-labelledby={labelId}\n        aria-expanded={isExpanded}\n        aria-controls={isExpanded || keepMounted ? contentId : undefined}\n      >\n        <Button.Prefix>\n          <ChevronDownSmallIcon\n            className={clsx(accordionTriggerIconCSS, {\n              [accordionTriggerIconStartCSS]: triggerIsStart,\n              [accordionTriggerIconEndCSS]: !triggerIsStart,\n              [accordionTriggerIconExpandedCSS]: isExpanded,\n            })}\n          />\n        </Button.Prefix>\n      </Button>\n    );\n\n    const Section: ElementType = as ?? 'div';\n\n    return (\n      <Section\n        data-testid={dataTestId}\n        ref={forwardedRef}\n        className={clsx(\n          fieldColorsCSS({ color: sectionColor }),\n          consumerClassName,\n        )}\n        style={consumerStyle}\n        {...remainingProps}\n      >\n        {(slots.label || slots.content) && (\n          <AccordionSectionContext.Provider\n            value={{\n              labelId,\n              contentId,\n              isExpanded,\n              keepMounted,\n              size,\n            }}\n          >\n            <Flex\n              ref={containerRef}\n              flexDirection=\"row\"\n              alignItems=\"center\"\n              justifyContent={triggerIsStart ? undefined : 'space-between'}\n              gap={size === 'default' ? 8 : 4}\n              id={labelId}\n              onClick={() => {\n                if (interactive && !disabled) {\n                  dispatch({\n                    type: AccordionActions.TOGGLE_SECTION,\n                    payload: id,\n                  });\n                }\n              }}\n              style={{\n                cursor: interactive && !disabled ? 'pointer' : undefined,\n                width: `calc(100% - ${offsetWidth}px)`,\n              }}\n            >\n              {triggerIsStart && trigger}\n              {slots.label}\n              {!triggerIsStart && trigger}\n            </Flex>\n            {slots.content}\n          </AccordionSectionContext.Provider>\n        )}\n      </Section>\n    );\n  },\n);\n\n(\n  AccordionSection as typeof AccordionSection & { displayName: string }\n).displayName = 'Accordion.Section';\n"],
-  "mappings": "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",
+  "sourcesContent": ["import clsx from 'clsx';\nimport {\n  forwardRef,\n  type ElementType,\n  type ReactElement,\n  useRef,\n  useState,\n  useCallback,\n  useLayoutEffect,\n} from 'react';\nimport useResizeObserver from 'use-resize-observer';\n\nimport { ChevronDownSmallIcon } from '@dynatrace/strato-icons';\n\nimport { AccordionActions } from './accordion-state.js';\nimport {\n  accordionTriggerIconCSS,\n  accordionTriggerIconEndCSS,\n  accordionTriggerIconExpandedCSS,\n  accordionTriggerIconStartCSS,\n} from './Accordion.sty.js';\nimport { AccordionSectionContent } from './AccordionSectionContent.js';\nimport { AccordionSectionLabel } from './AccordionSectionLabel.js';\nimport { useAccordionContext } from './contexts/AccordionContext.js';\nimport { AccordionSectionContext } from './contexts/AccordionSectionContext.js';\nimport { Button } from '../../buttons/button/Button.js';\nimport { useId } from '../../core/hooks/useId.js';\nimport { useSlots } from '../../core/hooks/useSlots.js';\nimport { DataTestId } from '../../core/types/data-props.js';\nimport { PolymorphicComponentProps } from '../../core/types/polymorph.js';\nimport { StylingProps } from '../../core/types/styling-props.js';\nimport { WithChildren } from '../../core/types/with-children.js';\nimport { Flex } from '../../layouts/flex/Flex.js';\nimport { fieldColors as fieldColorsCSS } from '../../styles/field.sty.js';\n\n// #region Typings\n// Merge own props with others inherited from the underlying element type\n/** @public */\nexport type AccordionSectionProps<E extends ElementType> = Omit<\n  PolymorphicComponentProps<E, AccordionSectionOwnProps>,\n  'id'\n> &\n  Pick<AccordionSectionOwnProps, 'id'>;\n\n/** @public */\nexport interface AccordionSectionOwnProps\n  extends WithChildren,\n    StylingProps,\n    DataTestId {\n  /**\n   * Determines whether the section is disabled.\n   * @defaultValue false\n   */\n  disabled?: boolean;\n\n  /**\n   * Unique identifier of a section within an accordion.\n   * This type will be reduced to string in version 2.0.0 and its value will be reflected in the\n   * dom.\n   */\n  id: string | number;\n\n  /**\n   * Unique identifier of a section within an accordion. This will be used as an override and will function\n   * as the sole identifier in version 2.0.0.\n   */\n  sectionId?: string | number;\n\n  /**\n   * Defines if the sections content will be kept in the DOM, even if the content\n   * is not shown to the user.\n   * @defaultValue false\n   */\n  keepMounted?: boolean;\n\n  /**\n   * The color of the accordion section.\n   * Setting the color affects the button, label and content.\n   */\n  color?: 'neutral' | 'primary' | 'success' | 'warning' | 'critical';\n}\n\n//#endregion Typings\n\n/**\n * Accordion Section component\n * @public\n */\nexport const AccordionSection: <E extends ElementType = 'div'>(\n  props: AccordionSectionProps<E>,\n) => ReactElement | null = /* @__PURE__ */ forwardRef(\n  <E extends ElementType>(\n    props: AccordionSectionProps<E>,\n    forwardedRef: typeof props.ref,\n  ) => {\n    const {\n      disabled = false,\n      id: idProp,\n      sectionId,\n      children,\n      className: consumerClassName,\n      style: consumerStyle,\n      keepMounted = false,\n      'data-testid': dataTestId,\n      as,\n      ...remainingProps\n    }: AccordionSectionProps<E> = props;\n\n    const [slots] = useSlots(children, {\n      label: AccordionSectionLabel,\n      content: AccordionSectionContent,\n    });\n    const { triggerPosition, interactive, color, size, state, dispatch } =\n      useAccordionContext();\n\n    const sectionColor = props.color ?? color;\n\n    const triggerId = useId();\n    const contentId = useId();\n    const triggerIsStart = triggerPosition === 'start';\n    const id = sectionId ?? idProp;\n\n    const isExpanded = state.expanded.has(id);\n\n    const labelId = useId();\n\n    const containerRef = useRef<HTMLDivElement>(null);\n    const { width } = useResizeObserver({ ref: containerRef.current });\n    const [offsetWidth, setOffsetWidth] = useState(0);\n\n    const updateOverflowWidth = useCallback(() => {\n      if (containerRef.current) {\n        setOffsetWidth(\n          containerRef.current.scrollWidth - containerRef.current.offsetWidth,\n        );\n      }\n    }, []);\n\n    useLayoutEffect(() => {\n      updateOverflowWidth();\n    }, [updateOverflowWidth, width]);\n\n    const trigger = (\n      <Button\n        id={triggerId}\n        onClick={() => {\n          if (!interactive) {\n            dispatch({ type: AccordionActions.TOGGLE_SECTION, payload: id });\n          }\n        }}\n        color={sectionColor}\n        size={size}\n        disabled={disabled}\n        aria-labelledby={labelId}\n        aria-expanded={isExpanded}\n        aria-controls={isExpanded || keepMounted ? contentId : undefined}\n        data-dt-name={\n          isExpanded ? 'SectionCollapseTrigger' : 'SectionExpandTrigger'\n        }\n      >\n        <Button.Prefix>\n          <ChevronDownSmallIcon\n            className={clsx(accordionTriggerIconCSS, {\n              [accordionTriggerIconStartCSS]: triggerIsStart,\n              [accordionTriggerIconEndCSS]: !triggerIsStart,\n              [accordionTriggerIconExpandedCSS]: isExpanded,\n            })}\n          />\n        </Button.Prefix>\n      </Button>\n    );\n\n    const Section: ElementType = as ?? 'div';\n\n    return (\n      <Section\n        data-testid={dataTestId}\n        ref={forwardedRef}\n        className={clsx(\n          fieldColorsCSS({ color: sectionColor }),\n          consumerClassName,\n        )}\n        style={consumerStyle}\n        {...remainingProps}\n      >\n        {(slots.label || slots.content) && (\n          <AccordionSectionContext.Provider\n            value={{\n              labelId,\n              contentId,\n              isExpanded,\n              keepMounted,\n              size,\n            }}\n          >\n            <Flex\n              ref={containerRef}\n              flexDirection=\"row\"\n              alignItems=\"center\"\n              justifyContent={triggerIsStart ? undefined : 'space-between'}\n              gap={size === 'default' ? 8 : 4}\n              id={labelId}\n              onClick={() => {\n                if (interactive && !disabled) {\n                  dispatch({\n                    type: AccordionActions.TOGGLE_SECTION,\n                    payload: id,\n                  });\n                }\n              }}\n              style={{\n                cursor: interactive && !disabled ? 'pointer' : undefined,\n                width: `calc(100% - ${offsetWidth}px)`,\n              }}\n              data-dt-name={\n                isExpanded ? 'SectionCollapseHeader' : 'SectionExpandHeader'\n              }\n            >\n              {triggerIsStart && trigger}\n              {slots.label}\n              {!triggerIsStart && trigger}\n            </Flex>\n            {slots.content}\n          </AccordionSectionContext.Provider>\n        )}\n      </Section>\n    );\n  },\n);\n\n(\n  AccordionSection as typeof AccordionSection & { displayName: string }\n).displayName = 'Accordion.Section';\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/content/ai-loading-indicator/AiLoadingIndicator.css

@@ -1,4 +1,4 @@
-@keyframes _1te6oqj4-3-1-3 {
+@keyframes _1te6oqj4-3-2-1 {
   0% {
     background-position: 20% 0%;
   }
@@ -6,27 +6,27 @@
     background-position: -120% 100%;
   }
 }
-._1te6oqj5-3-1-3 {
-  --_1te6oqj0-3-1-3: #CB53F6;
-  --_1te6oqj1-3-1-3: #7FF8F9;
-  --_1te6oqj2-3-1-3: 15%;
-  --_1te6oqj3-3-1-3: 5%;
+._1te6oqj5-3-2-1 {
+  --_1te6oqj0-3-2-1: #CB53F6;
+  --_1te6oqj1-3-2-1: #7FF8F9;
+  --_1te6oqj2-3-2-1: 15%;
+  --_1te6oqj3-3-2-1: 5%;
   position: relative;
-  background-image: linear-gradient(90deg, transparent 0%, transparent 5%, var(--dt-colors-text-neutral-default, #2f2f4f) 10%, var(--dt-colors-text-neutral-default, #2f2f4f) 90%, transparent 95%, transparent 100%), linear-gradient(var(--_1te6oqj0-3-1-3) 0%, var(--_1te6oqj1-3-1-3) 100%);
+  background-image: linear-gradient(90deg, transparent 0%, transparent 5%, var(--dt-colors-text-neutral-default, #2f2f4f) 10%, var(--dt-colors-text-neutral-default, #2f2f4f) 90%, transparent 95%, transparent 100%), linear-gradient(var(--_1te6oqj0-3-2-1) 0%, var(--_1te6oqj1-3-2-1) 100%);
   background-size: 200% 600%;
   background-position: 0% 0%;
   background-clip: text;
   color: transparent;
-  animation-name: _1te6oqj4-3-1-3;
+  animation-name: _1te6oqj4-3-2-1;
   animation-duration: var(--dt-timings-slowest-gentle, 1500ms);
   animation-iteration-count: infinite;
   animation-timing-function: var(--dt-easings-fast-in-slow-out, cubic-bezier(0.4, 0, 0.2, 1));
 }
-._1te6oqj6-3-1-3 {
+._1te6oqj6-3-2-1 {
   padding-top: calc(var(--dt-spacings-size-20, 20px) / 2 - 0.5lh);
   min-width: 0;
 }
-._1te6oqj7-3-1-3 {
+._1te6oqj7-3-2-1 {
   width: var(--dt-spacings-size-20, 20px);
   min-height: 1lh;
   display: flex;
@@ -34,12 +34,12 @@
   align-items: center;
   flex-shrink: 0;
 }
-._1te6oqj7-3-1-3 svg {
+._1te6oqj7-3-2-1 svg {
   display: block;
   width: var(--dt-spacings-size-20, 20px);
   height: var(--dt-spacings-size-20, 20px);
 }
-._1te6oqj8-3-1-3 {
+._1te6oqj8-3-2-1 {
   display: inline-flex;
   align-items: center;
   vertical-align: middle;

package/esm/content/ai-loading-indicator/AiLoadingIndicator.sty.js

@@ -1,8 +1,8 @@
 import "./AiLoadingIndicator.css";
-var container = "_1te6oqj8-3-1-3";
-var iconWrapper = "_1te6oqj7-3-1-3";
-var label = "_1te6oqj6-3-1-3";
-var labelAnimation = "_1te6oqj5-3-1-3";
+var container = "_1te6oqj8-3-2-1";
+var iconWrapper = "_1te6oqj7-3-2-1";
+var label = "_1te6oqj6-3-2-1";
+var labelAnimation = "_1te6oqj5-3-2-1";
 export {
   container,
   iconWrapper,