@dynatrace/strato-components 3.7.1 → 3.9.0

package/esm/charts/pie/types/pie-chart.config.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/pie/types/pie-chart.config.ts"],
-  "sourcesContent": ["import { type ReactNode } from 'react';\n\nimport type {\n  ConvertibleUnit,\n  FormatOptions,\n  Unit,\n} from '@dynatrace-sdk/units';\n\nimport {\n  PieChartInternalToolbarConfig,\n  PieChartToolbarConfig,\n} from './toolbar.js';\nimport type { BehaviorTrackingProps } from '../../../core/types/behavior-tracking-props.js';\nimport type { DataTestId } from '../../../core/types/data-props.js';\nimport type { MaskingProps } from '../../../core/types/masking-props.js';\nimport type { StylingProps } from '../../../core/types/styling-props.js';\nimport type { TruncationMode } from '../../../typography/text-ellipsis/TextEllipsis.js';\nimport type {\n  ColorPalette,\n  CustomColorPalette,\n} from '../../core/types/color-palette.js';\nimport type { ColorRuleProps } from '../../core/types/color-rule.js';\nimport type { Formatter } from '../../core/types/formatter.js';\nimport type { LegendProps } from '../../core/types/legend.js';\nimport type { SeriesActionsTemplate } from '../../core/types/series-actions-template.js';\n/**\n * @public\n * @deprecated use string or Unit type instead\n */\nexport type SliceUnit = string;\n\n/**\n * @public\n */\nexport interface SliceData {\n  /** The category of the slice*/\n  category: string;\n  /** The value of the slice */\n  value: number;\n  /**\n   * The color of the slice. Overrides the color assigned from the color palette.\n   *\n   * @deprecated This key will be removed in a future release. Use ColorRule slot instead.\n   */\n  color?: string;\n}\n\n/**\n * @public\n */\nexport interface PieChartData {\n  /** Slice data array */\n  slices: SliceData[];\n  /** The unit of the slices */\n  unit?: string | Unit;\n}\n\n/**\n * @public\n */\nexport interface PieChartProps\n  extends StylingProps,\n    MaskingProps,\n    DataTestId,\n    BehaviorTrackingProps {\n  /**\n   * Categorical data of the chart.\n   */\n  data: PieChartData;\n  /**\n   * The width of the chart. A number or a string with accepted CSS units is expected.\n   * @defaultValue 100%\n   */\n  width?: number | string;\n  /** The height of the chart. If a number is passed, it will be treated as px.\n   * @defaultValue 300px.\n   */\n  height?: number | string;\n  /**\n   * Set of Color palette to be used in charts.\n   * @defaultValue 'categorical'.\n   */\n  colorPalette?: ColorPalette | CustomColorPalette;\n  /**\n   * Custom Formatter for the chart\n   */\n  formatter?: Formatter | FormatOptions<Unit, ConvertibleUnit>;\n  /**\n   * Truncation mode to use (start, middle, end)\n   * Applied to all the parts that truncate text.\n   * @defaultValue 'middle'\n   */\n  truncationMode?: TruncationMode;\n  /** Exposed callback to display series actions for a slice  */\n  seriesActions?: (slice: SliceData) => SeriesActionsTemplate;\n  /** Show the loading indicator when truly.\n   * @defaultValue false\n   */\n  loading?: boolean;\n}\n\n/**\n * @public\n */\nexport interface PieChartContextConfig {\n  /**\n   * Set of Color palette to be used in charts.\n   * @defaultValue 'categorical'.\n   */\n  colorPalette?: ColorPalette | CustomColorPalette;\n  /**\n   * Config for the labels of the pie chart slices.\n   */\n  labels?: LabelsConfig;\n  /**\n   * Group configuration for the pie chart.\n   * Aggregates multiple slices into a group (matches threshold config).\n   */\n  grouping?: GroupConfig;\n  /**\n   * Legend configuration for the pie chart\n   */\n  legend?: PieChartLegendConfig;\n  /**\n   * Custom Formatter for the chart\n   */\n  formatter?: Formatter | FormatOptions<Unit, ConvertibleUnit>;\n  /**\n   * Truncation mode to use (start, middle, end)\n   * Applied to all the parts that truncate text.\n   * @defaultValue 'middle'\n   */\n  truncationMode?: TruncationMode;\n  /**\n   * Toolbar configuration\n   */\n  toolbar?: PieChartToolbarConfig;\n  /**\n   * Tooltip configuration\n   */\n  tooltip?: PieChartCustomTooltipConfig;\n  /** Callback to display series actions for a slice */\n  seriesActions?: (slice: SliceData) => SeriesActionsTemplate;\n  colorRules?: ColorRuleProps[];\n}\n\n/**\n * @internal\n */\nexport type DonutChartContextConfig = PieChartContextConfig;\n\n/**\n * @public\n */\nexport interface PieChartConfiguration extends PieChartContextConfig {\n  /** The height of the chart. If a number is passed, it will be treated as px.\n   * @defaultValue 300px.\n   */\n  height?: number | string;\n}\n\n/**\n * @internal\n */\nexport type DonutChartConfiguration = PieChartConfiguration;\n\n// Config type holding all the required config used in the pie chart. Considers that the defaults have already been applied.\n/**\n * @internal\n */\nexport type RequiredPieChartConfiguration = Required<\n  Omit<\n    PieChartConfiguration,\n    'toolbar' | 'seriesActions' | 'colorRules' | 'tooltip'\n  >\n> & {\n  toolbar?: PieChartInternalToolbarConfig;\n  tooltip?: PieChartCustomTooltipConfig;\n  innerElement?: InnerHandler | ReactNode;\n  colorRules?: ColorRuleProps[];\n};\n\n/**\n * @internal\n */\nexport type RequiredDonutChartConfiguration = RequiredPieChartConfiguration;\n\n/**\n * Tooltip configuration for the pie chart\n * @public\n */\nexport type PieChartCustomTooltipConfig = {\n  hidden?: boolean;\n  template?: PieChartCustomTooltipProps['children'];\n};\n\n/**\n * @internal\n */\nexport type NotRequiredPieChartConfiguration = {\n  seriesActions?: (slice: SliceData) => SeriesActionsTemplate;\n};\n\n/**\n * @internal\n */\nexport type NotRequiredDonutChartConfiguration =\n  NotRequiredPieChartConfiguration;\n\n/**\n * @internal\n */\nexport type PieDonutConfig = (\n  | RequiredPieChartConfiguration\n  | RequiredDonutChartConfiguration\n) &\n  (NotRequiredPieChartConfiguration | NotRequiredDonutChartConfiguration);\n\n/**\n * @public\n */\nexport type LabelTypeOptions = 'absolute' | 'relative';\n/**\n * @public\n */\nexport interface LabelsConfig {\n  /**\n   * Hides the slice labels.\n   * @defaultValue false (all the labels are displayed).\n   */\n  hidden?: boolean;\n  /**\n   * Display the label with a relative or absolute value.\n   * @defaultValue 'relative'\n   */\n  valueType?: LabelTypeOptions;\n}\n\n/**\n * @public\n */\nexport const thresholdTypeOptions = [\n  'absolute',\n  'relative',\n  'number-of-slices',\n] as const;\n/**\n * @public\n */\nexport type ThresholdType = (typeof thresholdTypeOptions)[number];\n\n/**\n * @public\n */\nexport interface ThresholdConfig {\n  /**\n   * Type of the grouping threshold. Can be \"relative\", \"absolute\" or \"number-of-slices\".\n   * @defaultValue 'relative'.\n   */\n  type: ThresholdType;\n  /**\n   * Value of the group threshold.\n   * Default is dynamically calculated depending on the chart size for relative and absolute. 10 in case of number-of-slices.\n   */\n  value: number;\n}\n\n/**\n * @public\n */\nexport interface GroupConfig {\n  /**\n   * Name of the group.\n   * @defaultValue 'Other'.\n   */\n  name?: string;\n  /**\n   * The threshold for the group.\n   */\n  threshold: ThresholdConfig;\n}\n\n/**\n * @public\n */\nexport type PieChartLegendConfig = LegendProps;\n\n/**\n * @public\n */\nexport type DonutChartData = PieChartData;\n\n/**\n * @public\n */\nexport interface DonutChartProps\n  extends StylingProps,\n    MaskingProps,\n    DataTestId,\n    BehaviorTrackingProps {\n  /**\n   * Categorical data of the chart.\n   */\n  data: DonutChartData;\n  /**\n   * The width of the chart. A number or a string with accepted CSS units is expected.\n   * @defaultValue 100%\n   */\n  width?: number | string;\n  /** The height of the chart. If a number is passed, it will be treated as px.\n   * @defaultValue 300px.\n   */\n  height?: number | string;\n  /**\n   * Set of Color palette to be used in charts.\n   * @defaultValue 'categorical'.\n   */\n  colorPalette?: ColorPalette | CustomColorPalette;\n  /**\n   * Custom Formatter for the chart\n   */\n  formatter?: Formatter | FormatOptions<Unit, ConvertibleUnit>;\n  /**\n   * Truncation mode to use (start, middle, end)\n   * Applied to all the parts that truncate text.\n   * @defaultValue 'middle'\n   */\n  truncationMode?: TruncationMode;\n  /** Exposed callback to display series actions for a slice  */\n  seriesActions?: (slice: SliceData) => SeriesActionsTemplate;\n  /** Show the loading indicator when truly.\n   * @defaultValue false\n   */\n  loading?: boolean;\n}\n\n/**\n * @public\n */\nexport type DonutChartLegendConfig = PieChartLegendConfig;\n\n/**\n * Data provided to the custom tooltip render function for PieChart and DonutChart.\n * @public\n */\nexport type PieChartTooltipPayload = {\n  /** The slice category name */\n  category: string;\n  /** Formatted absolute value */\n  value: string | number;\n  /** Relative value in percent (e.g. 24.5 for 24.5%) */\n  percentage: number;\n  /** Slice color (hex string) */\n  color: string;\n};\n\n/**\n * @public\n */\nexport type PieChartCustomTooltipProps = {\n  hidden?: boolean;\n  symbolAlignment?: 'left' | 'right';\n  children?: (payload: PieChartTooltipPayload) => ReactNode;\n};\n\n/**\n * @public\n */\nexport type DonutChartCustomTooltipProps = PieChartCustomTooltipProps;\n\n// TODO: ADES-3843 Split this type into two different ones, PieChartSlots and DonutChartSlots\n/**\n * @internal\n */\nexport interface PieChartSlots {\n  labels: Partial<LabelsConfig>;\n  grouping: Partial<GroupConfig>;\n  legend: Partial<PieChartLegendConfig>;\n  toolbar: Partial<PieChartToolbarConfig> | undefined;\n  innerElement?: InnerHandler | ReactNode;\n  colorRules: ColorRuleProps[];\n  tooltip?: PieChartCustomTooltipConfig;\n}\n\n/**\n * @internal\n */\nexport type DonutChartSlots = PieChartSlots;\n\n/**\n * @public\n */\nexport type InnerHandler = (value: InnerParams) => ReactNode;\n\n/**\n * @public\n */\nexport type InnerParams = {\n  absoluteValue: number;\n  relativeValue: number;\n  dimensions: { width: number; height: number };\n};\n"],
-  "mappings": "AAiPO,MAAM,uBAAuB;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AACF;",
+  "sourcesContent": ["import { type ReactNode } from 'react';\n\nimport type {\n  ConvertibleUnit,\n  FormatOptions,\n  Unit,\n} from '@dynatrace-sdk/units';\n\nimport {\n  PieChartInternalToolbarConfig,\n  PieChartToolbarConfig,\n} from './toolbar.js';\nimport type { BehaviorTrackingProps } from '../../../core/types/behavior-tracking-props.js';\nimport type { DataTestId } from '../../../core/types/data-props.js';\nimport type { MaskingProps } from '../../../core/types/masking-props.js';\nimport type { StylingProps } from '../../../core/types/styling-props.js';\nimport type { TruncationMode } from '../../../typography/text-ellipsis/TextEllipsis.js';\nimport type { ChartData } from '../../core/types/chart-data.js';\nimport type { ChartUnit } from '../../core/types/chart-unit.js';\nimport type {\n  ColorPalette,\n  CustomColorPalette,\n} from '../../core/types/color-palette.js';\nimport type { ColorRuleProps } from '../../core/types/color-rule.js';\nimport type { Formatter } from '../../core/types/formatter.js';\nimport type { LegendProps } from '../../core/types/legend.js';\nimport type { SeriesActionsTemplate } from '../../core/types/series-actions-template.js';\n/**\n * Unit for pie/donut chart slices.\n * @public\n * @deprecated use string or Unit type instead\n */\nexport type SliceUnit = string;\n\n/**\n * Legacy data format for a single pie/donut slice.\n * @public\n * @deprecated Use the unified `ChartData` (`ChartDatapoint[]`) format together\n * with `labelAccessor`/`valueAccessor` instead. This interface will be removed\n * in a future release.\n */\nexport interface SliceData {\n  /** The category of the slice*/\n  category: string;\n  /** The value of the slice */\n  value: number;\n  /**\n   * The color of the slice. Overrides the color assigned from the color palette.\n   *\n   * @deprecated This key will be removed in a future release. Use ColorRule slot instead.\n   */\n  color?: string;\n}\n\n/**\n * Legacy data format for PieChart slices.\n * @public\n * @deprecated Use the unified `ChartData` (`ChartDatapoint[]`) format together\n * with `labelAccessor`/`valueAccessor` and the root-level `unit` prop instead.\n * This interface will be removed in a future release.\n */\nexport interface PieChartData {\n  /** Slice data array */\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  slices: SliceData[];\n  /** The unit of the slices */\n  unit?: string | Unit;\n}\n\n/**\n * Properties shared by both the unified `ChartData` and the legacy\n * `PieChartData` variants of {@link PieChartProps}.\n * @public\n */\nexport interface PieChartBaseProps\n  extends StylingProps,\n    MaskingProps,\n    DataTestId,\n    BehaviorTrackingProps {\n  /**\n   * The width of the chart. A number or a string with accepted CSS units is expected.\n   * @defaultValue 100%\n   */\n  width?: number | string;\n  /** The height of the chart. If a number is passed, it will be treated as px.\n   * @defaultValue 300px.\n   */\n  height?: number | string;\n  /**\n   * Set of Color palette to be used in charts.\n   * @defaultValue 'categorical'.\n   */\n  colorPalette?: ColorPalette | CustomColorPalette;\n  /**\n   * Custom Formatter for the chart\n   */\n  formatter?: Formatter | FormatOptions<Unit, ConvertibleUnit>;\n  /**\n   * Truncation mode to use (start, middle, end)\n   * Applied to all the parts that truncate text.\n   * @defaultValue 'middle'\n   */\n  truncationMode?: TruncationMode;\n  /** Exposed callback to display series actions for a slice  */\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  seriesActions?: (slice: SliceData) => SeriesActionsTemplate;\n  /** Show the loading indicator when truly.\n   * @defaultValue false\n   */\n  loading?: boolean;\n}\n\n/**\n * PieChart props using the unified `ChartData` format. The slice label and\n * value are resolved from each datapoint through `labelAccessor` and\n * `valueAccessor` (dot-notation is supported, e.g. `\"metrics.value\"`).\n * @public\n */\nexport interface PieChartAccessorDataProps extends PieChartBaseProps {\n  /**\n   * Categorical data of the chart in the unified `ChartData` format.\n   */\n  data: ChartData;\n  /** Accessor describing the field that holds the slice label/category. */\n  labelAccessor: string;\n  /** Accessor describing the field that holds the slice value. */\n  valueAccessor: string;\n  /** The unit of the slices. */\n  unit?: ChartUnit;\n}\n\n/**\n * PieChart props using the legacy `PieChartData` format.\n * @public\n * @deprecated Use the unified `ChartData` format with\n * `labelAccessor`/`valueAccessor` instead (see {@link PieChartAccessorDataProps}).\n */\nexport interface PieChartLegacyDataProps extends PieChartBaseProps {\n  /** Categorical data of the chart.*/\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  data: PieChartData;\n  /** Not available in the legacy data format. Use `PieChartAccessorDataProps` with the unified `ChartData` format. */\n  labelAccessor?: never;\n  /** Not available in the legacy data format. Use `PieChartAccessorDataProps` with the unified `ChartData` format. */\n  valueAccessor?: never;\n  /** Not available in the legacy data format. Set the unit via `PieChartData.unit` instead. */\n  unit?: never;\n}\n\n/**\n * Props for the PieChart component.\n * @public\n */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport type PieChartProps = PieChartAccessorDataProps | PieChartLegacyDataProps;\n\n/**\n * Configuration for the PieChart context, allowing shared config across multiple charts via {@link PieChartConfig}.\n * @public\n */\nexport interface PieChartContextConfig {\n  /**\n   * Set of Color palette to be used in charts.\n   * @defaultValue 'categorical'.\n   */\n  colorPalette?: ColorPalette | CustomColorPalette;\n  /**\n   * Config for the labels of the pie chart slices.\n   */\n  labels?: LabelsConfig;\n  /**\n   * Group configuration for the pie chart.\n   * Aggregates multiple slices into a group (matches threshold config).\n   */\n  grouping?: GroupConfig;\n  /**\n   * Legend configuration for the pie chart\n   */\n  legend?: PieChartLegendConfig;\n  /**\n   * Custom Formatter for the chart\n   */\n  formatter?: Formatter | FormatOptions<Unit, ConvertibleUnit>;\n  /**\n   * Truncation mode to use (start, middle, end)\n   * Applied to all the parts that truncate text.\n   * @defaultValue 'middle'\n   */\n  truncationMode?: TruncationMode;\n  /**\n   * Toolbar configuration\n   */\n  toolbar?: PieChartToolbarConfig;\n  /**\n   * Tooltip configuration\n   */\n  tooltip?: PieChartCustomTooltipConfig;\n  /** Callback to display series actions for a slice */\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  seriesActions?: (slice: SliceData) => SeriesActionsTemplate;\n  colorRules?: ColorRuleProps[];\n}\n\n/**\n * @internal\n */\nexport type DonutChartContextConfig = PieChartContextConfig;\n\n/**\n * Full configuration for the PieChart component, extending {@link PieChartContextConfig} with chart dimensions.\n * @public\n */\nexport interface PieChartConfiguration extends PieChartContextConfig {\n  /** The height of the chart. If a number is passed, it will be treated as px.\n   * @defaultValue 300px.\n   */\n  height?: number | string;\n}\n\n/**\n * @internal\n */\nexport type DonutChartConfiguration = PieChartConfiguration;\n\n// Config type holding all the required config used in the pie chart. Considers that the defaults have already been applied.\n/**\n * @internal\n */\nexport type RequiredPieChartConfiguration = Required<\n  Omit<\n    PieChartConfiguration,\n    'toolbar' | 'seriesActions' | 'colorRules' | 'tooltip'\n  >\n> & {\n  toolbar?: PieChartInternalToolbarConfig;\n  tooltip?: PieChartCustomTooltipConfig;\n  innerElement?: InnerHandler | ReactNode;\n  colorRules?: ColorRuleProps[];\n};\n\n/**\n * @internal\n */\nexport type RequiredDonutChartConfiguration = RequiredPieChartConfiguration;\n\n/**\n * Tooltip configuration for the pie chart\n * @public\n */\nexport type PieChartCustomTooltipConfig = {\n  hidden?: boolean;\n  template?: PieChartCustomTooltipProps['children'];\n};\n\n/**\n * @internal\n */\nexport type NotRequiredPieChartConfiguration = {\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  seriesActions?: (slice: SliceData) => SeriesActionsTemplate;\n};\n\n/**\n * @internal\n */\nexport type NotRequiredDonutChartConfiguration =\n  NotRequiredPieChartConfiguration;\n\n/**\n * @internal\n */\nexport type PieDonutConfig = (\n  | RequiredPieChartConfiguration\n  | RequiredDonutChartConfiguration\n) &\n  (NotRequiredPieChartConfiguration | NotRequiredDonutChartConfiguration);\n\n/**\n * @public\n */\nexport type LabelTypeOptions = 'absolute' | 'relative';\n/**\n * @public\n */\nexport interface LabelsConfig {\n  /**\n   * Hides the slice labels.\n   * @defaultValue false (all the labels are displayed).\n   */\n  hidden?: boolean;\n  /**\n   * Display the label with a relative or absolute value.\n   * @defaultValue 'relative'\n   */\n  valueType?: LabelTypeOptions;\n}\n\n/**\n * @public\n */\nexport const thresholdTypeOptions = [\n  'absolute',\n  'relative',\n  'number-of-slices',\n] as const;\n/**\n * @public\n */\nexport type ThresholdType = (typeof thresholdTypeOptions)[number];\n\n/**\n * @public\n */\nexport interface ThresholdConfig {\n  /**\n   * Type of the grouping threshold. Can be \"relative\", \"absolute\" or \"number-of-slices\".\n   * @defaultValue 'relative'.\n   */\n  type: ThresholdType;\n  /**\n   * Value of the group threshold.\n   * Default is dynamically calculated depending on the chart size for relative and absolute. 10 in case of number-of-slices.\n   */\n  value: number;\n}\n\n/**\n * @public\n */\nexport interface GroupConfig {\n  /**\n   * Name of the group.\n   * @defaultValue 'Other'.\n   */\n  name?: string;\n  /**\n   * The threshold for the group.\n   */\n  threshold: ThresholdConfig;\n}\n\n/**\n * Legend configuration for the PieChart component.\n * @public\n */\nexport type PieChartLegendConfig = LegendProps;\n\n/**\n * Legacy data format for the DonutChart component.\n * @public\n * @deprecated Use the unified `ChartData` (`ChartDatapoint[]`) format together\n * with `labelAccessor`/`valueAccessor` and the root-level `unit` prop instead.\n * This type will be removed in a future release.\n */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport type DonutChartData = PieChartData;\n\n/**\n * Properties shared by both the unified `ChartData` and the legacy\n * `DonutChartData` variants of {@link DonutChartProps}.\n * @public\n */\nexport type DonutChartBaseProps = PieChartBaseProps;\n\n/**\n * DonutChart props using the unified `ChartData` format. The slice label and\n * value are resolved from each datapoint through `labelAccessor` and\n * `valueAccessor` (dot-notation is supported, e.g. `\"metrics.value\"`).\n * @public\n */\nexport interface DonutChartAccessorDataProps extends DonutChartBaseProps {\n  /**\n   * Categorical data of the chart in the unified `ChartData` format.\n   */\n  data: ChartData;\n  /** Accessor describing the field that holds the slice label/category. */\n  labelAccessor: string;\n  /** Accessor describing the field that holds the slice value. */\n  valueAccessor: string;\n  /** The unit of the slices. */\n  unit?: ChartUnit;\n}\n\n/**\n * DonutChart props using the legacy `DonutChartData` format.\n * @public\n * @deprecated Use the unified `ChartData` (`ChartDatapoint[]`) format together\n * with `labelAccessor`/`valueAccessor` and the root-level `unit` prop instead.\n * This interface will be removed in a future release.\n */\nexport interface DonutChartLegacyDataProps extends DonutChartBaseProps {\n  /** Categorical data of the chart. */\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  data: DonutChartData;\n  /** Not available in the legacy data format. Use `DonutChartAccessorDataProps` with the unified `ChartData` format. */\n  labelAccessor?: never;\n  /** Not available in the legacy data format. Use `DonutChartAccessorDataProps` with the unified `ChartData` format. */\n  valueAccessor?: never;\n  /** Not available in the legacy data format. Set the unit via `DonutChartData.unit` instead. */\n  unit?: never;\n}\n\n/**\n * Props for the DonutChart component.\n * @public\n */\nexport type DonutChartProps =\n  | DonutChartAccessorDataProps\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  | DonutChartLegacyDataProps;\n\n/**\n * Legend configuration for the DonutChart component.\n * @public\n */\nexport type DonutChartLegendConfig = PieChartLegendConfig;\n\n/**\n * Data provided to the custom tooltip render function for PieChart and DonutChart.\n * @public\n */\nexport type PieChartTooltipPayload = {\n  /** The slice category name */\n  category: string;\n  /** Formatted absolute value */\n  value: string | number;\n  /** Relative value in percent (e.g. 24.5 for 24.5%) */\n  percentage: number;\n  /** Slice color (hex string) */\n  color: string;\n};\n\n/**\n * Props for a custom tooltip rendered inside the PieChart.\n * @public\n */\nexport type PieChartCustomTooltipProps = {\n  hidden?: boolean;\n  symbolAlignment?: 'left' | 'right';\n  children?: (payload: PieChartTooltipPayload) => ReactNode;\n};\n\n/**\n * Props for a custom tooltip rendered inside the DonutChart.\n * @public\n */\nexport type DonutChartCustomTooltipProps = PieChartCustomTooltipProps;\n\n// TODO: ADES-3843 Split this type into two different ones, PieChartSlots and DonutChartSlots\n/**\n * @internal\n */\nexport interface PieChartSlots {\n  labels: Partial<LabelsConfig>;\n  grouping: Partial<GroupConfig>;\n  legend: Partial<PieChartLegendConfig>;\n  toolbar: Partial<PieChartToolbarConfig> | undefined;\n  innerElement?: InnerHandler | ReactNode;\n  colorRules: ColorRuleProps[];\n  tooltip?: PieChartCustomTooltipConfig;\n}\n\n/**\n * @internal\n */\nexport type DonutChartSlots = PieChartSlots;\n\n/**\n * @public\n */\nexport type InnerHandler = (value: InnerParams) => ReactNode;\n\n/**\n * @public\n */\nexport type InnerParams = {\n  absoluteValue: number;\n  relativeValue: number;\n  dimensions: { width: number; height: number };\n};\n"],
+  "mappings": "AA4SO,MAAM,uBAAuB;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AACF;",
   "names": []
 }

package/esm/charts/pie/utils/build-and-download-csv.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/pie/utils/build-and-download-csv.ts"],
-  "sourcesContent": ["import { formatCsv } from './format-csv.js';\nimport { downloadCSV } from '../../../core/utils/download.js';\nimport { CSS_DOWNLOAD_FILENAME } from '../../core/constants.js';\nimport { DonutChartData, PieChartData } from '../types/pie-chart.config.js';\n\nexport const buildAndDownloadCsv = (\n  chartData: PieChartData | DonutChartData,\n) => {\n  const csvString = formatCsv(chartData);\n  downloadCSV(csvString, CSS_DOWNLOAD_FILENAME);\n};\n"],
-  "mappings": "AAAA,SAAS,iBAAiB;AAC1B,SAAS,mBAAmB;AAC5B,SAAS,6BAA6B;AAG/B,MAAM,sBAAsB,CACjC,cACG;AACH,QAAM,YAAY,UAAU,SAAS;AACrC,cAAY,WAAW,qBAAqB;AAC9C;",
+  "sourcesContent": ["import { formatCsv } from './format-csv.js';\nimport { downloadCSV } from '../../../core/utils/download.js';\nimport { CSS_DOWNLOAD_FILENAME } from '../../core/constants.js';\nimport { DonutChartData, PieChartData } from '../types/pie-chart.config.js';\n\nexport const buildAndDownloadCsv = (\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  chartData: PieChartData | DonutChartData,\n) => {\n  const csvString = formatCsv(chartData);\n  downloadCSV(csvString, CSS_DOWNLOAD_FILENAME);\n};\n"],
+  "mappings": "AAAA,SAAS,iBAAiB;AAC1B,SAAS,mBAAmB;AAC5B,SAAS,6BAA6B;AAG/B,MAAM,sBAAsB,CAEjC,cACG;AACH,QAAM,YAAY,UAAU,SAAS;AACrC,cAAY,WAAW,qBAAqB;AAC9C;",
   "names": []
 }

package/esm/charts/pie/utils/build-group-threshold.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/pie/utils/build-group-threshold.ts"],
-  "sourcesContent": ["import { partition } from 'lodash-es';\n\nimport type { Unit } from '@dynatrace-sdk/units';\n\nimport { buildSlices } from './build-slices.js';\nimport {\n  CustomColorPalette,\n  ColorPalette,\n} from '../../core/types/color-palette.js';\nimport { THRESHOLD_TYPE } from '../types/default.js';\nimport { InternalSliceData } from '../types/internal/pie-chart.js';\nimport {\n  ThresholdConfig,\n  SliceData,\n  GroupConfig,\n} from '../types/pie-chart.config.js';\n\n/**\n * Group the data depending on which threshold the user has selected\n * @param data - Data received from the dataSet\n * @param grouping - Received grouping config\n * @param colorPalette - Palette to apply to the slices.\n * @param unit - Unit of the data.\n */\nexport function buildGroupThreshold(\n  data: SliceData[],\n  grouping?: GroupConfig,\n  colorPalette?: ColorPalette | CustomColorPalette,\n  unit?: string | Unit,\n): InternalSliceData[] {\n  const internalSlicesData = buildSlices(data, colorPalette, unit);\n\n  const threshold = grouping?.threshold;\n\n  if (threshold?.type === THRESHOLD_TYPE.NUMBER_OF_SLICES) {\n    return calculateNumberOfSlicesGrouping(\n      internalSlicesData,\n      threshold,\n      grouping?.name,\n    );\n  }\n\n  if (threshold?.type === THRESHOLD_TYPE.RELATIVE) {\n    return calculateRelativeGrouping(\n      internalSlicesData,\n      threshold,\n      grouping?.name,\n    );\n  }\n\n  if (threshold?.type === THRESHOLD_TYPE.ABSOLUTE) {\n    return calculateAbsoluteGrouping(\n      internalSlicesData,\n      threshold,\n      grouping?.name,\n    );\n  }\n\n  return internalSlicesData;\n}\n\n/**\n * Calculates the groups depending on the number of the slices.\n * @param data - Information received from the dataset already prepared with some metadata.\n * @param threshold - Indicates the way to group the slices.\n * @param groupingName - Name for the group.\n * @returns An array of an internal slices.\n */\nfunction calculateNumberOfSlicesGrouping(\n  data: InternalSliceData[],\n  threshold: ThresholdConfig,\n  groupingName?: string,\n): InternalSliceData[] {\n  const slicesWithValue = data.filter((slice) => slice.value);\n  const slicesToMerge = slicesWithValue.slice(threshold.value - 1);\n  const remainingSlices = slicesWithValue.slice(0, threshold.value - 1);\n\n  if (threshold.value === 0) {\n    return [...slicesToMerge, ...remainingSlices];\n  }\n\n  return generateGroup(slicesToMerge, remainingSlices, groupingName);\n}\n\n/**\n * Calculates the relative value using the threshold value and groups the slices.\n * @param data - Information received from the dataset already prepared with some metadata.\n * @param threshold - Indicates the way to group the slices.\n * @param groupingName - Name for the group.\n * @returns An array of an internal slices.\n */\nfunction calculateRelativeGrouping(\n  data: InternalSliceData[],\n  threshold: ThresholdConfig,\n  groupingName?: string,\n): InternalSliceData[] {\n  const slicesWithValue = data.filter((slice) => slice.value);\n\n  const [slicesToMerge, remainingSlices] = partition(\n    slicesWithValue,\n    (slice) => slice.relativeValue < threshold.value,\n  );\n\n  return generateGroup(slicesToMerge, remainingSlices, groupingName);\n}\n\n/**\n * Calculates the absolute value using the threshold value and groups the slices.\n * @param data - Information received from the dataset already prepared with some metadata.\n * @param threshold - Indicates the way to group the slices.\n * @param groupingName - Name for the group.\n * @returns An array of an internal slices.\n */\nfunction calculateAbsoluteGrouping(\n  data: InternalSliceData[],\n  threshold: ThresholdConfig,\n  groupingName: string | undefined,\n): InternalSliceData[] {\n  const slicesWithValue = data.filter((slice) => slice.value);\n\n  const [slicesToMerge, remainingSlices] = partition(\n    slicesWithValue,\n    (slice) => slice.value < threshold.value,\n  );\n\n  return generateGroup(slicesToMerge, remainingSlices, groupingName);\n}\n\n/**\n * Organize the data in different groups and recalculates colors\n * @param slicesToMerge - slices to merge into the Other category\n * @param data - Information received from the dataset already prepared with some metadata.\n * @param groupingName - Name of the group\n * @returns An array of an internal slices.\n */\nfunction generateGroup(\n  slicesToMerge: InternalSliceData[],\n  data: InternalSliceData[],\n  groupingName?: string,\n): InternalSliceData[] {\n  const isWithoutGrouping = !slicesToMerge.length || slicesToMerge.length === 1;\n\n  if (isWithoutGrouping) {\n    return [...data, ...slicesToMerge];\n  }\n\n  // Returns the numerical value of the id of the first slice that is going to be merge\n  const groupIndexValue = slicesToMerge[0].id.split('-')[1];\n\n  const groupId = groupingName\n    ? groupingName + '-' + groupIndexValue\n    : 'other-' + groupIndexValue;\n\n  const mergedSlice = slicesToMerge.reduce(\n    (acc, curr) => ({\n      ...acc,\n      ...curr,\n      category: groupingName ?? 'Other',\n      value: acc.value + curr.value,\n      relativeValue: acc.relativeValue + curr.relativeValue,\n      color: slicesToMerge[0].color,\n      id: groupId,\n    }),\n    {\n      value: 0,\n      relativeValue: 0,\n    } as InternalSliceData,\n  );\n\n  return [...data, mergedSlice];\n}\n"],
-  "mappings": "AAAA,SAAS,iBAAiB;AAI1B,SAAS,mBAAmB;AAK5B,SAAS,sBAAsB;AAexB,SAAS,oBACd,MACA,UACA,cACA,MACqB;AACrB,QAAM,qBAAqB,YAAY,MAAM,cAAc,IAAI;AAE/D,QAAM,YAAY,UAAU;AAE5B,MAAI,WAAW,SAAS,eAAe,kBAAkB;AACvD,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA,UAAU;AAAA,IACZ;AAAA,EACF;AAEA,MAAI,WAAW,SAAS,eAAe,UAAU;AAC/C,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA,UAAU;AAAA,IACZ;AAAA,EACF;AAEA,MAAI,WAAW,SAAS,eAAe,UAAU;AAC/C,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA,UAAU;AAAA,IACZ;AAAA,EACF;AAEA,SAAO;AACT;AASA,SAAS,gCACP,MACA,WACA,cACqB;AACrB,QAAM,kBAAkB,KAAK,OAAO,CAAC,UAAU,MAAM,KAAK;AAC1D,QAAM,gBAAgB,gBAAgB,MAAM,UAAU,QAAQ,CAAC;AAC/D,QAAM,kBAAkB,gBAAgB,MAAM,GAAG,UAAU,QAAQ,CAAC;AAEpE,MAAI,UAAU,UAAU,GAAG;AACzB,WAAO,CAAC,GAAG,eAAe,GAAG,eAAe;AAAA,EAC9C;AAEA,SAAO,cAAc,eAAe,iBAAiB,YAAY;AACnE;AASA,SAAS,0BACP,MACA,WACA,cACqB;AACrB,QAAM,kBAAkB,KAAK,OAAO,CAAC,UAAU,MAAM,KAAK;AAE1D,QAAM,CAAC,eAAe,eAAe,IAAI;AAAA,IACvC;AAAA,IACA,CAAC,UAAU,MAAM,gBAAgB,UAAU;AAAA,EAC7C;AAEA,SAAO,cAAc,eAAe,iBAAiB,YAAY;AACnE;AASA,SAAS,0BACP,MACA,WACA,cACqB;AACrB,QAAM,kBAAkB,KAAK,OAAO,CAAC,UAAU,MAAM,KAAK;AAE1D,QAAM,CAAC,eAAe,eAAe,IAAI;AAAA,IACvC;AAAA,IACA,CAAC,UAAU,MAAM,QAAQ,UAAU;AAAA,EACrC;AAEA,SAAO,cAAc,eAAe,iBAAiB,YAAY;AACnE;AASA,SAAS,cACP,eACA,MACA,cACqB;AACrB,QAAM,oBAAoB,CAAC,cAAc,UAAU,cAAc,WAAW;AAE5E,MAAI,mBAAmB;AACrB,WAAO,CAAC,GAAG,MAAM,GAAG,aAAa;AAAA,EACnC;AAGA,QAAM,kBAAkB,cAAc,CAAC,EAAE,GAAG,MAAM,GAAG,EAAE,CAAC;AAExD,QAAM,UAAU,eACZ,eAAe,MAAM,kBACrB,WAAW;AAEf,QAAM,cAAc,cAAc;AAAA,IAChC,CAAC,KAAK,UAAU;AAAA,MACd,GAAG;AAAA,MACH,GAAG;AAAA,MACH,UAAU,gBAAgB;AAAA,MAC1B,OAAO,IAAI,QAAQ,KAAK;AAAA,MACxB,eAAe,IAAI,gBAAgB,KAAK;AAAA,MACxC,OAAO,cAAc,CAAC,EAAE;AAAA,MACxB,IAAI;AAAA,IACN;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,eAAe;AAAA,IACjB;AAAA,EACF;AAEA,SAAO,CAAC,GAAG,MAAM,WAAW;AAC9B;",
+  "sourcesContent": ["import { partition } from 'lodash-es';\n\nimport type { Unit } from '@dynatrace-sdk/units';\n\nimport { buildSlices } from './build-slices.js';\nimport {\n  CustomColorPalette,\n  ColorPalette,\n} from '../../core/types/color-palette.js';\nimport { THRESHOLD_TYPE } from '../types/default.js';\nimport { InternalSliceData } from '../types/internal/pie-chart.js';\nimport {\n  ThresholdConfig,\n  SliceData,\n  GroupConfig,\n} from '../types/pie-chart.config.js';\n\n/**\n * Group the data depending on which threshold the user has selected\n * @param data - Data received from the dataSet\n * @param grouping - Received grouping config\n * @param colorPalette - Palette to apply to the slices.\n * @param unit - Unit of the data.\n */\nexport function buildGroupThreshold(\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  data: SliceData[],\n  grouping?: GroupConfig,\n  colorPalette?: ColorPalette | CustomColorPalette,\n  unit?: string | Unit,\n): InternalSliceData[] {\n  const internalSlicesData = buildSlices(data, colorPalette, unit);\n\n  const threshold = grouping?.threshold;\n\n  if (threshold?.type === THRESHOLD_TYPE.NUMBER_OF_SLICES) {\n    return calculateNumberOfSlicesGrouping(\n      internalSlicesData,\n      threshold,\n      grouping?.name,\n    );\n  }\n\n  if (threshold?.type === THRESHOLD_TYPE.RELATIVE) {\n    return calculateRelativeGrouping(\n      internalSlicesData,\n      threshold,\n      grouping?.name,\n    );\n  }\n\n  if (threshold?.type === THRESHOLD_TYPE.ABSOLUTE) {\n    return calculateAbsoluteGrouping(\n      internalSlicesData,\n      threshold,\n      grouping?.name,\n    );\n  }\n\n  return internalSlicesData;\n}\n\n/**\n * Calculates the groups depending on the number of the slices.\n * @param data - Information received from the dataset already prepared with some metadata.\n * @param threshold - Indicates the way to group the slices.\n * @param groupingName - Name for the group.\n * @returns An array of an internal slices.\n */\nfunction calculateNumberOfSlicesGrouping(\n  data: InternalSliceData[],\n  threshold: ThresholdConfig,\n  groupingName?: string,\n): InternalSliceData[] {\n  const slicesWithValue = data.filter((slice) => slice.value);\n  const slicesToMerge = slicesWithValue.slice(threshold.value - 1);\n  const remainingSlices = slicesWithValue.slice(0, threshold.value - 1);\n\n  if (threshold.value === 0) {\n    return [...slicesToMerge, ...remainingSlices];\n  }\n\n  return generateGroup(slicesToMerge, remainingSlices, groupingName);\n}\n\n/**\n * Calculates the relative value using the threshold value and groups the slices.\n * @param data - Information received from the dataset already prepared with some metadata.\n * @param threshold - Indicates the way to group the slices.\n * @param groupingName - Name for the group.\n * @returns An array of an internal slices.\n */\nfunction calculateRelativeGrouping(\n  data: InternalSliceData[],\n  threshold: ThresholdConfig,\n  groupingName?: string,\n): InternalSliceData[] {\n  const slicesWithValue = data.filter((slice) => slice.value);\n\n  const [slicesToMerge, remainingSlices] = partition(\n    slicesWithValue,\n    (slice) => slice.relativeValue < threshold.value,\n  );\n\n  return generateGroup(slicesToMerge, remainingSlices, groupingName);\n}\n\n/**\n * Calculates the absolute value using the threshold value and groups the slices.\n * @param data - Information received from the dataset already prepared with some metadata.\n * @param threshold - Indicates the way to group the slices.\n * @param groupingName - Name for the group.\n * @returns An array of an internal slices.\n */\nfunction calculateAbsoluteGrouping(\n  data: InternalSliceData[],\n  threshold: ThresholdConfig,\n  groupingName: string | undefined,\n): InternalSliceData[] {\n  const slicesWithValue = data.filter((slice) => slice.value);\n\n  const [slicesToMerge, remainingSlices] = partition(\n    slicesWithValue,\n    (slice) => slice.value < threshold.value,\n  );\n\n  return generateGroup(slicesToMerge, remainingSlices, groupingName);\n}\n\n/**\n * Organize the data in different groups and recalculates colors\n * @param slicesToMerge - slices to merge into the Other category\n * @param data - Information received from the dataset already prepared with some metadata.\n * @param groupingName - Name of the group\n * @returns An array of an internal slices.\n */\nfunction generateGroup(\n  slicesToMerge: InternalSliceData[],\n  data: InternalSliceData[],\n  groupingName?: string,\n): InternalSliceData[] {\n  const isWithoutGrouping = !slicesToMerge.length || slicesToMerge.length === 1;\n\n  if (isWithoutGrouping) {\n    return [...data, ...slicesToMerge];\n  }\n\n  // Returns the numerical value of the id of the first slice that is going to be merge\n  const groupIndexValue = slicesToMerge[0].id.split('-')[1];\n\n  const groupId = groupingName\n    ? groupingName + '-' + groupIndexValue\n    : 'other-' + groupIndexValue;\n\n  const mergedSlice = slicesToMerge.reduce(\n    (acc, curr) => ({\n      ...acc,\n      ...curr,\n      category: groupingName ?? 'Other',\n      value: acc.value + curr.value,\n      relativeValue: acc.relativeValue + curr.relativeValue,\n      color: slicesToMerge[0].color,\n      id: groupId,\n    }),\n    {\n      value: 0,\n      relativeValue: 0,\n    } as InternalSliceData,\n  );\n\n  return [...data, mergedSlice];\n}\n"],
+  "mappings": "AAAA,SAAS,iBAAiB;AAI1B,SAAS,mBAAmB;AAK5B,SAAS,sBAAsB;AAexB,SAAS,oBAEd,MACA,UACA,cACA,MACqB;AACrB,QAAM,qBAAqB,YAAY,MAAM,cAAc,IAAI;AAE/D,QAAM,YAAY,UAAU;AAE5B,MAAI,WAAW,SAAS,eAAe,kBAAkB;AACvD,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA,UAAU;AAAA,IACZ;AAAA,EACF;AAEA,MAAI,WAAW,SAAS,eAAe,UAAU;AAC/C,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA,UAAU;AAAA,IACZ;AAAA,EACF;AAEA,MAAI,WAAW,SAAS,eAAe,UAAU;AAC/C,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA,UAAU;AAAA,IACZ;AAAA,EACF;AAEA,SAAO;AACT;AASA,SAAS,gCACP,MACA,WACA,cACqB;AACrB,QAAM,kBAAkB,KAAK,OAAO,CAAC,UAAU,MAAM,KAAK;AAC1D,QAAM,gBAAgB,gBAAgB,MAAM,UAAU,QAAQ,CAAC;AAC/D,QAAM,kBAAkB,gBAAgB,MAAM,GAAG,UAAU,QAAQ,CAAC;AAEpE,MAAI,UAAU,UAAU,GAAG;AACzB,WAAO,CAAC,GAAG,eAAe,GAAG,eAAe;AAAA,EAC9C;AAEA,SAAO,cAAc,eAAe,iBAAiB,YAAY;AACnE;AASA,SAAS,0BACP,MACA,WACA,cACqB;AACrB,QAAM,kBAAkB,KAAK,OAAO,CAAC,UAAU,MAAM,KAAK;AAE1D,QAAM,CAAC,eAAe,eAAe,IAAI;AAAA,IACvC;AAAA,IACA,CAAC,UAAU,MAAM,gBAAgB,UAAU;AAAA,EAC7C;AAEA,SAAO,cAAc,eAAe,iBAAiB,YAAY;AACnE;AASA,SAAS,0BACP,MACA,WACA,cACqB;AACrB,QAAM,kBAAkB,KAAK,OAAO,CAAC,UAAU,MAAM,KAAK;AAE1D,QAAM,CAAC,eAAe,eAAe,IAAI;AAAA,IACvC;AAAA,IACA,CAAC,UAAU,MAAM,QAAQ,UAAU;AAAA,EACrC;AAEA,SAAO,cAAc,eAAe,iBAAiB,YAAY;AACnE;AASA,SAAS,cACP,eACA,MACA,cACqB;AACrB,QAAM,oBAAoB,CAAC,cAAc,UAAU,cAAc,WAAW;AAE5E,MAAI,mBAAmB;AACrB,WAAO,CAAC,GAAG,MAAM,GAAG,aAAa;AAAA,EACnC;AAGA,QAAM,kBAAkB,cAAc,CAAC,EAAE,GAAG,MAAM,GAAG,EAAE,CAAC;AAExD,QAAM,UAAU,eACZ,eAAe,MAAM,kBACrB,WAAW;AAEf,QAAM,cAAc,cAAc;AAAA,IAChC,CAAC,KAAK,UAAU;AAAA,MACd,GAAG;AAAA,MACH,GAAG;AAAA,MACH,UAAU,gBAAgB;AAAA,MAC1B,OAAO,IAAI,QAAQ,KAAK;AAAA,MACxB,eAAe,IAAI,gBAAgB,KAAK;AAAA,MACxC,OAAO,cAAc,CAAC,EAAE;AAAA,MACxB,IAAI;AAAA,IACN;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,eAAe;AAAA,IACjB;AAAA,EACF;AAEA,SAAO,CAAC,GAAG,MAAM,WAAW;AAC9B;",
   "names": []
 }

package/esm/charts/pie/utils/build-slices.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/pie/utils/build-slices.ts"],
-  "sourcesContent": ["import { type Unit } from '@dynatrace-sdk/units';\n\nimport {\n  CustomColorPalette,\n  ColorPalette,\n} from '../../core/types/color-palette.js';\nimport { getColorPalette } from '../../core/utils/get-color-palette.js';\nimport { InternalSliceData } from '../types/internal/pie-chart.js';\nimport { SliceData } from '../types/pie-chart.config.js';\nimport { getSlicePercentage } from '../utils/plot-data.utils.js';\n\nconst DEFAULT_COLOR_PALETTE = 'categorical';\n\n/**\n * Builds the slices and their configurations for the pie and donut chart.\n * @param data - Data received from the dataSet.\n * @param colorPalette - Color to apply to the slices.\n * @returns An array of internal slices.\n */\nexport const buildSlices = (\n  data: SliceData[],\n  colorPalette?: ColorPalette | CustomColorPalette,\n  unit?: string | Unit,\n): InternalSliceData[] => {\n  const totalAbsoluteValueSum = Object.values(data).reduce(\n    (total, { value }) => total + Math.abs(value),\n    0,\n  );\n\n  return data.map((slice, index) => {\n    const assignedPaletteColor = getColorPalette(\n      slice.category,\n      index,\n      colorPalette ?? DEFAULT_COLOR_PALETTE,\n    );\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    const priorityColor = slice.color && { Default: slice.color };\n\n    return {\n      ...slice,\n      id: `${slice.category}-${index}`,\n      relativeValue: getSlicePercentage(slice.value, totalAbsoluteValueSum),\n      color: priorityColor || assignedPaletteColor,\n      _priorityColor: priorityColor || undefined,\n      unit,\n    };\n  });\n};\n"],
-  "mappings": "AAMA,SAAS,uBAAuB;AAGhC,SAAS,0BAA0B;AAEnC,MAAM,wBAAwB;AAQvB,MAAM,cAAc,CACzB,MACA,cACA,SACwB;AACxB,QAAM,wBAAwB,OAAO,OAAO,IAAI,EAAE;AAAA,IAChD,CAAC,OAAO,EAAE,MAAM,MAAM,QAAQ,KAAK,IAAI,KAAK;AAAA,IAC5C;AAAA,EACF;AAEA,SAAO,KAAK,IAAI,CAAC,OAAO,UAAU;AAChC,UAAM,uBAAuB;AAAA,MAC3B,MAAM;AAAA,MACN;AAAA,MACA,gBAAgB;AAAA,IAClB;AAEA,UAAM,gBAAgB,MAAM,SAAS,EAAE,SAAS,MAAM,MAAM;AAE5D,WAAO;AAAA,MACL,GAAG;AAAA,MACH,IAAI,GAAG,MAAM,QAAQ,IAAI,KAAK;AAAA,MAC9B,eAAe,mBAAmB,MAAM,OAAO,qBAAqB;AAAA,MACpE,OAAO,iBAAiB;AAAA,MACxB,gBAAgB,iBAAiB;AAAA,MACjC;AAAA,IACF;AAAA,EACF,CAAC;AACH;",
+  "sourcesContent": ["import { type Unit } from '@dynatrace-sdk/units';\n\nimport {\n  CustomColorPalette,\n  ColorPalette,\n} from '../../core/types/color-palette.js';\nimport { getColorPalette } from '../../core/utils/get-color-palette.js';\nimport { InternalSliceData } from '../types/internal/pie-chart.js';\nimport { SliceData } from '../types/pie-chart.config.js';\nimport { getSlicePercentage } from '../utils/plot-data.utils.js';\n\nconst DEFAULT_COLOR_PALETTE = 'categorical';\n\n/**\n * Builds the slices and their configurations for the pie and donut chart.\n * @param data - Data received from the dataSet.\n * @param colorPalette - Color to apply to the slices.\n * @returns An array of internal slices.\n */\nexport const buildSlices = (\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  data: SliceData[],\n  colorPalette?: ColorPalette | CustomColorPalette,\n  unit?: string | Unit,\n): InternalSliceData[] => {\n  const totalAbsoluteValueSum = Object.values(data).reduce(\n    (total, { value }) => total + Math.abs(value),\n    0,\n  );\n\n  return data.map((slice, index) => {\n    const assignedPaletteColor = getColorPalette(\n      slice.category,\n      index,\n      colorPalette ?? DEFAULT_COLOR_PALETTE,\n    );\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    const priorityColor = slice.color && { Default: slice.color };\n\n    return {\n      ...slice,\n      id: `${slice.category}-${index}`,\n      relativeValue: getSlicePercentage(slice.value, totalAbsoluteValueSum),\n      color: priorityColor || assignedPaletteColor,\n      _priorityColor: priorityColor || undefined,\n      unit,\n    };\n  });\n};\n"],
+  "mappings": "AAMA,SAAS,uBAAuB;AAGhC,SAAS,0BAA0B;AAEnC,MAAM,wBAAwB;AAQvB,MAAM,cAAc,CAEzB,MACA,cACA,SACwB;AACxB,QAAM,wBAAwB,OAAO,OAAO,IAAI,EAAE;AAAA,IAChD,CAAC,OAAO,EAAE,MAAM,MAAM,QAAQ,KAAK,IAAI,KAAK;AAAA,IAC5C;AAAA,EACF;AAEA,SAAO,KAAK,IAAI,CAAC,OAAO,UAAU;AAChC,UAAM,uBAAuB;AAAA,MAC3B,MAAM;AAAA,MACN;AAAA,MACA,gBAAgB;AAAA,IAClB;AAEA,UAAM,gBAAgB,MAAM,SAAS,EAAE,SAAS,MAAM,MAAM;AAE5D,WAAO;AAAA,MACL,GAAG;AAAA,MACH,IAAI,GAAG,MAAM,QAAQ,IAAI,KAAK;AAAA,MAC9B,eAAe,mBAAmB,MAAM,OAAO,qBAAqB;AAAA,MACpE,OAAO,iBAAiB;AAAA,MACxB,gBAAgB,iBAAiB;AAAA,MACjC;AAAA,IACF;AAAA,EACF,CAAC;AACH;",
   "names": []
 }

package/esm/charts/pie/utils/format-csv.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/pie/utils/format-csv.ts"],
-  "sourcesContent": ["import { escapeForCSV } from '../../../core/utils/download.js';\nimport { PieChartData } from '../types/pie-chart.config.js';\n\nexport function formatCsv(rawData: PieChartData) {\n  const csvRows: string[] = ['category, value, unit'];\n  const escapedUnit = escapeForCSV(rawData.unit);\n\n  for (const slice of rawData.slices) {\n    const sanitizedValue = escapeForCSV(slice.value);\n\n    const sanitizedCategory = escapeForCSV(slice.category);\n\n    const csvRow = [sanitizedCategory, sanitizedValue, escapedUnit].join(',');\n    csvRows.push(csvRow);\n  }\n\n  return csvRows.join('\\r\\n');\n}\n"],
-  "mappings": "AAAA,SAAS,oBAAoB;AAGtB,SAAS,UAAU,SAAuB;AAC/C,QAAM,UAAoB,CAAC,uBAAuB;AAClD,QAAM,cAAc,aAAa,QAAQ,IAAI;AAE7C,aAAW,SAAS,QAAQ,QAAQ;AAClC,UAAM,iBAAiB,aAAa,MAAM,KAAK;AAE/C,UAAM,oBAAoB,aAAa,MAAM,QAAQ;AAErD,UAAM,SAAS,CAAC,mBAAmB,gBAAgB,WAAW,EAAE,KAAK,GAAG;AACxE,YAAQ,KAAK,MAAM;AAAA,EACrB;AAEA,SAAO,QAAQ,KAAK,MAAM;AAC5B;",
+  "sourcesContent": ["import { escapeForCSV } from '../../../core/utils/download.js';\nimport { PieChartData } from '../types/pie-chart.config.js';\n\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport function formatCsv(rawData: PieChartData) {\n  const csvRows: string[] = ['category, value, unit'];\n  const escapedUnit = escapeForCSV(rawData.unit);\n\n  for (const slice of rawData.slices) {\n    const sanitizedValue = escapeForCSV(slice.value);\n\n    const sanitizedCategory = escapeForCSV(slice.category);\n\n    const csvRow = [sanitizedCategory, sanitizedValue, escapedUnit].join(',');\n    csvRows.push(csvRow);\n  }\n\n  return csvRows.join('\\r\\n');\n}\n"],
+  "mappings": "AAAA,SAAS,oBAAoB;AAItB,SAAS,UAAU,SAAuB;AAC/C,QAAM,UAAoB,CAAC,uBAAuB;AAClD,QAAM,cAAc,aAAa,QAAQ,IAAI;AAE7C,aAAW,SAAS,QAAQ,QAAQ;AAClC,UAAM,iBAAiB,aAAa,MAAM,KAAK;AAE/C,UAAM,oBAAoB,aAAa,MAAM,QAAQ;AAErD,UAAM,SAAS,CAAC,mBAAmB,gBAAgB,WAAW,EAAE,KAAK,GAAG;AACxE,YAAQ,KAAK,MAAM;AAAA,EACrB;AAEA,SAAO,QAAQ,KAAK,MAAM;AAC5B;",
   "names": []
 }

package/esm/charts/pie/utils/group-slices-thinner-than-pad-angle.js

@@ -1,4 +1,5 @@
 import { getSlicePercentage } from "./plot-data.utils.js";
+import { THINNER_SLICES_ID } from "../constants.js";
 const groupSlicesThinnerThanPadAngle = (slices, padAngle) => {
   let slicesThinnerThanPadAngleValueSum = 0;
   let totalAbsoluteValueSum = 0;
@@ -21,7 +22,7 @@ const groupSlicesThinnerThanPadAngle = (slices, padAngle) => {
       category: "",
       value: slicesThinnerThanPadAngleValueSum,
       color: negativeSlicesAggregatedSliceColorToken,
-      id: "thinner-slices",
+      id: THINNER_SLICES_ID,
       relativeValue: getSlicePercentage(
         slicesThinnerThanPadAngleValueSum,
         totalAbsoluteValueSum

package/esm/charts/pie/utils/group-slices-thinner-than-pad-angle.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/pie/utils/group-slices-thinner-than-pad-angle.ts"],
-  "sourcesContent": ["import { getSlicePercentage } from './plot-data.utils.js';\nimport { ColorToken } from '../../core/types/color-palette.js';\nimport { InternalSliceData } from '../types/internal/pie-chart.js';\n\nexport const groupSlicesThinnerThanPadAngle = (\n  slices: InternalSliceData[],\n  padAngle: number,\n): InternalSliceData[] => {\n  let slicesThinnerThanPadAngleValueSum = 0;\n  let totalAbsoluteValueSum = 0;\n  const newSlices: InternalSliceData[] = [];\n  const padAngleDeg = (padAngle * 180) / Math.PI;\n  for (const slice of slices) {\n    const sliceAngleDeg = (slice.relativeValue / 100) * 360;\n    if (sliceAngleDeg <= padAngleDeg) {\n      slicesThinnerThanPadAngleValueSum += slice.value;\n    } else {\n      newSlices.push(slice);\n    }\n    totalAbsoluteValueSum += slice.value;\n  }\n  if (slicesThinnerThanPadAngleValueSum > 0) {\n    const negativeSlicesAggregatedSliceColorToken: ColorToken = {\n      Default: 'transparent',\n    };\n    const negativeSlicesAggregatedSlice: InternalSliceData = {\n      category: '',\n      value: slicesThinnerThanPadAngleValueSum,\n      color: negativeSlicesAggregatedSliceColorToken,\n      id: 'thinner-slices',\n      relativeValue: getSlicePercentage(\n        slicesThinnerThanPadAngleValueSum,\n        totalAbsoluteValueSum,\n      ),\n    };\n    newSlices.push(negativeSlicesAggregatedSlice);\n  }\n  return newSlices;\n};\n"],
-  "mappings": "AAAA,SAAS,0BAA0B;AAI5B,MAAM,iCAAiC,CAC5C,QACA,aACwB;AACxB,MAAI,oCAAoC;AACxC,MAAI,wBAAwB;AAC5B,QAAM,YAAiC,CAAC;AACxC,QAAM,cAAe,WAAW,MAAO,KAAK;AAC5C,aAAW,SAAS,QAAQ;AAC1B,UAAM,gBAAiB,MAAM,gBAAgB,MAAO;AACpD,QAAI,iBAAiB,aAAa;AAChC,2CAAqC,MAAM;AAAA,IAC7C,OAAO;AACL,gBAAU,KAAK,KAAK;AAAA,IACtB;AACA,6BAAyB,MAAM;AAAA,EACjC;AACA,MAAI,oCAAoC,GAAG;AACzC,UAAM,0CAAsD;AAAA,MAC1D,SAAS;AAAA,IACX;AACA,UAAM,gCAAmD;AAAA,MACvD,UAAU;AAAA,MACV,OAAO;AAAA,MACP,OAAO;AAAA,MACP,IAAI;AAAA,MACJ,eAAe;AAAA,QACb;AAAA,QACA;AAAA,MACF;AAAA,IACF;AACA,cAAU,KAAK,6BAA6B;AAAA,EAC9C;AACA,SAAO;AACT;",
+  "sourcesContent": ["import { getSlicePercentage } from './plot-data.utils.js';\nimport { ColorToken } from '../../core/types/color-palette.js';\nimport { THINNER_SLICES_ID } from '../constants.js';\nimport { InternalSliceData } from '../types/internal/pie-chart.js';\n\nexport const groupSlicesThinnerThanPadAngle = (\n  slices: InternalSliceData[],\n  padAngle: number,\n): InternalSliceData[] => {\n  let slicesThinnerThanPadAngleValueSum = 0;\n  let totalAbsoluteValueSum = 0;\n  const newSlices: InternalSliceData[] = [];\n  const padAngleDeg = (padAngle * 180) / Math.PI;\n  for (const slice of slices) {\n    const sliceAngleDeg = (slice.relativeValue / 100) * 360;\n    if (sliceAngleDeg <= padAngleDeg) {\n      slicesThinnerThanPadAngleValueSum += slice.value;\n    } else {\n      newSlices.push(slice);\n    }\n    totalAbsoluteValueSum += slice.value;\n  }\n  if (slicesThinnerThanPadAngleValueSum > 0) {\n    const negativeSlicesAggregatedSliceColorToken: ColorToken = {\n      Default: 'transparent',\n    };\n    const negativeSlicesAggregatedSlice: InternalSliceData = {\n      category: '',\n      value: slicesThinnerThanPadAngleValueSum,\n      color: negativeSlicesAggregatedSliceColorToken,\n      id: THINNER_SLICES_ID,\n      relativeValue: getSlicePercentage(\n        slicesThinnerThanPadAngleValueSum,\n        totalAbsoluteValueSum,\n      ),\n    };\n    newSlices.push(negativeSlicesAggregatedSlice);\n  }\n  return newSlices;\n};\n"],
+  "mappings": "AAAA,SAAS,0BAA0B;AAEnC,SAAS,yBAAyB;AAG3B,MAAM,iCAAiC,CAC5C,QACA,aACwB;AACxB,MAAI,oCAAoC;AACxC,MAAI,wBAAwB;AAC5B,QAAM,YAAiC,CAAC;AACxC,QAAM,cAAe,WAAW,MAAO,KAAK;AAC5C,aAAW,SAAS,QAAQ;AAC1B,UAAM,gBAAiB,MAAM,gBAAgB,MAAO;AACpD,QAAI,iBAAiB,aAAa;AAChC,2CAAqC,MAAM;AAAA,IAC7C,OAAO;AACL,gBAAU,KAAK,KAAK;AAAA,IACtB;AACA,6BAAyB,MAAM;AAAA,EACjC;AACA,MAAI,oCAAoC,GAAG;AACzC,UAAM,0CAAsD;AAAA,MAC1D,SAAS;AAAA,IACX;AACA,UAAM,gCAAmD;AAAA,MACvD,UAAU;AAAA,MACV,OAAO;AAAA,MACP,OAAO;AAAA,MACP,IAAI;AAAA,MACJ,eAAe;AAAA,QACb;AAAA,QACA;AAAA,MACF;AAAA,IACF;AACA,cAAU,KAAK,6BAA6B;AAAA,EAC9C;AACA,SAAO;AACT;",
   "names": []
 }

package/esm/charts/pie/utils/normalize-pie-data.js

@@ -0,0 +1,20 @@
+import { accessValue } from "../../../core/utils/accessors/access-value.js";
+function normalizePieData(input) {
+  const { data, labelAccessor, valueAccessor, unit } = input;
+  if (labelAccessor && valueAccessor) {
+    const slices = data.map((datapoint) => {
+      const color = accessValue(datapoint, "color");
+      return {
+        category: String(accessValue(datapoint, labelAccessor) ?? ""),
+        value: Number(accessValue(datapoint, valueAccessor) ?? 0),
+        ...typeof color === "string" ? { color } : {}
+      };
+    });
+    return { slices, unit };
+  }
+  return data;
+}
+export {
+  normalizePieData
+};
+//# sourceMappingURL=normalize-pie-data.js.map

package/esm/charts/pie/utils/normalize-pie-data.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/charts/pie/utils/normalize-pie-data.ts"],
+  "sourcesContent": ["import { accessValue } from '../../../core/utils/accessors/access-value.js';\nimport type { ChartData } from '../../core/types/chart-data.js';\nimport type { ChartUnit } from '../../core/types/chart-unit.js';\nimport type { PieChartData, SliceData } from '../types/pie-chart.config.js';\n\n/**\n * Input accepted by {@link normalizePieData}: either the unified `ChartData`\n * format (paired with `labelAccessor`/`valueAccessor` and a root-level `unit`)\n * or the legacy `PieChartData` shape.\n * @internal\n */\nexport interface NormalizePieDataInput {\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  data: ChartData | PieChartData;\n  labelAccessor?: string;\n  valueAccessor?: string;\n  unit?: ChartUnit;\n}\n\n/**\n * Normalizes the public PieChart/DonutChart data props into the internal\n * `PieChartData` (`{ slices, unit }`) shape consumed by the rendering pipeline.\n *\n * When `labelAccessor`/`valueAccessor` are provided, the data is treated as the\n * unified `ChartData` array and each datapoint is mapped to a slice by resolving\n * the accessor strings (dot-notation supported). Otherwise the legacy\n * `PieChartData` is returned unchanged.\n *\n * @param input - the data-related PieChart/DonutChart props\n * @returns the internal `PieChartData` shape\n * @internal\n */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport function normalizePieData(input: NormalizePieDataInput): PieChartData {\n  const { data, labelAccessor, valueAccessor, unit } = input;\n\n  if (labelAccessor && valueAccessor) {\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    const slices: SliceData[] = (data as ChartData).map((datapoint) => {\n      const color = accessValue<string>(datapoint, 'color');\n      return {\n        category: String(accessValue<string>(datapoint, labelAccessor) ?? ''),\n        value: Number(accessValue<number>(datapoint, valueAccessor) ?? 0),\n        ...(typeof color === 'string' ? { color } : {}),\n      };\n    });\n\n    return { slices, unit };\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  return data as PieChartData;\n}\n"],
+  "mappings": "AAAA,SAAS,mBAAmB;AAiCrB,SAAS,iBAAiB,OAA4C;AAC3E,QAAM,EAAE,MAAM,eAAe,eAAe,KAAK,IAAI;AAErD,MAAI,iBAAiB,eAAe;AAElC,UAAM,SAAuB,KAAmB,IAAI,CAAC,cAAc;AACjE,YAAM,QAAQ,YAAoB,WAAW,OAAO;AACpD,aAAO;AAAA,QACL,UAAU,OAAO,YAAoB,WAAW,aAAa,KAAK,EAAE;AAAA,QACpE,OAAO,OAAO,YAAoB,WAAW,aAAa,KAAK,CAAC;AAAA,QAChE,GAAI,OAAO,UAAU,WAAW,EAAE,MAAM,IAAI,CAAC;AAAA,MAC/C;AAAA,IACF,CAAC;AAED,WAAO,EAAE,QAAQ,KAAK;AAAA,EACxB;AAGA,SAAO;AACT;",
+  "names": []
+}

package/esm/charts/pie/utils/pie-config.js

@@ -59,7 +59,8 @@ function buildPieChartConfig(props, contextConfig, slots) {
     slots.grouping
   );
   const legend = getLegendConfiguration(contextConfig.legend, slots.legend);
-  const formatter = props.formatter ?? contextConfig.formatter ?? defaultUnitFormatter(props.data.unit, 0);
+  const resolvedUnit = Array.isArray(props.data) ? props.unit : props.data.unit;
+  const formatter = props.formatter ?? contextConfig.formatter ?? defaultUnitFormatter(resolvedUnit, 0);
   const truncationMode = props.truncationMode ?? contextConfig.truncationMode ?? DEFAULT_TRUNCATION_MODE;
   const toolbar = getToolbarConfiguration(contextConfig.toolbar, slots.toolbar);
   const seriesActions = props.seriesActions ?? contextConfig.seriesActions ?? void 0;

package/esm/charts/pie/utils/pie-config.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/pie/utils/pie-config.ts"],
-  "sourcesContent": ["import { isUndefined, merge } from 'lodash-es';\nimport type { PropsWithChildren } from 'react';\n\nimport { DEFAULT_TRUNCATION_MODE } from '../../core/constants.js';\nimport { isValidColorRule } from '../../core/slots/ColorRule.js';\nimport {\n  ColorPalette,\n  CustomColorPalette,\n  isCustomColorPalette,\n} from '../../core/types/color-palette.js';\nimport { Formatter } from '../../core/types/formatter.js';\nimport { ChartToolbarProps } from '../../core/types/toolbar.js';\nimport { defaultUnitFormatter } from '../../core/utils/defaultUnitFormatter.js';\nimport { isValidColorPalette } from '../../core/utils/is-valid-color-palette.js';\nimport { isValidLegendPosition } from '../../core/utils/is-valid-legend-position.js';\nimport { THRESHOLD_TYPE_OPTION } from '../constants.js';\nimport { defaultConfig } from '../types/default.js';\nimport {\n  DonutChartSlots,\n  GroupConfig,\n  PieChartContextConfig,\n  PieChartLegendConfig,\n  PieChartProps,\n  PieChartSlots,\n  PieDonutConfig,\n} from '../types/pie-chart.config.js';\nimport { PieChartToolbarConfig } from '../types/toolbar.js';\nimport { isValidThresholdType } from '../utils/is-valid-threshold-type.js';\n\n/**\n * Builds a ColorPalette configuration based on context and props\n * @param contextColorPalette - color palette context\n * @param propsColorPalette - color palette props\n */\nexport function getColorPaletteConfiguration(\n  contextColorPalette?: ColorPalette | CustomColorPalette,\n  propsColorPalette?: ColorPalette | CustomColorPalette,\n): ColorPalette | CustomColorPalette {\n  const colorPalette =\n    propsColorPalette ?? contextColorPalette ?? defaultConfig.colorPalette;\n\n  return isCustomColorPalette(colorPalette) || isValidColorPalette(colorPalette)\n    ? colorPalette\n    : defaultConfig.colorPalette;\n}\n\n/**\n * Builds a GroupConfig based on context and slots\n *\n * @param contextGrouping - grouping config in context\n * @param slotsGrouping - grouping config in slots\n */\nexport function getGroupingConfiguration(\n  contextGrouping?: GroupConfig,\n  slotsGrouping?: Partial<GroupConfig>,\n): GroupConfig {\n  let grouping = merge(\n    {},\n    defaultConfig.grouping,\n    contextGrouping,\n    slotsGrouping,\n  );\n\n  grouping = {\n    ...grouping,\n    threshold: {\n      ...grouping.threshold,\n      type: isValidThresholdType(grouping.threshold.type)\n        ? grouping.threshold.type\n        : THRESHOLD_TYPE_OPTION.Relative,\n    },\n  };\n\n  return grouping;\n}\n\n/**\n * Builds a LegendConfiguration configuration based on context and props\n *\n * @param contextLegendConfig - legend config context\n * @param slotsLegendConfig - legend config props\n */\nexport function getLegendConfiguration(\n  contextLegendConfig?: PieChartLegendConfig,\n  slotsLegendConfig?: PieChartLegendConfig,\n): PieChartLegendConfig {\n  let legend = merge(\n    {},\n    defaultConfig.legend,\n    contextLegendConfig,\n    slotsLegendConfig,\n  );\n\n  const position =\n    legend.position && isValidLegendPosition(legend.position)\n      ? legend.position\n      : defaultConfig.legend.position;\n\n  legend = {\n    ...legend,\n    position,\n  };\n\n  return legend;\n}\n\nconst validateToolbarContextConfig = (\n  contextConfig: PieChartToolbarConfig | undefined,\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n) => !isUndefined(contextConfig) && contextConfig.downloadData?.enabled;\n\nconst getToolbarConfiguration = (\n  contextConfig?: PieChartToolbarConfig | undefined,\n  slots?: Partial<ChartToolbarProps> | undefined,\n) => {\n  const hasValidToolbarConfig =\n    validateToolbarContextConfig(contextConfig) || !isUndefined(slots);\n\n  return hasValidToolbarConfig ? merge({}, contextConfig, slots) : undefined;\n};\n\n/**\n * Build pie chart configuration.\n *\n * @param props - config from props\n * @param contextConfig - config from context\n * @param slots - config from components slots\n * @returns RequiredPieChartConfiguration\n */\nexport function buildPieChartConfig(\n  props: PropsWithChildren<PieChartProps>,\n  contextConfig: PieChartContextConfig,\n  slots: PieChartSlots | DonutChartSlots,\n): PieDonutConfig {\n  const colorPalette = getColorPaletteConfiguration(\n    contextConfig.colorPalette,\n    props.colorPalette,\n  );\n\n  const grouping = getGroupingConfiguration(\n    contextConfig.grouping,\n    slots.grouping,\n  );\n\n  const legend = getLegendConfiguration(contextConfig.legend, slots.legend);\n\n  const formatter =\n    props.formatter ??\n    contextConfig.formatter ??\n    (defaultUnitFormatter(props.data.unit, 0) as Formatter);\n\n  const truncationMode =\n    props.truncationMode ??\n    contextConfig.truncationMode ??\n    DEFAULT_TRUNCATION_MODE;\n\n  const toolbar = getToolbarConfiguration(contextConfig.toolbar, slots.toolbar);\n\n  const seriesActions =\n    props.seriesActions ?? contextConfig.seriesActions ?? undefined;\n\n  const colorRules = (contextConfig.colorRules || [])\n    .filter(isValidColorRule)\n    .concat(slots.colorRules || []);\n\n  return {\n    height: props.height ?? defaultConfig.height,\n    colorPalette,\n    labels: merge({}, defaultConfig.labels, contextConfig.labels, slots.labels),\n    grouping,\n    legend,\n    formatter,\n    truncationMode,\n    toolbar,\n    innerElement: slots.innerElement,\n    seriesActions,\n    colorRules,\n    tooltip: slots.tooltip ?? contextConfig.tooltip,\n  };\n}\n\n/**\n * Get chart configuration merging the default one with the stringify json config.\n * In case there is a conflict property, default would prevail.\n * In case there is any parse error. It will return an empty config.\n *\n * @param serializedConfig - stringify json config\n * @returns - PieChartConfiguration\n */\nexport function deserializeConfig(\n  serializedConfig: string,\n): PieChartContextConfig {\n  try {\n    return merge({}, defaultConfig, JSON.parse(serializedConfig));\n  } catch {\n    return defaultConfig;\n  }\n}\n"],
-  "mappings": "AAAA,SAAS,aAAa,aAAa;AAGnC,SAAS,+BAA+B;AACxC,SAAS,wBAAwB;AACjC;AAAA,EAGE;AAAA,OACK;AAGP,SAAS,4BAA4B;AACrC,SAAS,2BAA2B;AACpC,SAAS,6BAA6B;AACtC,SAAS,6BAA6B;AACtC,SAAS,qBAAqB;AAW9B,SAAS,4BAA4B;AAO9B,SAAS,6BACd,qBACA,mBACmC;AACnC,QAAM,eACJ,qBAAqB,uBAAuB,cAAc;AAE5D,SAAO,qBAAqB,YAAY,KAAK,oBAAoB,YAAY,IACzE,eACA,cAAc;AACpB;AAQO,SAAS,yBACd,iBACA,eACa;AACb,MAAI,WAAW;AAAA,IACb,CAAC;AAAA,IACD,cAAc;AAAA,IACd;AAAA,IACA;AAAA,EACF;AAEA,aAAW;AAAA,IACT,GAAG;AAAA,IACH,WAAW;AAAA,MACT,GAAG,SAAS;AAAA,MACZ,MAAM,qBAAqB,SAAS,UAAU,IAAI,IAC9C,SAAS,UAAU,OACnB,sBAAsB;AAAA,IAC5B;AAAA,EACF;AAEA,SAAO;AACT;AAQO,SAAS,uBACd,qBACA,mBACsB;AACtB,MAAI,SAAS;AAAA,IACX,CAAC;AAAA,IACD,cAAc;AAAA,IACd;AAAA,IACA;AAAA,EACF;AAEA,QAAM,WACJ,OAAO,YAAY,sBAAsB,OAAO,QAAQ,IACpD,OAAO,WACP,cAAc,OAAO;AAE3B,WAAS;AAAA,IACP,GAAG;AAAA,IACH;AAAA,EACF;AAEA,SAAO;AACT;AAEA,MAAM,+BAA+B,CACnC,kBAEG,CAAC,YAAY,aAAa,KAAK,cAAc,cAAc;AAEhE,MAAM,0BAA0B,CAC9B,eACA,UACG;AACH,QAAM,wBACJ,6BAA6B,aAAa,KAAK,CAAC,YAAY,KAAK;AAEnE,SAAO,wBAAwB,MAAM,CAAC,GAAG,eAAe,KAAK,IAAI;AACnE;AAUO,SAAS,oBACd,OACA,eACA,OACgB;AAChB,QAAM,eAAe;AAAA,IACnB,cAAc;AAAA,IACd,MAAM;AAAA,EACR;AAEA,QAAM,WAAW;AAAA,IACf,cAAc;AAAA,IACd,MAAM;AAAA,EACR;AAEA,QAAM,SAAS,uBAAuB,cAAc,QAAQ,MAAM,MAAM;AAExE,QAAM,YACJ,MAAM,aACN,cAAc,aACb,qBAAqB,MAAM,KAAK,MAAM,CAAC;AAE1C,QAAM,iBACJ,MAAM,kBACN,cAAc,kBACd;AAEF,QAAM,UAAU,wBAAwB,cAAc,SAAS,MAAM,OAAO;AAE5E,QAAM,gBACJ,MAAM,iBAAiB,cAAc,iBAAiB;AAExD,QAAM,cAAc,cAAc,cAAc,CAAC,GAC9C,OAAO,gBAAgB,EACvB,OAAO,MAAM,cAAc,CAAC,CAAC;AAEhC,SAAO;AAAA,IACL,QAAQ,MAAM,UAAU,cAAc;AAAA,IACtC;AAAA,IACA,QAAQ,MAAM,CAAC,GAAG,cAAc,QAAQ,cAAc,QAAQ,MAAM,MAAM;AAAA,IAC1E;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,cAAc,MAAM;AAAA,IACpB;AAAA,IACA;AAAA,IACA,SAAS,MAAM,WAAW,cAAc;AAAA,EAC1C;AACF;AAUO,SAAS,kBACd,kBACuB;AACvB,MAAI;AACF,WAAO,MAAM,CAAC,GAAG,eAAe,KAAK,MAAM,gBAAgB,CAAC;AAAA,EAC9D,QAAQ;AACN,WAAO;AAAA,EACT;AACF;",
+  "sourcesContent": ["import { isUndefined, merge } from 'lodash-es';\nimport type { PropsWithChildren } from 'react';\n\nimport { DEFAULT_TRUNCATION_MODE } from '../../core/constants.js';\nimport { isValidColorRule } from '../../core/slots/ColorRule.js';\nimport {\n  ColorPalette,\n  CustomColorPalette,\n  isCustomColorPalette,\n} from '../../core/types/color-palette.js';\nimport { Formatter } from '../../core/types/formatter.js';\nimport { ChartToolbarProps } from '../../core/types/toolbar.js';\nimport { defaultUnitFormatter } from '../../core/utils/defaultUnitFormatter.js';\nimport { isValidColorPalette } from '../../core/utils/is-valid-color-palette.js';\nimport { isValidLegendPosition } from '../../core/utils/is-valid-legend-position.js';\nimport { THRESHOLD_TYPE_OPTION } from '../constants.js';\nimport { defaultConfig } from '../types/default.js';\nimport {\n  DonutChartSlots,\n  GroupConfig,\n  PieChartContextConfig,\n  PieChartLegendConfig,\n  PieChartProps,\n  PieChartSlots,\n  PieDonutConfig,\n} from '../types/pie-chart.config.js';\nimport { PieChartToolbarConfig } from '../types/toolbar.js';\nimport { isValidThresholdType } from '../utils/is-valid-threshold-type.js';\n\n/**\n * Builds a ColorPalette configuration based on context and props\n * @param contextColorPalette - color palette context\n * @param propsColorPalette - color palette props\n */\nexport function getColorPaletteConfiguration(\n  contextColorPalette?: ColorPalette | CustomColorPalette,\n  propsColorPalette?: ColorPalette | CustomColorPalette,\n): ColorPalette | CustomColorPalette {\n  const colorPalette =\n    propsColorPalette ?? contextColorPalette ?? defaultConfig.colorPalette;\n\n  return isCustomColorPalette(colorPalette) || isValidColorPalette(colorPalette)\n    ? colorPalette\n    : defaultConfig.colorPalette;\n}\n\n/**\n * Builds a GroupConfig based on context and slots\n *\n * @param contextGrouping - grouping config in context\n * @param slotsGrouping - grouping config in slots\n */\nexport function getGroupingConfiguration(\n  contextGrouping?: GroupConfig,\n  slotsGrouping?: Partial<GroupConfig>,\n): GroupConfig {\n  let grouping = merge(\n    {},\n    defaultConfig.grouping,\n    contextGrouping,\n    slotsGrouping,\n  );\n\n  grouping = {\n    ...grouping,\n    threshold: {\n      ...grouping.threshold,\n      type: isValidThresholdType(grouping.threshold.type)\n        ? grouping.threshold.type\n        : THRESHOLD_TYPE_OPTION.Relative,\n    },\n  };\n\n  return grouping;\n}\n\n/**\n * Builds a LegendConfiguration configuration based on context and props\n *\n * @param contextLegendConfig - legend config context\n * @param slotsLegendConfig - legend config props\n */\nexport function getLegendConfiguration(\n  contextLegendConfig?: PieChartLegendConfig,\n  slotsLegendConfig?: PieChartLegendConfig,\n): PieChartLegendConfig {\n  let legend = merge(\n    {},\n    defaultConfig.legend,\n    contextLegendConfig,\n    slotsLegendConfig,\n  );\n\n  const position =\n    legend.position && isValidLegendPosition(legend.position)\n      ? legend.position\n      : defaultConfig.legend.position;\n\n  legend = {\n    ...legend,\n    position,\n  };\n\n  return legend;\n}\n\nconst validateToolbarContextConfig = (\n  contextConfig: PieChartToolbarConfig | undefined,\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n) => !isUndefined(contextConfig) && contextConfig.downloadData?.enabled;\n\nconst getToolbarConfiguration = (\n  contextConfig?: PieChartToolbarConfig | undefined,\n  slots?: Partial<ChartToolbarProps> | undefined,\n) => {\n  const hasValidToolbarConfig =\n    validateToolbarContextConfig(contextConfig) || !isUndefined(slots);\n\n  return hasValidToolbarConfig ? merge({}, contextConfig, slots) : undefined;\n};\n\n/**\n * Build pie chart configuration.\n *\n * @param props - config from props\n * @param contextConfig - config from context\n * @param slots - config from components slots\n * @returns RequiredPieChartConfiguration\n */\nexport function buildPieChartConfig(\n  props: PropsWithChildren<PieChartProps>,\n  contextConfig: PieChartContextConfig,\n  slots: PieChartSlots | DonutChartSlots,\n): PieDonutConfig {\n  const colorPalette = getColorPaletteConfiguration(\n    contextConfig.colorPalette,\n    props.colorPalette,\n  );\n\n  const grouping = getGroupingConfiguration(\n    contextConfig.grouping,\n    slots.grouping,\n  );\n\n  const legend = getLegendConfiguration(contextConfig.legend, slots.legend);\n\n  // The unit lives at the root in the unified `ChartData` format (where\n  // `props.data` is an array) and nested in the data object in the legacy format.\n  const resolvedUnit = Array.isArray(props.data) ? props.unit : props.data.unit;\n\n  const formatter =\n    props.formatter ??\n    contextConfig.formatter ??\n    (defaultUnitFormatter(resolvedUnit, 0) as Formatter);\n\n  const truncationMode =\n    props.truncationMode ??\n    contextConfig.truncationMode ??\n    DEFAULT_TRUNCATION_MODE;\n\n  const toolbar = getToolbarConfiguration(contextConfig.toolbar, slots.toolbar);\n\n  const seriesActions =\n    props.seriesActions ?? contextConfig.seriesActions ?? undefined;\n\n  const colorRules = (contextConfig.colorRules || [])\n    .filter(isValidColorRule)\n    .concat(slots.colorRules || []);\n\n  return {\n    height: props.height ?? defaultConfig.height,\n    colorPalette,\n    labels: merge({}, defaultConfig.labels, contextConfig.labels, slots.labels),\n    grouping,\n    legend,\n    formatter,\n    truncationMode,\n    toolbar,\n    innerElement: slots.innerElement,\n    seriesActions,\n    colorRules,\n    tooltip: slots.tooltip ?? contextConfig.tooltip,\n  };\n}\n\n/**\n * Get chart configuration merging the default one with the stringify json config.\n * In case there is a conflict property, default would prevail.\n * In case there is any parse error. It will return an empty config.\n *\n * @param serializedConfig - stringify json config\n * @returns - PieChartConfiguration\n */\nexport function deserializeConfig(\n  serializedConfig: string,\n): PieChartContextConfig {\n  try {\n    return merge({}, defaultConfig, JSON.parse(serializedConfig));\n  } catch {\n    return defaultConfig;\n  }\n}\n"],
+  "mappings": "AAAA,SAAS,aAAa,aAAa;AAGnC,SAAS,+BAA+B;AACxC,SAAS,wBAAwB;AACjC;AAAA,EAGE;AAAA,OACK;AAGP,SAAS,4BAA4B;AACrC,SAAS,2BAA2B;AACpC,SAAS,6BAA6B;AACtC,SAAS,6BAA6B;AACtC,SAAS,qBAAqB;AAW9B,SAAS,4BAA4B;AAO9B,SAAS,6BACd,qBACA,mBACmC;AACnC,QAAM,eACJ,qBAAqB,uBAAuB,cAAc;AAE5D,SAAO,qBAAqB,YAAY,KAAK,oBAAoB,YAAY,IACzE,eACA,cAAc;AACpB;AAQO,SAAS,yBACd,iBACA,eACa;AACb,MAAI,WAAW;AAAA,IACb,CAAC;AAAA,IACD,cAAc;AAAA,IACd;AAAA,IACA;AAAA,EACF;AAEA,aAAW;AAAA,IACT,GAAG;AAAA,IACH,WAAW;AAAA,MACT,GAAG,SAAS;AAAA,MACZ,MAAM,qBAAqB,SAAS,UAAU,IAAI,IAC9C,SAAS,UAAU,OACnB,sBAAsB;AAAA,IAC5B;AAAA,EACF;AAEA,SAAO;AACT;AAQO,SAAS,uBACd,qBACA,mBACsB;AACtB,MAAI,SAAS;AAAA,IACX,CAAC;AAAA,IACD,cAAc;AAAA,IACd;AAAA,IACA;AAAA,EACF;AAEA,QAAM,WACJ,OAAO,YAAY,sBAAsB,OAAO,QAAQ,IACpD,OAAO,WACP,cAAc,OAAO;AAE3B,WAAS;AAAA,IACP,GAAG;AAAA,IACH;AAAA,EACF;AAEA,SAAO;AACT;AAEA,MAAM,+BAA+B,CACnC,kBAEG,CAAC,YAAY,aAAa,KAAK,cAAc,cAAc;AAEhE,MAAM,0BAA0B,CAC9B,eACA,UACG;AACH,QAAM,wBACJ,6BAA6B,aAAa,KAAK,CAAC,YAAY,KAAK;AAEnE,SAAO,wBAAwB,MAAM,CAAC,GAAG,eAAe,KAAK,IAAI;AACnE;AAUO,SAAS,oBACd,OACA,eACA,OACgB;AAChB,QAAM,eAAe;AAAA,IACnB,cAAc;AAAA,IACd,MAAM;AAAA,EACR;AAEA,QAAM,WAAW;AAAA,IACf,cAAc;AAAA,IACd,MAAM;AAAA,EACR;AAEA,QAAM,SAAS,uBAAuB,cAAc,QAAQ,MAAM,MAAM;AAIxE,QAAM,eAAe,MAAM,QAAQ,MAAM,IAAI,IAAI,MAAM,OAAO,MAAM,KAAK;AAEzE,QAAM,YACJ,MAAM,aACN,cAAc,aACb,qBAAqB,cAAc,CAAC;AAEvC,QAAM,iBACJ,MAAM,kBACN,cAAc,kBACd;AAEF,QAAM,UAAU,wBAAwB,cAAc,SAAS,MAAM,OAAO;AAE5E,QAAM,gBACJ,MAAM,iBAAiB,cAAc,iBAAiB;AAExD,QAAM,cAAc,cAAc,cAAc,CAAC,GAC9C,OAAO,gBAAgB,EACvB,OAAO,MAAM,cAAc,CAAC,CAAC;AAEhC,SAAO;AAAA,IACL,QAAQ,MAAM,UAAU,cAAc;AAAA,IACtC;AAAA,IACA,QAAQ,MAAM,CAAC,GAAG,cAAc,QAAQ,cAAc,QAAQ,MAAM,MAAM;AAAA,IAC1E;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,cAAc,MAAM;AAAA,IACpB;AAAA,IACA;AAAA,IACA,SAAS,MAAM,WAAW,cAAc;AAAA,EAC1C;AACF;AAUO,SAAS,kBACd,kBACuB;AACvB,MAAI;AACF,WAAO,MAAM,CAAC,GAAG,eAAe,KAAK,MAAM,gBAAgB,CAAC;AAAA,EAC9D,QAAQ;AACN,WAAO;AAAA,EACT;AACF;",
   "names": []
 }

package/esm/charts/pie/utils/sanitize-toolbar-intents.js

@@ -0,0 +1,12 @@
+import { getToolbarConfigWithoutIntents } from "../../core/components/toolbar/utils/get-toolbar-config-without-intents.js";
+const sanitizeToolbarIntents = (config) => {
+  const toolbar = config.toolbar ? getToolbarConfigWithoutIntents(config.toolbar) : void 0;
+  return {
+    ...config,
+    toolbar
+  };
+};
+export {
+  sanitizeToolbarIntents
+};
+//# sourceMappingURL=sanitize-toolbar-intents.js.map

package/esm/charts/pie/utils/sanitize-toolbar-intents.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/charts/pie/utils/sanitize-toolbar-intents.ts"],
+  "sourcesContent": ["import { getToolbarConfigWithoutIntents } from '../../core/components/toolbar/utils/get-toolbar-config-without-intents.js';\nimport type { PieDonutConfig } from '../types/pie-chart.config.js';\n\nexport const sanitizeToolbarIntents = (\n  config: PieDonutConfig,\n): PieDonutConfig => {\n  const toolbar = config.toolbar\n    ? getToolbarConfigWithoutIntents(config.toolbar)\n    : undefined;\n\n  return {\n    ...config,\n    toolbar,\n  };\n};\n"],
+  "mappings": "AAAA,SAAS,sCAAsC;AAGxC,MAAM,yBAAyB,CACpC,WACmB;AACnB,QAAM,UAAU,OAAO,UACnB,+BAA+B,OAAO,OAAO,IAC7C;AAEJ,SAAO;AAAA,IACL,GAAG;AAAA,IACH;AAAA,EACF;AACF;",
+  "names": []
+}

package/esm/charts/single-value/SingleValue.css

@@ -1,4 +1,4 @@
-._1sfgzlg0-3-7-1 {
+._1sfgzlg0-3-9-0 {
   height: inherit;
   width: inherit;
 }

package/esm/charts/single-value/SingleValue.sty.js

@@ -1,5 +1,5 @@
 import "./SingleValue.css";
-var container = "_1sfgzlg0-3-7-1";
+var container = "_1sfgzlg0-3-9-0";
 export {
   container
 };

package/esm/charts/single-value/SingleValue.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/charts/single-value/SingleValue.css.ts"],
-  "sourcesContent": ["import './SingleValue.css';\nexport var container = '_1sfgzlg0-3-7-1';"],
+  "sourcesContent": ["import './SingleValue.css';\nexport var container = '_1sfgzlg0-3-9-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,YAAY;",
   "names": []
 }

package/esm/charts/single-value-grid/SingleValueGrid.css

@@ -1,7 +1,7 @@
-._1mx9zjb0-3-7-1 {
+._1mx9zjb0-3-9-0 {
   height: 100%;
   width: 100%;
 }
-._1mx9zjb0-3-7-1 > div {
+._1mx9zjb0-3-9-0 > div {
   overflow: hidden;
 }

package/esm/charts/single-value-grid/SingleValueGrid.sty.js

@@ -1,5 +1,5 @@
 import "./SingleValueGrid.css";
-var gridRows = "_1mx9zjb0-3-7-1";
+var gridRows = "_1mx9zjb0-3-9-0";
 export {
   gridRows
 };

package/esm/charts/single-value-grid/SingleValueGrid.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/charts/single-value-grid/SingleValueGrid.css.ts"],
-  "sourcesContent": ["import './SingleValueGrid.css';\nexport var gridRows = '_1mx9zjb0-3-7-1';"],
+  "sourcesContent": ["import './SingleValueGrid.css';\nexport var gridRows = '_1mx9zjb0-3-9-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,WAAW;",
   "names": []
 }

package/esm/charts/single-value-grid/components/GlobalFontSizeVariables.css

@@ -1,4 +1,4 @@
-._eom86z0-3-7-1 {
+._eom86z0-3-9-0 {
   position: relative;
   width: 100%;
   height: 100%;

package/esm/charts/single-value-grid/components/GlobalFontSizeVariables.sty.js

@@ -1,5 +1,5 @@
 import "./GlobalFontSizeVariables.css";
-var fontSizeWrapper = "_eom86z0-3-7-1";
+var fontSizeWrapper = "_eom86z0-3-9-0";
 export {
   fontSizeWrapper
 };

package/esm/charts/single-value-grid/components/GlobalFontSizeVariables.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/single-value-grid/components/GlobalFontSizeVariables.css.ts"],
-  "sourcesContent": ["import './GlobalFontSizeVariables.css';\nexport var fontSizeWrapper = '_eom86z0-3-7-1';"],
+  "sourcesContent": ["import './GlobalFontSizeVariables.css';\nexport var fontSizeWrapper = '_eom86z0-3-9-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,kBAAkB;",
   "names": []
 }

package/esm/charts/timeseries/TimeseriesChart.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/charts/timeseries/TimeseriesChart.tsx"],
-  "sourcesContent": ["import { forwardRef, type PropsWithChildren } from 'react';\n\nimport { Annotations } from './slots/annotations/Annotations.js';\nimport { Marker } from './slots/annotations/Marker.js';\nimport { AnnotationsTooltip } from './slots/annotations/Tooltip.js';\nimport { Track } from './slots/annotations/Track.js';\nimport { TimeseriesChartDownloadCSVSlot } from './slots/DownloadCSV.js';\nimport { Legend } from './slots/Legend.js';\nimport { Pan } from './slots/Pan.js';\nimport { Select } from './slots/Select.js';\nimport { Area } from './slots/shapes/Area.js';\nimport { Band } from './slots/shapes/Band.js';\nimport { Bar } from './slots/shapes/Bar.js';\nimport { Line } from './slots/shapes/Line.js';\nimport { ThresholdIndicator } from './slots/ThresholdIndicator.js';\nimport { Toolbar } from './slots/Toolbar.js';\nimport { Tooltip } from './slots/Tooltip.js';\nimport { XAxis } from './slots/XAxis.js';\nimport { YAxis } from './slots/YAxis.js';\nimport { Zoom } from './slots/Zoom.js';\nimport { TimeseriesChartRoot } from './TimeseriesChartRoot.js';\nimport type { TimeseriesChartProps } from './types/timeseries-props.js';\nimport type { TimeseriesChartRef } from './types/timeseries-ref.js';\nimport { Intent } from '../../core/slots/Intent/Intent.js';\nimport { EmptyStateSlot } from '../core/slots/chart-states/EmptyStateSlot.js';\nimport { ErrorStateSlot } from '../core/slots/chart-states/ErrorStateSlot.js';\nimport { ColorRule } from '../core/slots/ColorRule.js';\nimport { isFeatureEnabled } from '../core/utils/is-feature-enabled.js';\n// eslint-disable-next-line no-restricted-imports\nimport { TimeseriesToXY } from '../xy-chart-adoption/timeseries/TimeseriesToXY.js';\nimport type { _XYChartAdoptionProps } from '../xy-chart-adoption/types/props.js';\n\nexport const TimeseriesChartSwitcher = forwardRef<\n  TimeseriesChartRef,\n  PropsWithChildren<TimeseriesChartProps & _XYChartAdoptionProps>\n>((props, forwardedRef) => {\n  const { __useXYAdoption, ...rest } = props;\n  if (__useXYAdoption ?? isFeatureEnabled('timeseriesToXY')) {\n    return <TimeseriesToXY {...rest} ref={forwardedRef} />;\n  }\n  return <TimeseriesChartRoot {...rest} ref={forwardedRef} />;\n});\n\n(\n  TimeseriesChartSwitcher as typeof TimeseriesChartSwitcher & {\n    displayName: string;\n  }\n).displayName = 'TimeseriesChart';\n\n/**\n * The `TimeseriesChart` visually represents data in sequential order of time.\n * It's used to observe trends, patterns, and fluctuations in the data over a\n * specific time period.\n * @public\n */\nexport const TimeseriesChart = Object.assign(TimeseriesChartSwitcher, {\n  Band,\n  Legend,\n  YAxis,\n  XAxis,\n  Tooltip,\n  Annotations,\n  Line,\n  Area,\n  Bar,\n  ThresholdIndicator,\n  Select,\n  Intent,\n  EmptyState: EmptyStateSlot,\n  ErrorState: ErrorStateSlot,\n  ColorRule,\n  Toolbar,\n  DownloadCSV: TimeseriesChartDownloadCSVSlot,\n  Pan,\n  Zoom,\n});\n\n/**\n * Annotations Slots\n * @public\n */\nexport const TimeseriesAnnotations = Object.assign(\n  {},\n  {\n    Marker,\n    Track,\n    Tooltip: AnnotationsTooltip,\n  },\n);\n"],
-  "mappings": "AAsCW;AAtCX,SAAS,kBAA0C;AAEnD,SAAS,mBAAmB;AAC5B,SAAS,cAAc;AACvB,SAAS,0BAA0B;AACnC,SAAS,aAAa;AACtB,SAAS,sCAAsC;AAC/C,SAAS,cAAc;AACvB,SAAS,WAAW;AACpB,SAAS,cAAc;AACvB,SAAS,YAAY;AACrB,SAAS,YAAY;AACrB,SAAS,WAAW;AACpB,SAAS,YAAY;AACrB,SAAS,0BAA0B;AACnC,SAAS,eAAe;AACxB,SAAS,eAAe;AACxB,SAAS,aAAa;AACtB,SAAS,aAAa;AACtB,SAAS,YAAY;AACrB,SAAS,2BAA2B;AAGpC,SAAS,cAAc;AACvB,SAAS,sBAAsB;AAC/B,SAAS,sBAAsB;AAC/B,SAAS,iBAAiB;AAC1B,SAAS,wBAAwB;AAEjC,SAAS,sBAAsB;AAGxB,MAAM,0BAA0B,WAGrC,CAAC,OAAO,iBAAiB;AACzB,QAAM,EAAE,iBAAiB,GAAG,KAAK,IAAI;AACrC,MAAI,mBAAmB,iBAAiB,gBAAgB,GAAG;AACzD,WAAO,oBAAC,kBAAgB,GAAG,MAAM,KAAK,cAAc;AAAA,EACtD;AACA,SAAO,oBAAC,uBAAqB,GAAG,MAAM,KAAK,cAAc;AAC3D,CAAC;AAGC,wBAGA,cAAc;AAQT,MAAM,kBAAkB,OAAO,OAAO,yBAAyB;AAAA,EACpE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb;AAAA,EACA;AACF,CAAC;AAMM,MAAM,wBAAwB,OAAO;AAAA,EAC1C,CAAC;AAAA,EACD;AAAA,IACE;AAAA,IACA;AAAA,IACA,SAAS;AAAA,EACX;AACF;",
+  "sourcesContent": ["import { forwardRef, type PropsWithChildren } from 'react';\n\nimport { Annotations } from './slots/annotations/Annotations.js';\nimport { Marker } from './slots/annotations/Marker.js';\nimport { AnnotationsTooltip } from './slots/annotations/Tooltip.js';\nimport { Track } from './slots/annotations/Track.js';\nimport { TimeseriesChartDownloadCSVSlot } from './slots/DownloadCSV.js';\nimport { Legend } from './slots/Legend.js';\nimport { Pan } from './slots/Pan.js';\nimport { Select } from './slots/Select.js';\nimport { Area } from './slots/shapes/Area.js';\nimport { Band } from './slots/shapes/Band.js';\nimport { Bar } from './slots/shapes/Bar.js';\nimport { Line } from './slots/shapes/Line.js';\nimport { ThresholdIndicator } from './slots/ThresholdIndicator.js';\nimport { Toolbar } from './slots/Toolbar.js';\nimport { Tooltip } from './slots/Tooltip.js';\nimport { XAxis } from './slots/XAxis.js';\nimport { YAxis } from './slots/YAxis.js';\nimport { Zoom } from './slots/Zoom.js';\nimport { TimeseriesChartRoot } from './TimeseriesChartRoot.js';\nimport type { TimeseriesChartProps } from './types/timeseries-props.js';\nimport type { TimeseriesChartRef } from './types/timeseries-ref.js';\nimport { Intent } from '../../core/slots/Intent/Intent.js';\nimport { EmptyStateSlot } from '../core/slots/chart-states/EmptyStateSlot.js';\nimport { ErrorStateSlot } from '../core/slots/chart-states/ErrorStateSlot.js';\nimport { ColorRule } from '../core/slots/ColorRule.js';\nimport { isFeatureEnabled } from '../core/utils/is-feature-enabled.js';\nimport type { _XYChartAdoptionProps } from '../xy-chart-adoption/shared/types/props.js';\n// eslint-disable-next-line no-restricted-imports\nimport { TimeseriesToXY } from '../xy-chart-adoption/timeseries/TimeseriesToXY.js';\n\nexport const TimeseriesChartSwitcher = forwardRef<\n  TimeseriesChartRef,\n  PropsWithChildren<TimeseriesChartProps & _XYChartAdoptionProps>\n>((props, forwardedRef) => {\n  const { __useXYAdoption, ...rest } = props;\n  if (__useXYAdoption ?? isFeatureEnabled('timeseriesToXY')) {\n    return <TimeseriesToXY {...rest} ref={forwardedRef} />;\n  }\n  return <TimeseriesChartRoot {...rest} ref={forwardedRef} />;\n});\n\n(\n  TimeseriesChartSwitcher as typeof TimeseriesChartSwitcher & {\n    displayName: string;\n  }\n).displayName = 'TimeseriesChart';\n\n/**\n * The `TimeseriesChart` visually represents data in sequential order of time.\n * It's used to observe trends, patterns, and fluctuations in the data over a\n * specific time period.\n * @public\n */\nexport const TimeseriesChart = Object.assign(TimeseriesChartSwitcher, {\n  Band,\n  Legend,\n  YAxis,\n  XAxis,\n  Tooltip,\n  Annotations,\n  Line,\n  Area,\n  Bar,\n  ThresholdIndicator,\n  Select,\n  Intent,\n  EmptyState: EmptyStateSlot,\n  ErrorState: ErrorStateSlot,\n  ColorRule,\n  Toolbar,\n  DownloadCSV: TimeseriesChartDownloadCSVSlot,\n  Pan,\n  Zoom,\n});\n\n/**\n * Annotations Slots\n * @public\n */\nexport const TimeseriesAnnotations = Object.assign(\n  {},\n  {\n    Marker,\n    Track,\n    Tooltip: AnnotationsTooltip,\n  },\n);\n"],
+  "mappings": "AAsCW;AAtCX,SAAS,kBAA0C;AAEnD,SAAS,mBAAmB;AAC5B,SAAS,cAAc;AACvB,SAAS,0BAA0B;AACnC,SAAS,aAAa;AACtB,SAAS,sCAAsC;AAC/C,SAAS,cAAc;AACvB,SAAS,WAAW;AACpB,SAAS,cAAc;AACvB,SAAS,YAAY;AACrB,SAAS,YAAY;AACrB,SAAS,WAAW;AACpB,SAAS,YAAY;AACrB,SAAS,0BAA0B;AACnC,SAAS,eAAe;AACxB,SAAS,eAAe;AACxB,SAAS,aAAa;AACtB,SAAS,aAAa;AACtB,SAAS,YAAY;AACrB,SAAS,2BAA2B;AAGpC,SAAS,cAAc;AACvB,SAAS,sBAAsB;AAC/B,SAAS,sBAAsB;AAC/B,SAAS,iBAAiB;AAC1B,SAAS,wBAAwB;AAGjC,SAAS,sBAAsB;AAExB,MAAM,0BAA0B,WAGrC,CAAC,OAAO,iBAAiB;AACzB,QAAM,EAAE,iBAAiB,GAAG,KAAK,IAAI;AACrC,MAAI,mBAAmB,iBAAiB,gBAAgB,GAAG;AACzD,WAAO,oBAAC,kBAAgB,GAAG,MAAM,KAAK,cAAc;AAAA,EACtD;AACA,SAAO,oBAAC,uBAAqB,GAAG,MAAM,KAAK,cAAc;AAC3D,CAAC;AAGC,wBAGA,cAAc;AAQT,MAAM,kBAAkB,OAAO,OAAO,yBAAyB;AAAA,EACpE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb;AAAA,EACA;AACF,CAAC;AAMM,MAAM,wBAAwB,OAAO;AAAA,EAC1C,CAAC;AAAA,EACD;AAAA,IACE;AAAA,IACA;AAAA,IACA,SAAS;AAAA,EACX;AACF;",
   "names": []
 }

package/esm/charts/timeseries/TimeseriesChartInternal.js

@@ -1,6 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { forwardRef, useRef } from "react";
-import { ANNOTATIONS_PADDING_BOTTOM } from "./components/annotations-timeseries/constants.js";
 import { TimeseriesAnnotationsIndicators } from "./components/annotations-timeseries/TimeseriesAnnotationsIndicators.js";
 import { TimeseriesChartAnnotationsArea } from "./components/annotations-timeseries/TimeseriesChartAnnotationsArea.js";
 import { TimeseriesTimeBottomAxisArea } from "./components/axes/TimeseriesTimeBottomAxisArea/TimeseriesTimeBottomAxisArea.js";
@@ -24,6 +23,10 @@ import { defaultChartSize } from "../../core/styles/defaultChartValues.sty.js";
 import { SCROLLBAR_WIDTH } from "../core/components/annotations/constants.js";
 import { getAnnotationsVisibleArea } from "../core/components/annotations/utils/get-annotations-visible-area.js";
 import { ChartGrid } from "../core/components/chart-grid/ChartGridRoot.js";
+import {
+  shouldShowAnnotations,
+  shouldShowAxes
+} from "../core/components/chart-grid/constants.js";
 import { useChartLayoutLoading } from "../core/components/chart-layout/hooks/useChartLayoutLoading.js";
 import { useChartLayoutOrientation } from "../core/components/chart-layout/hooks/useChartLayoutOrientation.js";
 import { useGraphSize } from "../core/components/chart-layout/hooks/useGraphSize.js";
@@ -32,6 +35,17 @@ import {
   BOTTOM_PADDING_ADJUSTMENT,
   OVERLAY_PADDING
 } from "../core/components/data-point/constants.js";
+function computeChartPadding(axisLeftConfig, axisRightConfig, unitsCount, isLegendHiddenOrVertical) {
+  const singleUnit = unitsCount === 1 && isLegendHiddenOrVertical;
+  const paddingRight = Boolean(
+    !axisLeftConfig && !axisRightConfig && singleUnit || axisLeftConfig && axisRightConfig && singleUnit || axisLeftConfig && isLegendHiddenOrVertical
+  );
+  const onlyRightAxis = !axisLeftConfig && Boolean(axisRightConfig);
+  return {
+    hasLeftPadding: onlyRightAxis,
+    hasRightPadding: onlyRightAxis || paddingRight
+  };
+}
 const timeseriesGridTemplateAreas = `
   "${AREAS.annotations} ${AREAS.annotations} ${AREAS.annotations} . ."
   "${AREAS.leftAxis} ${AREAS.leftThreshold} plot ${AREAS.rightThreshold} ${AREAS.rightAxis}"
@@ -60,19 +74,24 @@ const TimeseriesChartInternal = /* @__PURE__ */ forwardRef(({ config }, forwarde
     annotations.visibleTracksLimit,
     numHiddenTracks
   );
-  const timeseriesGridTemplateRows = `minmax(0, ${annotationsVisibleArea + (tracksQuantity && ANNOTATIONS_PADDING_BOTTOM)}px)  minmax(60%, 1fr) minmax(0, auto)`;
   const availableWidth = tracksQuantity && orientation === "vertical" ? width - SCROLLBAR_WIDTH : width;
   const isLegendHiddenOrVertical = orientation === "vertical" || legendHidden;
   const isLegendHiddenOrRight = orientation === "horizontal" || legendHidden;
-  const bothConfigsUndefinedAndOneUnit = !axisLeftConfig && !axisRightConfig && units.length === 1 && isLegendHiddenOrVertical;
-  const bothConfigsSetAndOneUnit = axisLeftConfig && axisRightConfig && units.length === 1 && isLegendHiddenOrVertical;
-  const leftConfigSetAndVertical = axisLeftConfig && isLegendHiddenOrVertical;
-  const rightConfigSet = axisRightConfig;
-  const paddingRight = bothConfigsUndefinedAndOneUnit || bothConfigsSetAndOneUnit || leftConfigSetAndVertical;
-  const onlyRightAxis = !axisLeftConfig && rightConfigSet;
-  const hasLeftPadding = onlyRightAxis;
-  const hasRightPadding = hasLeftPadding || paddingRight;
+  const { hasLeftPadding, hasRightPadding } = computeChartPadding(
+    axisLeftConfig,
+    axisRightConfig,
+    units.length,
+    isLegendHiddenOrVertical
+  );
   const chartGridHeight = height - (!tracksQuantity || isLegendHiddenOrRight ? OVERLAY_PADDING + BOTTOM_PADDING_ADJUSTMENT : 0);
+  const showAnnotations = shouldShowAnnotations(
+    chartGridHeight,
+    tracksQuantity
+  );
+  const showAxes = shouldShowAxes(chartGridHeight);
+  const chartGridRenderHeight = tracksQuantity && !isLegendHiddenOrRight && !showAnnotations ? chartGridHeight - OVERLAY_PADDING : chartGridHeight;
+  const annotationsRowHeight = showAnnotations ? annotationsVisibleArea : 0;
+  const timeseriesGridTemplateRows = showAxes ? `minmax(0, ${annotationsRowHeight}px) minmax(60%, 1fr) minmax(0, auto)` : "0px 1fr 1px";
   useChartInteractions();
   if (!height || !width) {
     return null;
@@ -81,7 +100,7 @@ const TimeseriesChartInternal = /* @__PURE__ */ forwardRef(({ config }, forwarde
     "div",
     {
       style: {
-        paddingTop: tracksQuantity ? 0 : OVERLAY_PADDING,
+        paddingTop: showAnnotations ? 0 : OVERLAY_PADDING,
         paddingLeft: hasLeftPadding ? OVERLAY_PADDING : 0
       },
       className: defaultChartSize,
@@ -91,7 +110,7 @@ const TimeseriesChartInternal = /* @__PURE__ */ forwardRef(({ config }, forwarde
         ChartGrid,
         {
           width: availableWidth - (hasRightPadding ? OVERLAY_PADDING : 0),
-          height: chartGridHeight,
+          height: chartGridRenderHeight,
           gridTemplateAreas: timeseriesGridTemplateAreas,
           gridTemplateColumns: timeseriesGridTemplateColumns,
           gridTemplateRows: timeseriesGridTemplateRows,
@@ -103,11 +122,11 @@ const TimeseriesChartInternal = /* @__PURE__ */ forwardRef(({ config }, forwarde
               forwardedRef,
               chartRef,
               children: [
-                /* @__PURE__ */ jsx(TimeseriesValueLeftAxisArea, {}),
-                /* @__PURE__ */ jsx(TimeseriesTimeBottomAxisArea, {}),
+                showAxes && /* @__PURE__ */ jsx(TimeseriesValueLeftAxisArea, {}),
+                showAxes && /* @__PURE__ */ jsx(TimeseriesTimeBottomAxisArea, {}),
                 /* @__PURE__ */ jsxs(ChartGrid.PlotArea, { children: [
                   /* @__PURE__ */ jsx(TimeseriesChartPlot, {}),
-                  /* @__PURE__ */ jsx(TimeseriesAnnotationsIndicators, {}),
+                  showAnnotations && /* @__PURE__ */ jsx(TimeseriesAnnotationsIndicators, {}),
                   /* @__PURE__ */ jsx(
                     ChartLoaderOverlay,
                     {
@@ -118,9 +137,9 @@ const TimeseriesChartInternal = /* @__PURE__ */ forwardRef(({ config }, forwarde
                   ),
                   /* @__PURE__ */ jsx(ThresholdIndicators, { indicatorType: "line" })
                 ] }),
-                /* @__PURE__ */ jsx(TimeseriesValueRightAxisArea, {}),
+                showAxes && /* @__PURE__ */ jsx(TimeseriesValueRightAxisArea, {}),
                 /* @__PURE__ */ jsx(TimeseriesThresholdArea, {}),
-                !!tracksQuantity && /* @__PURE__ */ jsx(TimeseriesChartAnnotationsArea, {})
+                showAnnotations && /* @__PURE__ */ jsx(TimeseriesChartAnnotationsArea, {})
               ]
             }
           ) })
@@ -131,6 +150,7 @@ const TimeseriesChartInternal = /* @__PURE__ */ forwardRef(({ config }, forwarde
 });
 TimeseriesChartInternal.displayName = DISPLAY_NAME;
 export {
-  TimeseriesChartInternal
+  TimeseriesChartInternal,
+  computeChartPadding
 };
 //# sourceMappingURL=TimeseriesChartInternal.js.map