@dynatrace/strato-components 3.13.3 → 3.14.1

package/esm/charts/tree-map/constants.js

@@ -1,5 +1,8 @@
 import Colors from "@dynatrace/strato-design-tokens/colors";
-import { AUTO_TEXT_SIZE_PRESETS, SCALE_FALLBACK_COLOR } from "../core/constants.js";
+import {
+  AUTO_TEXT_SIZE_PRESETS,
+  SCALE_FALLBACK_COLOR
+} from "../core/constants.js";
 const DISPLAY_NAME = "TreeMap";
 const LABELS_DISPLAY = Object.freeze({
   All: "all",
@@ -66,6 +69,7 @@ const NODE_WITH_RECT_CLUSTER_PADDING = 7;
 const NODE_WITH_RECT_PADDING_TOP = DEFAULT_CLUSTER_LABEL_FONTSIZE + CLUSTER_LABEL_PADDING_SUM;
 const ROOT_NODE_WITH_LABELS_OUTER_PADDING = 3;
 const NODE_WITH_RECT_OUTER_PADDING = 3;
+const TOOLTIP_HOVER_TOLERANCE = 4;
 const MIN_VISIBLE_NODE_HEIGHT_AND_WIDTH = 1;
 const ADDITIONAL_CLUSTER_HEIGHT_SPACING = 2;
 const ADDITIONAL_CLUSTER_WIDTH_SPACING = 4;
@@ -126,6 +130,7 @@ export {
   ROOT_NODE_WITH_LABELS_OUTER_PADDING,
   TEXT_ALIGN,
   TEXT_BASELINE,
+  TOOLTIP_HOVER_TOLERANCE,
   TREEMAP_CHART_ARIA_LABEL
 };
 //# sourceMappingURL=constants.js.map

package/esm/charts/tree-map/constants.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/charts/tree-map/constants.ts"],
-  "sourcesContent": ["import Colors from '@dynatrace/strato-design-tokens/colors';\n\nimport type { TextAlign, TextBaseline } from './types/canvas.js';\nimport type { LabelsDisplay, NameAccessor } from './types/treemap.js';\nimport { AUTO_TEXT_SIZE_PRESETS, SCALE_FALLBACK_COLOR } from '../core/constants.js';\nimport type { MappedObject } from '../core/types/helpers/mapped-object.js';\nimport type { TextSize } from '../core/types/text-size.js';\n\nexport { AUTO_TEXT_SIZE_PRESETS };\n\nexport const DISPLAY_NAME = 'TreeMap';\n\nexport const LABELS_DISPLAY = Object.freeze<MappedObject<LabelsDisplay>>({\n  All: 'all',\n  Clusters: 'clusters',\n  ClustersAndValues: 'clusters-and-values',\n  Nodes: 'nodes',\n  None: 'none',\n});\n\nexport const TEXT_ALIGN = Object.freeze<MappedObject<TextAlign>>({\n  Center: 'center',\n  End: 'end',\n  Left: 'left',\n  Right: 'right',\n  Start: 'start',\n});\n\nexport const TEXT_BASELINE = Object.freeze<MappedObject<TextBaseline>>({\n  Alphabetic: 'alphabetic',\n  Bottom: 'bottom',\n  Hanging: 'hanging',\n  Ideographic: 'ideographic',\n  Middle: 'middle',\n  Top: 'top',\n});\n\nexport const NAME_ACCESSOR = Object.freeze<MappedObject<NameAccessor>>({\n  Name: 'name',\n  Value: 'value',\n});\n\nexport const CLUSTER_OTHER_ID = 'other-cluster';\nexport const DEFAULT_AGGREGATED_LABEL = 'Other';\nexport const DEFAULT_ROOT_NODE_NAME = 'root node';\nexport const DEFAULT_WIDTH = '100%';\nexport const DEFAULT_HEIGHT = 300;\nexport const DEFAULT_LOADING_STATE = false;\nexport const DEFAULT_CATEGORICAL_COLOR_PALETTE = 'categorical';\nexport const DEFAULT_RANGE_COLOR_PALETTE = 'moss';\nexport const DEFAULT_MIN_NODE_SIZE = 250;\nexport const DEFAULT_MIN_NODE_SIZE_PARENT = 1000;\nexport const DEFAULT_MIN_NODE_SIZE_PARENT_AND_LABELS = 2000;\nexport const DEFAULT_TOOLBAR_PLACEMENT = 'top-right';\n\nexport const DEFAULT_LABELS_DISPLAY: LabelsDisplay = LABELS_DISPLAY.None;\nexport const DEFAULT_LABEL_ALIGN: TextAlign = TEXT_ALIGN.Center;\nexport const DEFAULT_LABEL_BASELINE: TextBaseline = TEXT_BASELINE.Middle;\nexport const DEFAULT_LABEL_FONTSIZE = 12;\nexport const DEFAULT_CLUSTER_LABEL_FONTSIZE = 12;\nexport const DEFAULT_CLUSTER_LABEL_LINE_HEIGHT = 20;\nexport const CLUSTER_LABEL_OFFSET_Y = DEFAULT_LABEL_FONTSIZE + 2;\nexport const CLUSTER_LABEL_OFFSET_X = 10;\n\nconst CLUSTER_LABEL_PADDING = 4;\nconst CLUSTER_LABEL_PADDING_SUM = CLUSTER_LABEL_PADDING * 2;\nexport const MIN_CLUSTER_HEIGHT =\n  DEFAULT_CLUSTER_LABEL_FONTSIZE + CLUSTER_LABEL_PADDING_SUM;\nexport const DEFAULT_LABEL_PADDING = 4;\n\nexport const DEFAULT_FONT_WEIGHT = 400;\nexport const INCREASED_FONT_WEIGHT = 500;\nexport const DEFAULT_NAME_ACCESSOR = undefined;\n\nexport const DEFAULT_TEXT_SIZE: TextSize = DEFAULT_LABEL_FONTSIZE;\n\nexport const DARK_LABEL_TEXT = '#000000';\nexport const LIGHT_LABEL_TEXT = '#ffffff';\n\nexport const RECT_BORDER_RADIUS = 2;\nexport const RECT_STROKE_WIDTH = 1;\nexport const RECT_CLUSTER_OPACITY = 0.15;\n\nexport const NODE_LEAF_PADDING = 1; // sets leaf node padding to 2px\nexport const NODE_CLUSTER_PADDING = 2; // sets parent node padding to 6px\nexport const NODE_WITH_RECT_CLUSTER_PADDING = 7;\nexport const NODE_WITH_RECT_PADDING_TOP =\n  DEFAULT_CLUSTER_LABEL_FONTSIZE + CLUSTER_LABEL_PADDING_SUM;\nexport const ROOT_NODE_WITH_LABELS_OUTER_PADDING = 3;\nexport const NODE_WITH_RECT_OUTER_PADDING = 3;\n\nconst MIN_VISIBLE_NODE_HEIGHT_AND_WIDTH = 1;\n\nconst ADDITIONAL_CLUSTER_HEIGHT_SPACING = 2;\nconst ADDITIONAL_CLUSTER_WIDTH_SPACING = 4;\n\nexport const MIN_CLUSTER_HEIGHT_WITH_VISIBLE_CHILDREN =\n  DEFAULT_CLUSTER_LABEL_FONTSIZE +\n  MIN_VISIBLE_NODE_HEIGHT_AND_WIDTH +\n  2 * RECT_STROKE_WIDTH +\n  CLUSTER_LABEL_PADDING_SUM +\n  ADDITIONAL_CLUSTER_HEIGHT_SPACING;\n\nexport const MIN_CLUSTER_WIDTH_WITH_VISIBLE_CHILDREN =\n  MIN_VISIBLE_NODE_HEIGHT_AND_WIDTH +\n  2 * RECT_STROKE_WIDTH +\n  ADDITIONAL_CLUSTER_WIDTH_SPACING;\n\nexport const AGGREGATED_NODE_COLOR = Colors.Background.Container.Neutral.Accent;\n\nexport const OUT_OF_RANGE_NODE_COLOR =\n  Colors.Background.Container.Neutral.Accent;\n\nexport const DEFAULT_RANGE_LEGEND_COLOR = SCALE_FALLBACK_COLOR;\n\nexport const DEFAULT_BORDER_COLOR = Colors.Border.Neutral.Accent;\n\nexport const TREEMAP_CHART_ARIA_LABEL = 'Tree Map Chart';\n"],
-  "mappings": "AAAA,OAAO,YAAY;AAInB,SAAS,wBAAwB,4BAA4B;AAMtD,MAAM,eAAe;AAErB,MAAM,iBAAiB,OAAO,OAAoC;AAAA,EACvE,KAAK;AAAA,EACL,UAAU;AAAA,EACV,mBAAmB;AAAA,EACnB,OAAO;AAAA,EACP,MAAM;AACR,CAAC;AAEM,MAAM,aAAa,OAAO,OAAgC;AAAA,EAC/D,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,MAAM;AAAA,EACN,OAAO;AAAA,EACP,OAAO;AACT,CAAC;AAEM,MAAM,gBAAgB,OAAO,OAAmC;AAAA,EACrE,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,KAAK;AACP,CAAC;AAEM,MAAM,gBAAgB,OAAO,OAAmC;AAAA,EACrE,MAAM;AAAA,EACN,OAAO;AACT,CAAC;AAEM,MAAM,mBAAmB;AACzB,MAAM,2BAA2B;AACjC,MAAM,yBAAyB;AAC/B,MAAM,gBAAgB;AACtB,MAAM,iBAAiB;AACvB,MAAM,wBAAwB;AAC9B,MAAM,oCAAoC;AAC1C,MAAM,8BAA8B;AACpC,MAAM,wBAAwB;AAC9B,MAAM,+BAA+B;AACrC,MAAM,0CAA0C;AAChD,MAAM,4BAA4B;AAElC,MAAM,yBAAwC,eAAe;AAC7D,MAAM,sBAAiC,WAAW;AAClD,MAAM,yBAAuC,cAAc;AAC3D,MAAM,yBAAyB;AAC/B,MAAM,iCAAiC;AACvC,MAAM,oCAAoC;AAC1C,MAAM,yBAAyB,yBAAyB;AACxD,MAAM,yBAAyB;AAEtC,MAAM,wBAAwB;AAC9B,MAAM,4BAA4B,wBAAwB;AACnD,MAAM,qBACX,iCAAiC;AAC5B,MAAM,wBAAwB;AAE9B,MAAM,sBAAsB;AAC5B,MAAM,wBAAwB;AAC9B,MAAM,wBAAwB;AAE9B,MAAM,oBAA8B;AAEpC,MAAM,kBAAkB;AACxB,MAAM,mBAAmB;AAEzB,MAAM,qBAAqB;AAC3B,MAAM,oBAAoB;AAC1B,MAAM,uBAAuB;AAE7B,MAAM,oBAAoB;AAC1B,MAAM,uBAAuB;AAC7B,MAAM,iCAAiC;AACvC,MAAM,6BACX,iCAAiC;AAC5B,MAAM,sCAAsC;AAC5C,MAAM,+BAA+B;AAE5C,MAAM,oCAAoC;AAE1C,MAAM,oCAAoC;AAC1C,MAAM,mCAAmC;AAElC,MAAM,2CACX,iCACA,oCACA,IAAI,oBACJ,4BACA;AAEK,MAAM,0CACX,oCACA,IAAI,oBACJ;AAEK,MAAM,wBAAwB,OAAO,WAAW,UAAU,QAAQ;AAElE,MAAM,0BACX,OAAO,WAAW,UAAU,QAAQ;AAE/B,MAAM,6BAA6B;AAEnC,MAAM,uBAAuB,OAAO,OAAO,QAAQ;AAEnD,MAAM,2BAA2B;",
+  "sourcesContent": ["import Colors from '@dynatrace/strato-design-tokens/colors';\n\nimport type { TextAlign, TextBaseline } from './types/canvas.js';\nimport type { LabelsDisplay, NameAccessor } from './types/treemap.js';\nimport {\n  AUTO_TEXT_SIZE_PRESETS,\n  SCALE_FALLBACK_COLOR,\n} from '../core/constants.js';\nimport type { MappedObject } from '../core/types/helpers/mapped-object.js';\nimport type { TextSize } from '../core/types/text-size.js';\n\nexport { AUTO_TEXT_SIZE_PRESETS };\n\nexport const DISPLAY_NAME = 'TreeMap';\n\nexport const LABELS_DISPLAY = Object.freeze<MappedObject<LabelsDisplay>>({\n  All: 'all',\n  Clusters: 'clusters',\n  ClustersAndValues: 'clusters-and-values',\n  Nodes: 'nodes',\n  None: 'none',\n});\n\nexport const TEXT_ALIGN = Object.freeze<MappedObject<TextAlign>>({\n  Center: 'center',\n  End: 'end',\n  Left: 'left',\n  Right: 'right',\n  Start: 'start',\n});\n\nexport const TEXT_BASELINE = Object.freeze<MappedObject<TextBaseline>>({\n  Alphabetic: 'alphabetic',\n  Bottom: 'bottom',\n  Hanging: 'hanging',\n  Ideographic: 'ideographic',\n  Middle: 'middle',\n  Top: 'top',\n});\n\nexport const NAME_ACCESSOR = Object.freeze<MappedObject<NameAccessor>>({\n  Name: 'name',\n  Value: 'value',\n});\n\nexport const CLUSTER_OTHER_ID = 'other-cluster';\nexport const DEFAULT_AGGREGATED_LABEL = 'Other';\nexport const DEFAULT_ROOT_NODE_NAME = 'root node';\nexport const DEFAULT_WIDTH = '100%';\nexport const DEFAULT_HEIGHT = 300;\nexport const DEFAULT_LOADING_STATE = false;\nexport const DEFAULT_CATEGORICAL_COLOR_PALETTE = 'categorical';\nexport const DEFAULT_RANGE_COLOR_PALETTE = 'moss';\nexport const DEFAULT_MIN_NODE_SIZE = 250;\nexport const DEFAULT_MIN_NODE_SIZE_PARENT = 1000;\nexport const DEFAULT_MIN_NODE_SIZE_PARENT_AND_LABELS = 2000;\nexport const DEFAULT_TOOLBAR_PLACEMENT = 'top-right';\n\nexport const DEFAULT_LABELS_DISPLAY: LabelsDisplay = LABELS_DISPLAY.None;\nexport const DEFAULT_LABEL_ALIGN: TextAlign = TEXT_ALIGN.Center;\nexport const DEFAULT_LABEL_BASELINE: TextBaseline = TEXT_BASELINE.Middle;\nexport const DEFAULT_LABEL_FONTSIZE = 12;\nexport const DEFAULT_CLUSTER_LABEL_FONTSIZE = 12;\nexport const DEFAULT_CLUSTER_LABEL_LINE_HEIGHT = 20;\nexport const CLUSTER_LABEL_OFFSET_Y = DEFAULT_LABEL_FONTSIZE + 2;\nexport const CLUSTER_LABEL_OFFSET_X = 10;\n\nconst CLUSTER_LABEL_PADDING = 4;\nconst CLUSTER_LABEL_PADDING_SUM = CLUSTER_LABEL_PADDING * 2;\nexport const MIN_CLUSTER_HEIGHT =\n  DEFAULT_CLUSTER_LABEL_FONTSIZE + CLUSTER_LABEL_PADDING_SUM;\nexport const DEFAULT_LABEL_PADDING = 4;\n\nexport const DEFAULT_FONT_WEIGHT = 400;\nexport const INCREASED_FONT_WEIGHT = 500;\nexport const DEFAULT_NAME_ACCESSOR = undefined;\n\nexport const DEFAULT_TEXT_SIZE: TextSize = DEFAULT_LABEL_FONTSIZE;\n\nexport const DARK_LABEL_TEXT = '#000000';\nexport const LIGHT_LABEL_TEXT = '#ffffff';\n\nexport const RECT_BORDER_RADIUS = 2;\nexport const RECT_STROKE_WIDTH = 1;\nexport const RECT_CLUSTER_OPACITY = 0.15;\n\nexport const NODE_LEAF_PADDING = 1; // sets leaf node padding to 2px\nexport const NODE_CLUSTER_PADDING = 2; // sets parent node padding to 6px\nexport const NODE_WITH_RECT_CLUSTER_PADDING = 7;\nexport const NODE_WITH_RECT_PADDING_TOP =\n  DEFAULT_CLUSTER_LABEL_FONTSIZE + CLUSTER_LABEL_PADDING_SUM;\nexport const ROOT_NODE_WITH_LABELS_OUTER_PADDING = 3;\nexport const NODE_WITH_RECT_OUTER_PADDING = 3;\n\n/**\n * Extra reach added to every node's hover area on top of its layout padding.\n * Node paddings are narrower than the gutters they sit in (6px between clusters\n * against 2px of padding), so without it the middle of a gutter belongs to no\n * node and crossing one dismisses and re-shows the tooltip.\n */\nexport const TOOLTIP_HOVER_TOLERANCE = 4;\n\nconst MIN_VISIBLE_NODE_HEIGHT_AND_WIDTH = 1;\n\nconst ADDITIONAL_CLUSTER_HEIGHT_SPACING = 2;\nconst ADDITIONAL_CLUSTER_WIDTH_SPACING = 4;\n\nexport const MIN_CLUSTER_HEIGHT_WITH_VISIBLE_CHILDREN =\n  DEFAULT_CLUSTER_LABEL_FONTSIZE +\n  MIN_VISIBLE_NODE_HEIGHT_AND_WIDTH +\n  2 * RECT_STROKE_WIDTH +\n  CLUSTER_LABEL_PADDING_SUM +\n  ADDITIONAL_CLUSTER_HEIGHT_SPACING;\n\nexport const MIN_CLUSTER_WIDTH_WITH_VISIBLE_CHILDREN =\n  MIN_VISIBLE_NODE_HEIGHT_AND_WIDTH +\n  2 * RECT_STROKE_WIDTH +\n  ADDITIONAL_CLUSTER_WIDTH_SPACING;\n\nexport const AGGREGATED_NODE_COLOR = Colors.Background.Container.Neutral.Accent;\n\nexport const OUT_OF_RANGE_NODE_COLOR =\n  Colors.Background.Container.Neutral.Accent;\n\nexport const DEFAULT_RANGE_LEGEND_COLOR = SCALE_FALLBACK_COLOR;\n\nexport const DEFAULT_BORDER_COLOR = Colors.Border.Neutral.Accent;\n\nexport const TREEMAP_CHART_ARIA_LABEL = 'Tree Map Chart';\n"],
+  "mappings": "AAAA,OAAO,YAAY;AAInB;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAMA,MAAM,eAAe;AAErB,MAAM,iBAAiB,OAAO,OAAoC;AAAA,EACvE,KAAK;AAAA,EACL,UAAU;AAAA,EACV,mBAAmB;AAAA,EACnB,OAAO;AAAA,EACP,MAAM;AACR,CAAC;AAEM,MAAM,aAAa,OAAO,OAAgC;AAAA,EAC/D,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,MAAM;AAAA,EACN,OAAO;AAAA,EACP,OAAO;AACT,CAAC;AAEM,MAAM,gBAAgB,OAAO,OAAmC;AAAA,EACrE,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,KAAK;AACP,CAAC;AAEM,MAAM,gBAAgB,OAAO,OAAmC;AAAA,EACrE,MAAM;AAAA,EACN,OAAO;AACT,CAAC;AAEM,MAAM,mBAAmB;AACzB,MAAM,2BAA2B;AACjC,MAAM,yBAAyB;AAC/B,MAAM,gBAAgB;AACtB,MAAM,iBAAiB;AACvB,MAAM,wBAAwB;AAC9B,MAAM,oCAAoC;AAC1C,MAAM,8BAA8B;AACpC,MAAM,wBAAwB;AAC9B,MAAM,+BAA+B;AACrC,MAAM,0CAA0C;AAChD,MAAM,4BAA4B;AAElC,MAAM,yBAAwC,eAAe;AAC7D,MAAM,sBAAiC,WAAW;AAClD,MAAM,yBAAuC,cAAc;AAC3D,MAAM,yBAAyB;AAC/B,MAAM,iCAAiC;AACvC,MAAM,oCAAoC;AAC1C,MAAM,yBAAyB,yBAAyB;AACxD,MAAM,yBAAyB;AAEtC,MAAM,wBAAwB;AAC9B,MAAM,4BAA4B,wBAAwB;AACnD,MAAM,qBACX,iCAAiC;AAC5B,MAAM,wBAAwB;AAE9B,MAAM,sBAAsB;AAC5B,MAAM,wBAAwB;AAC9B,MAAM,wBAAwB;AAE9B,MAAM,oBAA8B;AAEpC,MAAM,kBAAkB;AACxB,MAAM,mBAAmB;AAEzB,MAAM,qBAAqB;AAC3B,MAAM,oBAAoB;AAC1B,MAAM,uBAAuB;AAE7B,MAAM,oBAAoB;AAC1B,MAAM,uBAAuB;AAC7B,MAAM,iCAAiC;AACvC,MAAM,6BACX,iCAAiC;AAC5B,MAAM,sCAAsC;AAC5C,MAAM,+BAA+B;AAQrC,MAAM,0BAA0B;AAEvC,MAAM,oCAAoC;AAE1C,MAAM,oCAAoC;AAC1C,MAAM,mCAAmC;AAElC,MAAM,2CACX,iCACA,oCACA,IAAI,oBACJ,4BACA;AAEK,MAAM,0CACX,oCACA,IAAI,oBACJ;AAEK,MAAM,wBAAwB,OAAO,WAAW,UAAU,QAAQ;AAElE,MAAM,0BACX,OAAO,WAAW,UAAU,QAAQ;AAE/B,MAAM,6BAA6B;AAEnC,MAAM,uBAAuB,OAAO,OAAO,QAAQ;AAEnD,MAAM,2BAA2B;",
   "names": []
 }

package/esm/charts/tree-map/context/FormatterContext.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/tree-map/context/FormatterContext.ts"],
-  "sourcesContent": ["import { createContext, useContext } from 'react';\n\nimport type { TruncationMode } from '../../../typography/text-ellipsis/TextEllipsis.js';\nimport { Formatter } from '../../core/types/formatter.js';\nimport type { TreeMapFormatter } from '../types/internal.js';\nimport { getAppliedFormatter } from '../utils/get-applied-formatter.js';\n\nexport type FormatterContextProps = {\n  /**\n   * Custom or default formatter for the chart\n   * @defaultValue the default formatter\n   */\n  formatter: TreeMapFormatter;\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\nexport const FormatterContext = createContext<FormatterContextProps>({\n  formatter: () => '',\n  truncationMode: 'middle',\n});\n\nexport const useFormatter = (): Formatter => {\n  const { formatter } = useContext(FormatterContext);\n\n  return getAppliedFormatter(formatter);\n};\n\n"],
+  "sourcesContent": ["import { createContext, useContext } from 'react';\n\nimport type { TruncationMode } from '../../../typography/text-ellipsis/TextEllipsis.js';\nimport { Formatter } from '../../core/types/formatter.js';\nimport type { TreeMapFormatter } from '../types/internal.js';\nimport { getAppliedFormatter } from '../utils/get-applied-formatter.js';\n\nexport type FormatterContextProps = {\n  /**\n   * Custom or default formatter for the chart\n   * @defaultValue the default formatter\n   */\n  formatter: TreeMapFormatter;\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\nexport const FormatterContext = createContext<FormatterContextProps>({\n  formatter: () => '',\n  truncationMode: 'middle',\n});\n\nexport const useFormatter = (): Formatter => {\n  const { formatter } = useContext(FormatterContext);\n\n  return getAppliedFormatter(formatter);\n};\n"],
   "mappings": "AAAA,SAAS,eAAe,kBAAkB;AAK1C,SAAS,2BAA2B;AAgB7B,MAAM,mBAAmB,cAAqC;AAAA,EACnE,WAAW,MAAM;AAAA,EACjB,gBAAgB;AAClB,CAAC;AAEM,MAAM,eAAe,MAAiB;AAC3C,QAAM,EAAE,UAAU,IAAI,WAAW,gBAAgB;AAEjD,SAAO,oBAAoB,SAAS;AACtC;",
   "names": []
 }

package/esm/charts/tree-map/utils/build-color-rule.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/tree-map/utils/build-color-rule.ts"],
-  "sourcesContent": ["import { get, isNil, pick } from 'lodash-es';\n\nimport { isValidRangeColorRule } from './is-valid-range-color-rule.js';\nimport { ColorRuleProps } from '../../core/types/color-rule.js';\nimport { getColorPalette } from '../../core/utils/get-color-palette.js';\nimport { getAccessor } from '../../core/utils/getAccessor.js';\nimport { getValidColor } from '../../core/utils/getValidColor.js';\nimport {\n  buildValidator,\n  Range,\n  VALUE_MATCHERS,\n} from '../../core/utils/validators.js';\nimport { NAME_ACCESSOR } from '../constants.js';\nimport type {\n  InternalTreeMapNode,\n  RangeLegendColorMap,\n} from '../types/internal.js';\nimport { NameAccessor } from '../types/treemap.js';\n\nconst getRuleColor = (rule: ColorRuleProps, subject: string | number | Range) =>\n  rule.colorPalette\n    ? getColorPalette(`${JSON.stringify(subject)}`, 0, rule.colorPalette)\n        .Default\n    : getValidColor(rule.color ?? '');\n\nconst getSubject = (\n  rule: ColorRuleProps,\n  node: InternalTreeMapNode,\n  defaultValueAccessor?: NameAccessor,\n) => {\n  const valueAccessor = rule.valueAccessor;\n\n  if (!valueAccessor) {\n    return defaultValueAccessor === NAME_ACCESSOR.Value\n      ? node.value\n      : node.name;\n  }\n\n  if (valueAccessor === NAME_ACCESSOR.Name) {\n    return node.name;\n  }\n\n  if (valueAccessor === NAME_ACCESSOR.Value) {\n    return node.value;\n  }\n\n  const accessor = getAccessor(valueAccessor);\n  if (accessor) {\n    const value = get(node, accessor);\n    if (!isNil(value)) {\n      return value;\n    }\n  }\n\n  return null;\n};\n\n/**\n * Function to apply color rules to a node\n * @param node - InternalTreeMapNode\n * @param colorRules - raw color rules to apply\n * @param defaultValueAccessor - accessor to use when no valueAccessor is specified\n * @returns - color token\n */\nexport const buildColorRule = (\n  node: InternalTreeMapNode,\n  colorRules?: ColorRuleProps[],\n  defaultValueAccessor?: NameAccessor,\n) => {\n  if (!colorRules || colorRules.length === 0) {\n    return undefined;\n  }\n\n  const isValid = buildValidator(VALUE_MATCHERS);\n\n  for (let index = colorRules.length - 1; index >= 0; index--) {\n    const rule = colorRules[index];\n    const subject = getSubject(rule, node, defaultValueAccessor);\n\n    if (!isNil(subject) && isValid(subject, rule.comparator, rule.matchValue)) {\n      return getRuleColor(rule, subject);\n    }\n  }\n\n  return undefined;\n};\n\nexport const buildColorRangeLegendRule = (\n  legendColorMap: RangeLegendColorMap,\n  colorRules?: ColorRuleProps[],\n) => {\n  if (!colorRules || colorRules.length === 0) {\n    return undefined;\n  }\n\n  const colorRuleMap: RangeLegendColorMap = new Map();\n\n  colorRules.forEach((rule) => {\n    legendColorMap.forEach((_, key) => {\n      const range = pick(key, ['from', 'to']);\n\n      if (!isNil(range) && isValidRangeColorRule(range, rule)) {\n        const color = getRuleColor(rule, range);\n\n        colorRuleMap.set(key, {\n          color: { Default: color },\n        });\n      }\n    });\n  });\n\n  return {\n    for: (range: Record<string, number>) => {\n      return colorRuleMap.get(range);\n    },\n  };\n};\n"],
-  "mappings": "AAAA,SAAS,KAAK,OAAO,YAAY;AAEjC,SAAS,6BAA6B;AAEtC,SAAS,uBAAuB;AAChC,SAAS,mBAAmB;AAC5B,SAAS,qBAAqB;AAC9B;AAAA,EACE;AAAA,EAEA;AAAA,OACK;AACP,SAAS,qBAAqB;AAO9B,MAAM,eAAe,CAAC,MAAsB,YAC1C,KAAK,eACD,gBAAgB,GAAG,KAAK,UAAU,OAAO,CAAC,IAAI,GAAG,KAAK,YAAY,EAC/D,UACH,cAAc,KAAK,SAAS,EAAE;AAEpC,MAAM,aAAa,CACjB,MACA,MACA,yBACG;AACH,QAAM,gBAAgB,KAAK;AAE3B,MAAI,CAAC,eAAe;AAClB,WAAO,yBAAyB,cAAc,QAC1C,KAAK,QACL,KAAK;AAAA,EACX;AAEA,MAAI,kBAAkB,cAAc,MAAM;AACxC,WAAO,KAAK;AAAA,EACd;AAEA,MAAI,kBAAkB,cAAc,OAAO;AACzC,WAAO,KAAK;AAAA,EACd;AAEA,QAAM,WAAW,YAAY,aAAa;AAC1C,MAAI,UAAU;AACZ,UAAM,QAAQ,IAAI,MAAM,QAAQ;AAChC,QAAI,CAAC,MAAM,KAAK,GAAG;AACjB,aAAO;AAAA,IACT;AAAA,EACF;AAEA,SAAO;AACT;AASO,MAAM,iBAAiB,CAC5B,MACA,YACA,yBACG;AACH,MAAI,CAAC,cAAc,WAAW,WAAW,GAAG;AAC1C,WAAO;AAAA,EACT;AAEA,QAAM,UAAU,eAAe,cAAc;AAE7C,WAAS,QAAQ,WAAW,SAAS,GAAG,SAAS,GAAG,SAAS;AAC3D,UAAM,OAAO,WAAW,KAAK;AAC7B,UAAM,UAAU,WAAW,MAAM,MAAM,oBAAoB;AAE3D,QAAI,CAAC,MAAM,OAAO,KAAK,QAAQ,SAAS,KAAK,YAAY,KAAK,UAAU,GAAG;AACzE,aAAO,aAAa,MAAM,OAAO;AAAA,IACnC;AAAA,EACF;AAEA,SAAO;AACT;AAEO,MAAM,4BAA4B,CACvC,gBACA,eACG;AACH,MAAI,CAAC,cAAc,WAAW,WAAW,GAAG;AAC1C,WAAO;AAAA,EACT;AAEA,QAAM,eAAoC,oBAAI,IAAI;AAElD,aAAW,QAAQ,CAAC,SAAS;AAC3B,mBAAe,QAAQ,CAAC,GAAG,QAAQ;AACjC,YAAM,QAAQ,KAAK,KAAK,CAAC,QAAQ,IAAI,CAAC;AAEtC,UAAI,CAAC,MAAM,KAAK,KAAK,sBAAsB,OAAO,IAAI,GAAG;AACvD,cAAM,QAAQ,aAAa,MAAM,KAAK;AAEtC,qBAAa,IAAI,KAAK;AAAA,UACpB,OAAO,EAAE,SAAS,MAAM;AAAA,QAC1B,CAAC;AAAA,MACH;AAAA,IACF,CAAC;AAAA,EACH,CAAC;AAED,SAAO;AAAA,IACL,KAAK,CAAC,UAAkC;AACtC,aAAO,aAAa,IAAI,KAAK;AAAA,IAC/B;AAAA,EACF;AACF;",
+  "sourcesContent": ["import { get, isNil, pick } from 'lodash-es';\n\nimport { isValidRangeColorRule } from './is-valid-range-color-rule.js';\nimport { ColorRuleProps } from '../../core/types/color-rule.js';\nimport { getColorPalette } from '../../core/utils/get-color-palette.js';\nimport { getAccessor } from '../../core/utils/getAccessor.js';\nimport { getValidColor } from '../../core/utils/getValidColor.js';\nimport {\n  buildValidator,\n  Range,\n  VALUE_MATCHERS,\n} from '../../core/utils/validators.js';\nimport { NAME_ACCESSOR } from '../constants.js';\nimport type {\n  InternalTreeMapNode,\n  RangeLegendColorMap,\n} from '../types/internal.js';\nimport { NameAccessor } from '../types/treemap.js';\n\nconst getRuleColor = (\n  rule: ColorRuleProps,\n  subject: string | number | Range,\n) =>\n  rule.colorPalette\n    ? getColorPalette(`${JSON.stringify(subject)}`, 0, rule.colorPalette)\n        .Default\n    : getValidColor(rule.color ?? '');\n\nconst getSubject = (\n  rule: ColorRuleProps,\n  node: InternalTreeMapNode,\n  defaultValueAccessor?: NameAccessor,\n) => {\n  const valueAccessor = rule.valueAccessor;\n\n  if (!valueAccessor) {\n    return defaultValueAccessor === NAME_ACCESSOR.Value\n      ? node.value\n      : node.name;\n  }\n\n  if (valueAccessor === NAME_ACCESSOR.Name) {\n    return node.name;\n  }\n\n  if (valueAccessor === NAME_ACCESSOR.Value) {\n    return node.value;\n  }\n\n  const accessor = getAccessor(valueAccessor);\n  if (accessor) {\n    const value = get(node, accessor);\n    if (!isNil(value)) {\n      return value;\n    }\n  }\n\n  return null;\n};\n\n/**\n * Function to apply color rules to a node\n * @param node - InternalTreeMapNode\n * @param colorRules - raw color rules to apply\n * @param defaultValueAccessor - accessor to use when no valueAccessor is specified\n * @returns - color token\n */\nexport const buildColorRule = (\n  node: InternalTreeMapNode,\n  colorRules?: ColorRuleProps[],\n  defaultValueAccessor?: NameAccessor,\n) => {\n  if (!colorRules || colorRules.length === 0) {\n    return undefined;\n  }\n\n  const isValid = buildValidator(VALUE_MATCHERS);\n\n  for (let index = colorRules.length - 1; index >= 0; index--) {\n    const rule = colorRules[index];\n    const subject = getSubject(rule, node, defaultValueAccessor);\n\n    if (!isNil(subject) && isValid(subject, rule.comparator, rule.matchValue)) {\n      return getRuleColor(rule, subject);\n    }\n  }\n\n  return undefined;\n};\n\nexport const buildColorRangeLegendRule = (\n  legendColorMap: RangeLegendColorMap,\n  colorRules?: ColorRuleProps[],\n) => {\n  if (!colorRules || colorRules.length === 0) {\n    return undefined;\n  }\n\n  const colorRuleMap: RangeLegendColorMap = new Map();\n\n  colorRules.forEach((rule) => {\n    legendColorMap.forEach((_, key) => {\n      const range = pick(key, ['from', 'to']);\n\n      if (!isNil(range) && isValidRangeColorRule(range, rule)) {\n        const color = getRuleColor(rule, range);\n\n        colorRuleMap.set(key, {\n          color: { Default: color },\n        });\n      }\n    });\n  });\n\n  return {\n    for: (range: Record<string, number>) => {\n      return colorRuleMap.get(range);\n    },\n  };\n};\n"],
+  "mappings": "AAAA,SAAS,KAAK,OAAO,YAAY;AAEjC,SAAS,6BAA6B;AAEtC,SAAS,uBAAuB;AAChC,SAAS,mBAAmB;AAC5B,SAAS,qBAAqB;AAC9B;AAAA,EACE;AAAA,EAEA;AAAA,OACK;AACP,SAAS,qBAAqB;AAO9B,MAAM,eAAe,CACnB,MACA,YAEA,KAAK,eACD,gBAAgB,GAAG,KAAK,UAAU,OAAO,CAAC,IAAI,GAAG,KAAK,YAAY,EAC/D,UACH,cAAc,KAAK,SAAS,EAAE;AAEpC,MAAM,aAAa,CACjB,MACA,MACA,yBACG;AACH,QAAM,gBAAgB,KAAK;AAE3B,MAAI,CAAC,eAAe;AAClB,WAAO,yBAAyB,cAAc,QAC1C,KAAK,QACL,KAAK;AAAA,EACX;AAEA,MAAI,kBAAkB,cAAc,MAAM;AACxC,WAAO,KAAK;AAAA,EACd;AAEA,MAAI,kBAAkB,cAAc,OAAO;AACzC,WAAO,KAAK;AAAA,EACd;AAEA,QAAM,WAAW,YAAY,aAAa;AAC1C,MAAI,UAAU;AACZ,UAAM,QAAQ,IAAI,MAAM,QAAQ;AAChC,QAAI,CAAC,MAAM,KAAK,GAAG;AACjB,aAAO;AAAA,IACT;AAAA,EACF;AAEA,SAAO;AACT;AASO,MAAM,iBAAiB,CAC5B,MACA,YACA,yBACG;AACH,MAAI,CAAC,cAAc,WAAW,WAAW,GAAG;AAC1C,WAAO;AAAA,EACT;AAEA,QAAM,UAAU,eAAe,cAAc;AAE7C,WAAS,QAAQ,WAAW,SAAS,GAAG,SAAS,GAAG,SAAS;AAC3D,UAAM,OAAO,WAAW,KAAK;AAC7B,UAAM,UAAU,WAAW,MAAM,MAAM,oBAAoB;AAE3D,QAAI,CAAC,MAAM,OAAO,KAAK,QAAQ,SAAS,KAAK,YAAY,KAAK,UAAU,GAAG;AACzE,aAAO,aAAa,MAAM,OAAO;AAAA,IACnC;AAAA,EACF;AAEA,SAAO;AACT;AAEO,MAAM,4BAA4B,CACvC,gBACA,eACG;AACH,MAAI,CAAC,cAAc,WAAW,WAAW,GAAG;AAC1C,WAAO;AAAA,EACT;AAEA,QAAM,eAAoC,oBAAI,IAAI;AAElD,aAAW,QAAQ,CAAC,SAAS;AAC3B,mBAAe,QAAQ,CAAC,GAAG,QAAQ;AACjC,YAAM,QAAQ,KAAK,KAAK,CAAC,QAAQ,IAAI,CAAC;AAEtC,UAAI,CAAC,MAAM,KAAK,KAAK,sBAAsB,OAAO,IAAI,GAAG;AACvD,cAAM,QAAQ,aAAa,MAAM,KAAK;AAEtC,qBAAa,IAAI,KAAK;AAAA,UACpB,OAAO,EAAE,SAAS,MAAM;AAAA,QAC1B,CAAC;AAAA,MACH;AAAA,IACF,CAAC;AAAA,EACH,CAAC;AAED,SAAO;AAAA,IACL,KAAK,CAAC,UAAkC;AACtC,aAAO,aAAa,IAAI,KAAK;AAAA,IAC/B;AAAA,EACF;AACF;",
   "names": []
 }

package/esm/charts/tree-map/utils/get-nodes-names.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/tree-map/utils/get-nodes-names.ts"],
-  "sourcesContent": ["import { CLUSTER_OTHER_ID } from '../constants.js';\nimport {\n  type LeafNode,\n  type ClusterNode,\n  isLeaf,\n  isCluster,\n} from '../types/guards/node-guards.js';\nimport type { InternalTreeMapNode } from '../types/internal.js';\nimport type { NameAccessor } from '../types/treemap.js';\n\nexport const getNodeNames = (\n  node: LeafNode | ClusterNode,\n  nameAccessor: NameAccessor | undefined,\n  clusterName: string,\n): Set<string> => {\n  const nodeName = node.name;\n  const parentName = isLeaf(node) && clusterName;\n  const isOtherCluster = node.id === CLUSTER_OTHER_ID;\n\n  if (isOtherCluster) {\n    return new Set([...(node.aggregatedNodes ?? [])]);\n  }\n  const names = [nodeName];\n  parentName && names.push(parentName);\n\n  const leafNodes = isCluster(node) ? node.children ?? [] : [node];\n\n  const leafNames =\n    nameAccessor && typeof nameAccessor === 'string'\n      ? leafNodes.map((leaf: InternalTreeMapNode) => leaf[nameAccessor])\n      : [];\n\n  const aggregatedNodeNames = leafNodes.flatMap(\n    (leaf: InternalTreeMapNode) => leaf.aggregatedNodes ?? [],\n  );\n\n  return new Set([\n    ...names,\n    ...(leafNames as string[]),\n    ...aggregatedNodeNames,\n  ]);\n};\n"],
-  "mappings": "AAAA,SAAS,wBAAwB;AACjC;AAAA,EAGE;AAAA,EACA;AAAA,OACK;AAIA,MAAM,eAAe,CAC1B,MACA,cACA,gBACgB;AAChB,QAAM,WAAW,KAAK;AACtB,QAAM,aAAa,OAAO,IAAI,KAAK;AACnC,QAAM,iBAAiB,KAAK,OAAO;AAEnC,MAAI,gBAAgB;AAClB,WAAO,oBAAI,IAAI,CAAC,GAAI,KAAK,mBAAmB,CAAC,CAAE,CAAC;AAAA,EAClD;AACA,QAAM,QAAQ,CAAC,QAAQ;AACvB,gBAAc,MAAM,KAAK,UAAU;AAEnC,QAAM,YAAY,UAAU,IAAI,IAAI,KAAK,YAAY,CAAC,IAAI,CAAC,IAAI;AAE/D,QAAM,YACJ,gBAAgB,OAAO,iBAAiB,WACpC,UAAU,IAAI,CAAC,SAA8B,KAAK,YAAY,CAAC,IAC/D,CAAC;AAEP,QAAM,sBAAsB,UAAU;AAAA,IACpC,CAAC,SAA8B,KAAK,mBAAmB,CAAC;AAAA,EAC1D;AAEA,SAAO,oBAAI,IAAI;AAAA,IACb,GAAG;AAAA,IACH,GAAI;AAAA,IACJ,GAAG;AAAA,EACL,CAAC;AACH;",
+  "sourcesContent": ["import { CLUSTER_OTHER_ID } from '../constants.js';\nimport {\n  type LeafNode,\n  type ClusterNode,\n  isLeaf,\n  isCluster,\n} from '../types/guards/node-guards.js';\nimport type { InternalTreeMapNode } from '../types/internal.js';\nimport type { NameAccessor } from '../types/treemap.js';\n\nexport const getNodeNames = (\n  node: LeafNode | ClusterNode,\n  nameAccessor: NameAccessor | undefined,\n  clusterName: string,\n): Set<string> => {\n  const nodeName = node.name;\n  const parentName = isLeaf(node) && clusterName;\n  const isOtherCluster = node.id === CLUSTER_OTHER_ID;\n\n  if (isOtherCluster) {\n    return new Set([...(node.aggregatedNodes ?? [])]);\n  }\n  const names = [nodeName];\n  parentName && names.push(parentName);\n\n  const leafNodes = isCluster(node) ? (node.children ?? []) : [node];\n\n  const leafNames =\n    nameAccessor && typeof nameAccessor === 'string'\n      ? leafNodes.map((leaf: InternalTreeMapNode) => leaf[nameAccessor])\n      : [];\n\n  const aggregatedNodeNames = leafNodes.flatMap(\n    (leaf: InternalTreeMapNode) => leaf.aggregatedNodes ?? [],\n  );\n\n  return new Set([\n    ...names,\n    ...(leafNames as string[]),\n    ...aggregatedNodeNames,\n  ]);\n};\n"],
+  "mappings": "AAAA,SAAS,wBAAwB;AACjC;AAAA,EAGE;AAAA,EACA;AAAA,OACK;AAIA,MAAM,eAAe,CAC1B,MACA,cACA,gBACgB;AAChB,QAAM,WAAW,KAAK;AACtB,QAAM,aAAa,OAAO,IAAI,KAAK;AACnC,QAAM,iBAAiB,KAAK,OAAO;AAEnC,MAAI,gBAAgB;AAClB,WAAO,oBAAI,IAAI,CAAC,GAAI,KAAK,mBAAmB,CAAC,CAAE,CAAC;AAAA,EAClD;AACA,QAAM,QAAQ,CAAC,QAAQ;AACvB,gBAAc,MAAM,KAAK,UAAU;AAEnC,QAAM,YAAY,UAAU,IAAI,IAAK,KAAK,YAAY,CAAC,IAAK,CAAC,IAAI;AAEjE,QAAM,YACJ,gBAAgB,OAAO,iBAAiB,WACpC,UAAU,IAAI,CAAC,SAA8B,KAAK,YAAY,CAAC,IAC/D,CAAC;AAEP,QAAM,sBAAsB,UAAU;AAAA,IACpC,CAAC,SAA8B,KAAK,mBAAmB,CAAC;AAAA,EAC1D;AAEA,SAAO,oBAAI,IAAI;AAAA,IACb,GAAG;AAAA,IACH,GAAI;AAAA,IACJ,GAAG;AAAA,EACL,CAAC;AACH;",
   "names": []
 }

package/esm/charts/tree-map/utils/get-tooltip-data.js

@@ -1,15 +1,27 @@
 import { nodePadding } from "./node-padding.js";
 import { shouldDrawLeafNode } from "./should-draw-leaf-node.js";
+import { TOOLTIP_HOVER_TOLERANCE } from "../constants.js";
+const squaredDistanceToNode = (node, position) => {
+  const dx = Math.max(node.x0 - position.x, 0, position.x - node.x1);
+  const dy = Math.max(node.y0 - position.y, 0, position.y - node.y1);
+  return Math.pow(dx, 2) + Math.pow(dy, 2);
+};
 const getTooltipData = (leafNodes, clusterNodes, relativePosition, hasParentLabels = false) => {
   const nodes = hasParentLabels ? [...leafNodes, ...clusterNodes] : leafNodes;
-  return nodes.find((node) => {
-    const padding = nodePadding(node, hasParentLabels);
-    const showLeafTooltip = shouldDrawLeafNode(node);
-    if (!showLeafTooltip && hasParentLabels) {
-      return null;
+  let closestNode;
+  let closestDistance = Infinity;
+  nodes.forEach((node) => {
+    if (hasParentLabels && !shouldDrawLeafNode(node)) {
+      return;
+    }
+    const reach = nodePadding(node, hasParentLabels) + TOOLTIP_HOVER_TOLERANCE;
+    const distance = squaredDistanceToNode(node, relativePosition);
+    if (distance <= Math.pow(reach, 2) && distance < closestDistance) {
+      closestNode = node;
+      closestDistance = distance;
     }
-    return node.x0 - padding <= relativePosition.x && node.x1 + padding >= relativePosition.x && node.y0 - padding <= relativePosition.y && node.y1 + padding >= relativePosition.y;
   });
+  return closestNode;
 };
 export {
   getTooltipData

package/esm/charts/tree-map/utils/get-tooltip-data.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/tree-map/utils/get-tooltip-data.ts"],
-  "sourcesContent": ["import type { HierarchyRectangularNode } from 'd3-hierarchy';\n\nimport { nodePadding } from './node-padding.js';\nimport { shouldDrawLeafNode } from './should-draw-leaf-node.js';\nimport type { InternalTreeMapNode } from '../types/internal.js';\n\nexport const getTooltipData = (\n  leafNodes: HierarchyRectangularNode<InternalTreeMapNode>[],\n  clusterNodes: HierarchyRectangularNode<InternalTreeMapNode>[],\n  relativePosition: { x: number; y: number },\n  hasParentLabels: boolean = false,\n) => {\n  const nodes = hasParentLabels ? [...leafNodes, ...clusterNodes] : leafNodes;\n\n  return nodes.find((node) => {\n    const padding = nodePadding(node, hasParentLabels);\n    const showLeafTooltip = shouldDrawLeafNode(node);\n\n    if (!showLeafTooltip && hasParentLabels) {\n      return null;\n    }\n\n    return (\n      node.x0 - padding <= relativePosition.x &&\n      node.x1 + padding >= relativePosition.x &&\n      node.y0 - padding <= relativePosition.y &&\n      node.y1 + padding >= relativePosition.y\n    );\n  });\n};\n"],
-  "mappings": "AAEA,SAAS,mBAAmB;AAC5B,SAAS,0BAA0B;AAG5B,MAAM,iBAAiB,CAC5B,WACA,cACA,kBACA,kBAA2B,UACxB;AACH,QAAM,QAAQ,kBAAkB,CAAC,GAAG,WAAW,GAAG,YAAY,IAAI;AAElE,SAAO,MAAM,KAAK,CAAC,SAAS;AAC1B,UAAM,UAAU,YAAY,MAAM,eAAe;AACjD,UAAM,kBAAkB,mBAAmB,IAAI;AAE/C,QAAI,CAAC,mBAAmB,iBAAiB;AACvC,aAAO;AAAA,IACT;AAEA,WACE,KAAK,KAAK,WAAW,iBAAiB,KACtC,KAAK,KAAK,WAAW,iBAAiB,KACtC,KAAK,KAAK,WAAW,iBAAiB,KACtC,KAAK,KAAK,WAAW,iBAAiB;AAAA,EAE1C,CAAC;AACH;",
+  "sourcesContent": ["import type { HierarchyRectangularNode } from 'd3-hierarchy';\n\nimport { nodePadding } from './node-padding.js';\nimport { shouldDrawLeafNode } from './should-draw-leaf-node.js';\nimport { TOOLTIP_HOVER_TOLERANCE } from '../constants.js';\nimport type { InternalTreeMapNode } from '../types/internal.js';\n\ntype Position = { x: number; y: number };\n\n/**\n * Squared distance from a position to the nearest point of a node's rectangle,\n * which is 0 for any position inside it. Squared to keep the comparisons\n * sqrt-free \u2014 this runs for every node on every pointer move.\n */\nconst squaredDistanceToNode = (\n  node: HierarchyRectangularNode<InternalTreeMapNode>,\n  position: Position,\n) => {\n  const dx = Math.max(node.x0 - position.x, 0, position.x - node.x1);\n  const dy = Math.max(node.y0 - position.y, 0, position.y - node.y1);\n\n  return Math.pow(dx, 2) + Math.pow(dy, 2);\n};\n\n/**\n * Resolves the node the pointer is over, or the nearest one within its hover\n * reach when the pointer sits in a gutter between nodes. Returns `undefined`\n * only when nothing is close enough, so the tooltip is dismissed when leaving\n * the treemap rather than when crossing between two of its nodes.\n */\nexport const getTooltipData = (\n  leafNodes: HierarchyRectangularNode<InternalTreeMapNode>[],\n  clusterNodes: HierarchyRectangularNode<InternalTreeMapNode>[],\n  relativePosition: Position,\n  hasParentLabels: boolean = false,\n) => {\n  const nodes = hasParentLabels ? [...leafNodes, ...clusterNodes] : leafNodes;\n\n  let closestNode: HierarchyRectangularNode<InternalTreeMapNode> | undefined;\n  let closestDistance = Infinity;\n\n  nodes.forEach((node) => {\n    if (hasParentLabels && !shouldDrawLeafNode(node)) {\n      return;\n    }\n\n    const reach = nodePadding(node, hasParentLabels) + TOOLTIP_HOVER_TOLERANCE;\n    const distance = squaredDistanceToNode(node, relativePosition);\n\n    if (distance <= Math.pow(reach, 2) && distance < closestDistance) {\n      closestNode = node;\n      closestDistance = distance;\n    }\n  });\n\n  return closestNode;\n};\n"],
+  "mappings": "AAEA,SAAS,mBAAmB;AAC5B,SAAS,0BAA0B;AACnC,SAAS,+BAA+B;AAUxC,MAAM,wBAAwB,CAC5B,MACA,aACG;AACH,QAAM,KAAK,KAAK,IAAI,KAAK,KAAK,SAAS,GAAG,GAAG,SAAS,IAAI,KAAK,EAAE;AACjE,QAAM,KAAK,KAAK,IAAI,KAAK,KAAK,SAAS,GAAG,GAAG,SAAS,IAAI,KAAK,EAAE;AAEjE,SAAO,KAAK,IAAI,IAAI,CAAC,IAAI,KAAK,IAAI,IAAI,CAAC;AACzC;AAQO,MAAM,iBAAiB,CAC5B,WACA,cACA,kBACA,kBAA2B,UACxB;AACH,QAAM,QAAQ,kBAAkB,CAAC,GAAG,WAAW,GAAG,YAAY,IAAI;AAElE,MAAI;AACJ,MAAI,kBAAkB;AAEtB,QAAM,QAAQ,CAAC,SAAS;AACtB,QAAI,mBAAmB,CAAC,mBAAmB,IAAI,GAAG;AAChD;AAAA,IACF;AAEA,UAAM,QAAQ,YAAY,MAAM,eAAe,IAAI;AACnD,UAAM,WAAW,sBAAsB,MAAM,gBAAgB;AAE7D,QAAI,YAAY,KAAK,IAAI,OAAO,CAAC,KAAK,WAAW,iBAAiB;AAChE,oBAAc;AACd,wBAAkB;AAAA,IACpB;AAAA,EACF,CAAC;AAED,SAAO;AACT;",
   "names": []
 }

package/esm/charts/xy-chart/XYChart.js

@@ -31,10 +31,12 @@ import {
 } from "./utils/grid-templates.js";
 import { useMergeRefs } from "../../core/hooks/useMergeRefs.js";
 import { defaultChartSize } from "../../core/styles/defaultChartValues.sty.js";
+import { COMPACT_ANNOTATIONS_DIMENSIONS } 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,
+  AnnotationDisplayMode,
+  getAnnotationDisplayMode,
   shouldShowAxes
 } from "../core/components/chart-grid/constants.js";
 import { useChartLayoutLoading } from "../core/components/chart-layout/hooks/useChartLayoutLoading.js";
@@ -69,23 +71,27 @@ const XYChart = forwardRef(
     const annotationsConfig = useXYChartAnnotationsConfig();
     const tracksQuantity = annotationsData?.size ?? 0;
     const hiddenTracks = useXYChartAnnotationsHiddenTracks();
+    const annotationDisplayMode = getAnnotationDisplayMode(
+      height,
+      tracksQuantity,
+      true
+    );
+    const compactAnnotations = annotationDisplayMode === AnnotationDisplayMode.Compact;
+    const showAnnotations = annotationDisplayMode !== AnnotationDisplayMode.Hidden;
     const annotationsVisibleArea = getAnnotationsVisibleArea(
       tracksQuantity,
-      annotationsConfig?.fixedTracks,
-      hiddenTracks.length
+      compactAnnotations ? 1 : annotationsConfig?.fixedTracks,
+      hiddenTracks.length,
+      compactAnnotations ? COMPACT_ANNOTATIONS_DIMENSIONS : void 0
     );
     const annotationsAreaHeight = annotationsVisibleArea;
-    const showAnnotations = shouldShowAnnotations(
-      chartGridHeight,
-      tracksQuantity
-    );
     const showAxes = shouldShowAxes(chartGridHeight);
     const gridAnnotationsHeight = showAnnotations ? annotationsAreaHeight : 0;
     const computedGridTemplateRows = showAxes ? gridTemplateRows(
       bottomAxisMaxSize,
       topAxisMaxSize,
       gridAnnotationsHeight
-    ) : "0px 0px 0px 1fr 0px 1px";
+    ) : `${gridAnnotationsHeight}px 0px 0px 1fr 0px 1px`;
     return /* @__PURE__ */ jsx(
       "div",
       {
@@ -122,7 +128,7 @@ const XYChart = forwardRef(
                   showAxes && /* @__PURE__ */ jsx(XYChartBottomAxisArea, {}),
                   showAxes && /* @__PURE__ */ jsx(XYChartLeftAxisArea, {}),
                   showAxes && /* @__PURE__ */ jsx(XYChartRightAxisArea, {}),
-                  showAnnotations && /* @__PURE__ */ jsx(XYChartAnnotationsArea, {}),
+                  showAnnotations && /* @__PURE__ */ jsx(XYChartAnnotationsArea, { compact: compactAnnotations }),
                   /* @__PURE__ */ jsxs(ChartGrid.PlotArea, { children: [
                     /* @__PURE__ */ jsx(XYChartGridLayout, {}),
                     /* @__PURE__ */ jsx(XYChartLayout, {}),

package/esm/charts/xy-chart/XYChart.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/charts/xy-chart/XYChart.tsx"],
-  "sourcesContent": ["import { forwardRef, type PropsWithChildren, useRef } from 'react';\n\nimport { XYChartImperativeHandlerBuilder } from './builders/XYChartImperativeHandlerBuilder.js';\nimport { XYChartAnnotationsArea } from './components/annotations/XYChartAnnotationsArea.js';\nimport { XYChartAnnotationsIndicators } from './components/annotations/XYChartAnnotationsIndicators.js';\nimport { XYChartBottomAxisArea } from './components/axes/XYChartBottomAxisArea.js';\nimport { XYChartLeftAxisArea } from './components/axes/XYChartLeftAxisArea.js';\nimport { XYChartRightAxisArea } from './components/axes/XYChartRightAxisArea.js';\nimport { XYChartTopAxisArea } from './components/axes/XYChartTopAxisArea.js';\nimport { BarLabelLayout } from './components/displays/BarDisplay/BarLabelLayout.js';\nimport { RectLabelLayout } from './components/displays/RectLabelLayout.js';\nimport { XYChartGridLayout } from './components/layout/XYChartGridLayout.js';\nimport { XYChartOverlay } from './components/overlay/XYChartOverlay.js';\nimport { XYChartThresholdArea } from './components/thresholds/XYChartThresholdArea.js';\nimport { XY_CHART_ARIA_LABEL } from './constants/defaults.js';\nimport { XYChartSelectConfigContext } from './context/XYChartSelectConfig.context.js';\nimport { XYChartTooltipContext } from './context/XYChartTooltip.context.js';\nimport { useVisibleAxesConfig } from './hooks/useVisibleAxesConfig.js';\nimport { useXYChartAnnotationsConfig } from './hooks/useXYChartAnnotationsConfig.js';\nimport { useXYChartAnnotationsData } from './hooks/useXYChartAnnotationsData.js';\nimport { useXYChartAnnotationsHiddenTracks } from './hooks/useXYChartAnnotationsHiddenTracks.js';\nimport { useXYChartData } from './hooks/useXYChartData.js';\nimport { XYChartAxisBorder } from './layout/XYChartAxisBorder.js';\nimport { XYChartLayout } from './layout/XYChartLayout.js';\nimport { XYChartProviders } from './providers/XYChartProviders.js';\nimport { XYChartRef } from './types/xy-chart.js';\nimport { getPaddingByAxes } from './utils/get-padding-by-axes.js';\nimport {\n  gridTemplateAreas,\n  gridTemplateColumns,\n  gridTemplateRows,\n} from './utils/grid-templates.js';\nimport type { XYChartConfig } from './utils/xy-chart-configuration.js';\nimport { useMergeRefs } from '../../core/hooks/useMergeRefs.js';\nimport { defaultChartSize } from '../../core/styles/defaultChartValues.sty.js';\nimport { getAnnotationsVisibleArea } from '../core/components/annotations/utils/get-annotations-visible-area.js';\nimport { ChartGrid } from '../core/components/chart-grid/ChartGridRoot.js';\nimport {\n  shouldShowAnnotations,\n  shouldShowAxes,\n} from '../core/components/chart-grid/constants.js';\nimport { useChartLayoutLoading } from '../core/components/chart-layout/hooks/useChartLayoutLoading.js';\nimport { useGraphSize } from '../core/components/chart-layout/hooks/useGraphSize.js';\nimport { ChartLoaderOverlay } from '../core/components/chart-loader-overlay/ChartLoaderOverlay.js';\nimport { useAriaLabelingContext } from '../core/context/AriaLabelingContext.js';\n\ninterface XYChartProps {\n  config: XYChartConfig;\n}\n\nexport const XYChart = forwardRef<XYChartRef, PropsWithChildren<XYChartProps>>(\n  ({ config }, forwardedRef) => {\n    const {\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledBy,\n      'aria-describedby': ariaDescribedBy,\n      'aria-details': ariaDetails,\n    } = useAriaLabelingContext();\n    const loading = useChartLayoutLoading();\n    const { width, height } = useGraphSize();\n    const chartRef = useRef<HTMLDivElement>(null);\n    const chartAndForwardedRef = useMergeRefs<XYChartRef | HTMLDivElement>([\n      forwardedRef,\n      chartRef,\n    ]);\n    const { top, bottom, left, right } = useVisibleAxesConfig();\n    const { axesMetadata } = useXYChartData();\n\n    const topAxisMaxSize = top?.tickLabelMaxSize;\n    const bottomAxisMaxSize = bottom?.tickLabelMaxSize;\n    const leftAxisMaxSize = left?.tickLabelMaxSize;\n    const rightAxisMaxSize = right?.tickLabelMaxSize;\n    const paddings = getPaddingByAxes({ top, bottom, left, right });\n    const chartGridHeight = height - paddings.vertical();\n    const chartGridWidth = width - paddings.horizontal();\n\n    const annotationsData = useXYChartAnnotationsData();\n    const annotationsConfig = useXYChartAnnotationsConfig();\n    const tracksQuantity = annotationsData?.size ?? 0;\n    const hiddenTracks = useXYChartAnnotationsHiddenTracks();\n\n    const annotationsVisibleArea = getAnnotationsVisibleArea(\n      tracksQuantity,\n      annotationsConfig?.fixedTracks,\n      hiddenTracks.length,\n    );\n\n    const annotationsAreaHeight = annotationsVisibleArea;\n\n    const showAnnotations = shouldShowAnnotations(\n      chartGridHeight,\n      tracksQuantity,\n    );\n\n    const showAxes = shouldShowAxes(chartGridHeight);\n\n    const gridAnnotationsHeight = showAnnotations ? annotationsAreaHeight : 0;\n    const computedGridTemplateRows = showAxes\n      ? gridTemplateRows(\n          bottomAxisMaxSize,\n          topAxisMaxSize,\n          gridAnnotationsHeight,\n        )\n      : '0px 0px 0px 1fr 0px 1px';\n\n    return (\n      <div\n        className={defaultChartSize}\n        style={{\n          paddingTop: paddings.top,\n          paddingLeft: paddings.left,\n        }}\n        aria-label={ariaLabel ?? XY_CHART_ARIA_LABEL}\n        aria-labelledby={ariaLabelledBy}\n        aria-describedby={ariaDescribedBy}\n        aria-details={ariaDetails}\n        role=\"img\"\n      >\n        <ChartGrid\n          width={chartGridWidth}\n          height={chartGridHeight}\n          gridTemplateAreas={gridTemplateAreas}\n          gridTemplateColumns={gridTemplateColumns(\n            leftAxisMaxSize,\n            rightAxisMaxSize,\n          )}\n          gridTemplateRows={computedGridTemplateRows}\n          ref={chartAndForwardedRef}\n        >\n          <XYChartTooltipContext.Provider value={config.tooltip}>\n            <XYChartSelectConfigContext.Provider value={config.select}>\n              <XYChartProviders>\n                <XYChartImperativeHandlerBuilder\n                  chartRef={forwardedRef}\n                  containerRef={chartRef}\n                  config={config}\n                >\n                  {showAxes && <XYChartTopAxisArea />}\n                  {showAxes && <XYChartBottomAxisArea />}\n                  {showAxes && <XYChartLeftAxisArea />}\n                  {showAxes && <XYChartRightAxisArea />}\n\n                  {showAnnotations && <XYChartAnnotationsArea />}\n                  <ChartGrid.PlotArea>\n                    <XYChartGridLayout />\n                    <XYChartLayout />\n                    <BarLabelLayout />\n                    <RectLabelLayout />\n                    <XYChartAxisBorder />\n                    {showAnnotations && <XYChartAnnotationsIndicators />}\n                    <ChartLoaderOverlay\n                      loading={loading}\n                      zoomEnabled={axesMetadata.isZoomEnabled}\n                    >\n                      <XYChartOverlay />\n                    </ChartLoaderOverlay>\n                  </ChartGrid.PlotArea>\n                  <XYChartThresholdArea />\n                </XYChartImperativeHandlerBuilder>\n              </XYChartProviders>\n            </XYChartSelectConfigContext.Provider>\n          </XYChartTooltipContext.Provider>\n        </ChartGrid>\n      </div>\n    );\n  },\n);\n\n(XYChart as typeof XYChart & { displayName: string }).displayName = 'XYChart';\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { forwardRef, type PropsWithChildren, useRef } from 'react';\n\nimport { XYChartImperativeHandlerBuilder } from './builders/XYChartImperativeHandlerBuilder.js';\nimport { XYChartAnnotationsArea } from './components/annotations/XYChartAnnotationsArea.js';\nimport { XYChartAnnotationsIndicators } from './components/annotations/XYChartAnnotationsIndicators.js';\nimport { XYChartBottomAxisArea } from './components/axes/XYChartBottomAxisArea.js';\nimport { XYChartLeftAxisArea } from './components/axes/XYChartLeftAxisArea.js';\nimport { XYChartRightAxisArea } from './components/axes/XYChartRightAxisArea.js';\nimport { XYChartTopAxisArea } from './components/axes/XYChartTopAxisArea.js';\nimport { BarLabelLayout } from './components/displays/BarDisplay/BarLabelLayout.js';\nimport { RectLabelLayout } from './components/displays/RectLabelLayout.js';\nimport { XYChartGridLayout } from './components/layout/XYChartGridLayout.js';\nimport { XYChartOverlay } from './components/overlay/XYChartOverlay.js';\nimport { XYChartThresholdArea } from './components/thresholds/XYChartThresholdArea.js';\nimport { XY_CHART_ARIA_LABEL } from './constants/defaults.js';\nimport { XYChartSelectConfigContext } from './context/XYChartSelectConfig.context.js';\nimport { XYChartTooltipContext } from './context/XYChartTooltip.context.js';\nimport { useVisibleAxesConfig } from './hooks/useVisibleAxesConfig.js';\nimport { useXYChartAnnotationsConfig } from './hooks/useXYChartAnnotationsConfig.js';\nimport { useXYChartAnnotationsData } from './hooks/useXYChartAnnotationsData.js';\nimport { useXYChartAnnotationsHiddenTracks } from './hooks/useXYChartAnnotationsHiddenTracks.js';\nimport { useXYChartData } from './hooks/useXYChartData.js';\nimport { XYChartAxisBorder } from './layout/XYChartAxisBorder.js';\nimport { XYChartLayout } from './layout/XYChartLayout.js';\nimport { XYChartProviders } from './providers/XYChartProviders.js';\nimport { XYChartRef } from './types/xy-chart.js';\nimport { getPaddingByAxes } from './utils/get-padding-by-axes.js';\nimport {\n  gridTemplateAreas,\n  gridTemplateColumns,\n  gridTemplateRows,\n} from './utils/grid-templates.js';\nimport type { XYChartConfig } from './utils/xy-chart-configuration.js';\nimport { useMergeRefs } from '../../core/hooks/useMergeRefs.js';\nimport { defaultChartSize } from '../../core/styles/defaultChartValues.sty.js';\nimport { COMPACT_ANNOTATIONS_DIMENSIONS } from '../core/components/annotations/constants.js';\nimport { getAnnotationsVisibleArea } from '../core/components/annotations/utils/get-annotations-visible-area.js';\nimport { ChartGrid } from '../core/components/chart-grid/ChartGridRoot.js';\nimport {\n  AnnotationDisplayMode,\n  getAnnotationDisplayMode,\n  shouldShowAxes,\n} from '../core/components/chart-grid/constants.js';\nimport { useChartLayoutLoading } from '../core/components/chart-layout/hooks/useChartLayoutLoading.js';\nimport { useGraphSize } from '../core/components/chart-layout/hooks/useGraphSize.js';\nimport { ChartLoaderOverlay } from '../core/components/chart-loader-overlay/ChartLoaderOverlay.js';\nimport { useAriaLabelingContext } from '../core/context/AriaLabelingContext.js';\n\ninterface XYChartProps {\n  config: XYChartConfig;\n}\n\nexport const XYChart = forwardRef<XYChartRef, PropsWithChildren<XYChartProps>>(\n  ({ config }, forwardedRef) => {\n    const {\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledBy,\n      'aria-describedby': ariaDescribedBy,\n      'aria-details': ariaDetails,\n    } = useAriaLabelingContext();\n    const loading = useChartLayoutLoading();\n    const { width, height } = useGraphSize();\n    const chartRef = useRef<HTMLDivElement>(null);\n    const chartAndForwardedRef = useMergeRefs<XYChartRef | HTMLDivElement>([\n      forwardedRef,\n      chartRef,\n    ]);\n    const { top, bottom, left, right } = useVisibleAxesConfig();\n    const { axesMetadata } = useXYChartData();\n\n    const topAxisMaxSize = top?.tickLabelMaxSize;\n    const bottomAxisMaxSize = bottom?.tickLabelMaxSize;\n    const leftAxisMaxSize = left?.tickLabelMaxSize;\n    const rightAxisMaxSize = right?.tickLabelMaxSize;\n    const paddings = getPaddingByAxes({ top, bottom, left, right });\n    const chartGridHeight = height - paddings.vertical();\n    const chartGridWidth = width - paddings.horizontal();\n\n    const annotationsData = useXYChartAnnotationsData();\n    const annotationsConfig = useXYChartAnnotationsConfig();\n    const tracksQuantity = annotationsData?.size ?? 0;\n    const hiddenTracks = useXYChartAnnotationsHiddenTracks();\n\n    const annotationDisplayMode = getAnnotationDisplayMode(\n      height,\n      tracksQuantity,\n      true,\n    );\n    const compactAnnotations =\n      annotationDisplayMode === AnnotationDisplayMode.Compact;\n    const showAnnotations =\n      annotationDisplayMode !== AnnotationDisplayMode.Hidden;\n\n    const annotationsVisibleArea = getAnnotationsVisibleArea(\n      tracksQuantity,\n      compactAnnotations ? 1 : annotationsConfig?.fixedTracks,\n      hiddenTracks.length,\n      compactAnnotations ? COMPACT_ANNOTATIONS_DIMENSIONS : undefined,\n    );\n\n    const annotationsAreaHeight = annotationsVisibleArea;\n\n    const showAxes = shouldShowAxes(chartGridHeight);\n\n    const gridAnnotationsHeight = showAnnotations ? annotationsAreaHeight : 0;\n    const computedGridTemplateRows = showAxes\n      ? gridTemplateRows(\n          bottomAxisMaxSize,\n          topAxisMaxSize,\n          gridAnnotationsHeight,\n        )\n      : `${gridAnnotationsHeight}px 0px 0px 1fr 0px 1px`;\n\n    return (\n      <div\n        className={defaultChartSize}\n        style={{\n          paddingTop: paddings.top,\n          paddingLeft: paddings.left,\n        }}\n        aria-label={ariaLabel ?? XY_CHART_ARIA_LABEL}\n        aria-labelledby={ariaLabelledBy}\n        aria-describedby={ariaDescribedBy}\n        aria-details={ariaDetails}\n        role=\"img\"\n      >\n        <ChartGrid\n          width={chartGridWidth}\n          height={chartGridHeight}\n          gridTemplateAreas={gridTemplateAreas}\n          gridTemplateColumns={gridTemplateColumns(\n            leftAxisMaxSize,\n            rightAxisMaxSize,\n          )}\n          gridTemplateRows={computedGridTemplateRows}\n          ref={chartAndForwardedRef}\n        >\n          <XYChartTooltipContext.Provider value={config.tooltip}>\n            <XYChartSelectConfigContext.Provider value={config.select}>\n              <XYChartProviders>\n                <XYChartImperativeHandlerBuilder\n                  chartRef={forwardedRef}\n                  containerRef={chartRef}\n                  config={config}\n                >\n                  {showAxes && <XYChartTopAxisArea />}\n                  {showAxes && <XYChartBottomAxisArea />}\n                  {showAxes && <XYChartLeftAxisArea />}\n                  {showAxes && <XYChartRightAxisArea />}\n\n                  {showAnnotations && (\n                    <XYChartAnnotationsArea compact={compactAnnotations} />\n                  )}\n                  <ChartGrid.PlotArea>\n                    <XYChartGridLayout />\n                    <XYChartLayout />\n                    <BarLabelLayout />\n                    <RectLabelLayout />\n                    <XYChartAxisBorder />\n                    {showAnnotations && <XYChartAnnotationsIndicators />}\n                    <ChartLoaderOverlay\n                      loading={loading}\n                      zoomEnabled={axesMetadata.isZoomEnabled}\n                    >\n                      <XYChartOverlay />\n                    </ChartLoaderOverlay>\n                  </ChartGrid.PlotArea>\n                  <XYChartThresholdArea />\n                </XYChartImperativeHandlerBuilder>\n              </XYChartProviders>\n            </XYChartSelectConfigContext.Provider>\n          </XYChartTooltipContext.Provider>\n        </ChartGrid>\n      </div>\n    );\n  },\n);\n\n(XYChart as typeof XYChart & { displayName: string }).displayName = 'XYChart';\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/charts/xy-chart/XYChartRoot.js

@@ -19,6 +19,7 @@ import { XYChartColorScalesProvider } from "./providers/XYChartColorScalesProvid
 import { XYChartChartDataProvider } from "./providers/XYChartDataProvider.js";
 import { XYChartDownloadProvider } from "./providers/XYChartDownloadProvider.js";
 import { XYChartIdProvider } from "./providers/XYChartIdProvider.js";
+import { XYChartOnEventProvider } from "./providers/XYChartOnEventProvider.js";
 import { XYChartStoreDomainSync } from "./providers/XYChartStoreDomainSync.js";
 import { XYChartStoreProvider } from "./providers/XYChartStoreProvider.js";
 import { XYChartVisibleAxesProvider } from "./providers/XYChartVisibleAxesProvider.js";
@@ -69,6 +70,7 @@ const XYChartRoot = /* @__PURE__ */ forwardRef((props, ref) => {
     style,
     className,
     __downloadDataCallback: downloadDataCallback,
+    __onEvent: onEvent,
     "data-dtrum-mask": dataDtrumMask,
     "data-dtrum-allow": dataDtrumAllow,
     // @ts-expect-error - We want to allow overriding data-dt-component as we use the component internally in other Strato components, but it should not appear in the public API.
@@ -112,7 +114,7 @@ const XYChartRoot = /* @__PURE__ */ forwardRef((props, ref) => {
     XYChartDownloadProvider,
     {
       downloadDataCallback,
-      children: /* @__PURE__ */ jsx(XYChartToolbarContext.Provider, { value: config.toolbar, children: /* @__PURE__ */ jsx(
+      children: /* @__PURE__ */ jsx(XYChartOnEventProvider, { onEvent, children: /* @__PURE__ */ jsx(XYChartToolbarContext.Provider, { value: config.toolbar, children: /* @__PURE__ */ jsx(
         XYChartTruncationModeContext.Provider,
         {
           value: { truncationMode: config.truncationMode },
@@ -175,7 +177,7 @@ const XYChartRoot = /* @__PURE__ */ forwardRef((props, ref) => {
             }
           )
         }
-      ) })
+      ) }) })
     }
   ) }) }) }) }) });
 });

package/esm/charts/xy-chart/XYChartRoot.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/charts/xy-chart/XYChartRoot.tsx"],
-  "sourcesContent": ["import { forwardRef, type PropsWithChildren, useMemo, useRef } from 'react';\n\nimport { XYChartLegend } from './components/legend/XYChartLegend.js';\nimport {\n  DEFAULT_CHART_HEIGHT,\n  DEFAULT_LOADING_STATE,\n} from './constants/defaults.js';\nimport { XYChartAxesConfigContext } from './context/axes/XYChartAxesConfig.context.js';\nimport { XYChartAnnotationsConfig } from './context/XYChartAnnotationsConfig.context.js';\nimport { XYChartColorPaletteContext } from './context/XYChartColorPalette.context.js';\nimport { XYChartLegendHiddenContext } from './context/XYChartLegendHidden.context.js';\nimport { XYChartThresholdsContext } from './context/XYChartThresholds.context.js';\nimport { XYChartToolbarContext } from './context/XYChartToolbar.context.js';\nimport { XYChartTruncationModeContext } from './context/XYChartTruncationMode.context.js';\nimport { useXYChartConfig } from './hooks/useXYChartConfig.js';\nimport { XYChartAnnotationsDataProvider } from './providers/XYChartAnnotationsDataProvider.js';\nimport { XYChartAnnotationsShownIndicatorsProvider } from './providers/XYChartAnnotationsShownIndicatorsProvider.js';\nimport { XYChartColorScalesProvider } from './providers/XYChartColorScalesProvider.js';\nimport { XYChartChartDataProvider } from './providers/XYChartDataProvider.js';\nimport { XYChartDownloadProvider } from './providers/XYChartDownloadProvider.js';\nimport { XYChartIdProvider } from './providers/XYChartIdProvider.js';\nimport { XYChartStoreDomainSync } from './providers/XYChartStoreDomainSync.js';\nimport { XYChartStoreProvider } from './providers/XYChartStoreProvider.js';\nimport { XYChartVisibleAxesProvider } from './providers/XYChartVisibleAxesProvider.js';\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 { AreaSeries } from './slots/AreaSeries.js';\nimport { BarSeries } from './slots/BarSeries.js';\n// DEPRECATION: [APPDEV-17650] BREAKING-CHANGE: Remove CustomTooltip slot.\nimport { CustomTooltip } from './slots/CustomTooltip.js';\nimport { DotSeries } from './slots/DotSeries.js';\nimport { Legend } from './slots/Legend.js';\nimport { LineSeries } from './slots/LineSeries.js';\nimport { RectSeries } from './slots/RectSeries.js';\nimport { Select } from './slots/Select.js';\nimport { ThresholdIndicator } from './slots/ThresholdIndicator.js';\nimport { Toolbar } from './slots/Toolbar.js';\nimport { XYChartTooltipSlot as Tooltip } from './slots/Tooltip.js';\nimport { XAxis } from './slots/XAxis.js';\nimport { YAxis } from './slots/YAxis.js';\nimport type { XYChartProps } from './types/xy-chart-props.js';\nimport { XYChartRef } from './types/xy-chart.js';\nimport { isEmptyData } from './utils/is-empty-data.js';\nimport { iterateSlots } from './utils/iterate-slots.js';\nimport { buildInternalConfig } from './utils/xy-chart-configuration.js';\nimport { XYChart as XYChartInternal } from './XYChart.js';\nimport { useBehavioralTrackingProps } from '../../core/hooks/useBehavioralTrackingProps.js';\nimport { useMergeRefs } from '../../core/hooks/useMergeRefs.js';\nimport { Intent } from '../../core/slots/Intent/Intent.js';\nimport { ChartLayout } from '../core/components/chart-layout/ChartLayout.js';\nimport { useAutoLegendRefresh } from '../core/components/chart-layout/hooks/useAutoLegendRefresh.js';\nimport { getChartStatesTemplates } from '../core/components/chart-states/utils/get-chart-states-template.js';\nimport { OverlayProvider } from '../core/components/overlay-tooltip/contexts/OverlayContext.js';\nimport { PinCoordinationProvider } from '../core/components/overlay-tooltip/contexts/PinCoordinationContext.js';\nimport { TooltipProvider } from '../core/components/overlay-tooltip/contexts/TooltipContext.js';\nimport { AriaLabelingContext } from '../core/context/AriaLabelingContext.js';\nimport { ColorRuleContext } from '../core/context/ColorRuleContext.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 { coerceSizeValue } from '../core/utils/coerceSizeValue.js';\n\n/**\n * Component name used for data-dt-component in behavioural tracking\n */\nconst COMPONENT_NAME_BEHAVIOURAL_TRACKING = 'XYChart';\n\n/**\n * @internal\n */\nexport const XYChartRoot = /* @__PURE__ */ forwardRef<\n  XYChartRef,\n  PropsWithChildren<XYChartProps>\n>((props, ref) => {\n  const {\n    data,\n    children,\n    height,\n    width,\n    loading = DEFAULT_LOADING_STATE,\n    style,\n    className,\n    __downloadDataCallback: downloadDataCallback,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n    // @ts-expect-error - We want to allow overriding data-dt-component as we use the component internally in other Strato components, but it should not appear in the public API.\n    'data-dt-component': componentName = COMPONENT_NAME_BEHAVIOURAL_TRACKING,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledBy,\n    'aria-describedby': ariaDescribedBy,\n    'aria-details': ariaDetails,\n  } = props;\n  const [behaviorTrackingProps] = useBehavioralTrackingProps(props);\n  const slots = iterateSlots(props.children);\n  const config = useXYChartConfig(props, slots);\n  const { emptyState, errorState } = getChartStatesTemplates(props.children);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const rootRef = useMergeRefs<XYChartRef | HTMLDivElement>([\n    ref,\n    containerRef,\n  ]);\n\n  const {\n    hidden: legendHidden,\n    // oxlint-disable-next-line typescript/no-deprecated\n    ratio,\n    initialRatio,\n    onRatioChange,\n    position: legendPosition,\n  } = config.legend;\n\n  const legendRatio = initialRatio ?? ratio;\n\n  const chartHeight = coerceSizeValue(height ?? DEFAULT_CHART_HEIGHT);\n\n  const internalConfig = buildInternalConfig(config, slots);\n  const chartLayoutRef = useAutoLegendRefresh(data);\n  const ariaLabelingValue = useMemo(\n    () => ({\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledBy,\n      'aria-describedby': ariaDescribedBy,\n      'aria-details': ariaDetails,\n    }),\n    [ariaLabel, ariaLabelledBy, ariaDescribedBy, ariaDetails],\n  );\n\n  return (\n    <AriaLabelingContext.Provider value={ariaLabelingValue}>\n      <XYChartIdProvider>\n        <XYChartThresholdsContext.Provider value={internalConfig.thresholds}>\n          <XYChartAxesConfigContext.Provider value={internalConfig.axes}>\n            <XYChartColorPaletteContext.Provider value={config.colorPalette}>\n              <XYChartDownloadProvider\n                downloadDataCallback={downloadDataCallback}\n              >\n                <XYChartToolbarContext.Provider value={config.toolbar}>\n                  <XYChartTruncationModeContext.Provider\n                    value={{ truncationMode: config.truncationMode }}\n                  >\n                    <XYChartLegendHiddenContext.Provider\n                      value={Boolean(legendHidden)}\n                    >\n                      <XYChartAnnotationsConfig.Provider\n                        value={config.annotations}\n                      >\n                        <ColorRuleContext.Provider value={config.colorRules}>\n                          <XYChartStoreProvider>\n                            <XYChartChartDataProvider\n                              data={data}\n                              seriesVariantsProps={internalConfig.series}\n                            >\n                              <XYChartStoreDomainSync>\n                                <XYChartAnnotationsDataProvider>\n                                  <XYChartVisibleAxesProvider>\n                                    <XYChartColorScalesProvider>\n                                      <XYChartAnnotationsShownIndicatorsProvider>\n                                        <PinCoordinationProvider>\n                                          <OverlayProvider>\n                                            <TooltipProvider>\n                                              <ChartLayout\n                                                ref={chartLayoutRef}\n                                                chartHeight={chartHeight}\n                                                chartWidth={width}\n                                                className={className}\n                                                emptyState={emptyState}\n                                                errorState={errorState}\n                                                isEmpty={isEmptyData(\n                                                  children,\n                                                  data,\n                                                )}\n                                                showLoader={loading}\n                                                style={style}\n                                                data-dtrum-mask={dataDtrumMask}\n                                                data-dtrum-allow={\n                                                  dataDtrumAllow\n                                                }\n                                                {...behaviorTrackingProps}\n                                                data-dt-component={\n                                                  componentName\n                                                }\n                                              >\n                                                <ChartLayout.Graph>\n                                                  <XYChartInternal\n                                                    config={config}\n                                                    ref={rootRef}\n                                                  />\n                                                </ChartLayout.Graph>\n                                                {!legendHidden && (\n                                                  <ChartLayout.Legend\n                                                    position={legendPosition}\n                                                    initialRatio={legendRatio}\n                                                    onResize={onRatioChange}\n                                                  >\n                                                    <XYChartLegend />\n                                                  </ChartLayout.Legend>\n                                                )}\n                                              </ChartLayout>\n                                            </TooltipProvider>\n                                          </OverlayProvider>\n                                        </PinCoordinationProvider>\n                                      </XYChartAnnotationsShownIndicatorsProvider>\n                                    </XYChartColorScalesProvider>\n                                  </XYChartVisibleAxesProvider>\n                                </XYChartAnnotationsDataProvider>\n                              </XYChartStoreDomainSync>\n                            </XYChartChartDataProvider>\n                          </XYChartStoreProvider>\n                        </ColorRuleContext.Provider>\n                      </XYChartAnnotationsConfig.Provider>\n                    </XYChartLegendHiddenContext.Provider>\n                  </XYChartTruncationModeContext.Provider>\n                </XYChartToolbarContext.Provider>\n              </XYChartDownloadProvider>\n            </XYChartColorPaletteContext.Provider>\n          </XYChartAxesConfigContext.Provider>\n        </XYChartThresholdsContext.Provider>\n      </XYChartIdProvider>\n    </AriaLabelingContext.Provider>\n  );\n});\n\n/**\n * The `XYChart` encompasses various types of charts that utilize both x-axis and\n * y-axis for data representation, designed to visually display and analyze data\n * that involve two numerical variables.\n * @public\n */\nexport const XYChart = Object.assign(XYChartRoot, {\n  Annotations,\n  RectSeries,\n  DotSeries,\n  LineSeries,\n  BarSeries,\n  AreaSeries,\n  XAxis,\n  YAxis,\n  Legend,\n  Toolbar,\n  /** @deprecated Use `XYChart.Tooltip` instead. */\n  // oxlint-disable-next-line typescript/no-deprecated\n  CustomTooltip,\n  Tooltip,\n  Intent,\n  Select,\n  ThresholdIndicator,\n  EmptyState: EmptyStateSlot,\n  ErrorState: ErrorStateSlot,\n  ColorRule,\n});\n\n(XYChart as typeof XYChart & { displayName: string }).displayName = 'XYChart';\n\n/**\n * XYAnnotations Slots\n * @public\n */\nexport const XYChartAnnotations = {\n  Marker,\n  Track,\n  Tooltip: AnnotationsTooltip,\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { forwardRef, type PropsWithChildren, useMemo, useRef } from 'react';\n\nimport { XYChartLegend } from './components/legend/XYChartLegend.js';\nimport {\n  DEFAULT_CHART_HEIGHT,\n  DEFAULT_LOADING_STATE,\n} from './constants/defaults.js';\nimport { XYChartAxesConfigContext } from './context/axes/XYChartAxesConfig.context.js';\nimport { XYChartAnnotationsConfig } from './context/XYChartAnnotationsConfig.context.js';\nimport { XYChartColorPaletteContext } from './context/XYChartColorPalette.context.js';\nimport { XYChartLegendHiddenContext } from './context/XYChartLegendHidden.context.js';\nimport { XYChartThresholdsContext } from './context/XYChartThresholds.context.js';\nimport { XYChartToolbarContext } from './context/XYChartToolbar.context.js';\nimport { XYChartTruncationModeContext } from './context/XYChartTruncationMode.context.js';\nimport { useXYChartConfig } from './hooks/useXYChartConfig.js';\nimport { XYChartAnnotationsDataProvider } from './providers/XYChartAnnotationsDataProvider.js';\nimport { XYChartAnnotationsShownIndicatorsProvider } from './providers/XYChartAnnotationsShownIndicatorsProvider.js';\nimport { XYChartColorScalesProvider } from './providers/XYChartColorScalesProvider.js';\nimport { XYChartChartDataProvider } from './providers/XYChartDataProvider.js';\nimport { XYChartDownloadProvider } from './providers/XYChartDownloadProvider.js';\nimport { XYChartIdProvider } from './providers/XYChartIdProvider.js';\nimport { XYChartOnEventProvider } from './providers/XYChartOnEventProvider.js';\nimport { XYChartStoreDomainSync } from './providers/XYChartStoreDomainSync.js';\nimport { XYChartStoreProvider } from './providers/XYChartStoreProvider.js';\nimport { XYChartVisibleAxesProvider } from './providers/XYChartVisibleAxesProvider.js';\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 { AreaSeries } from './slots/AreaSeries.js';\nimport { BarSeries } from './slots/BarSeries.js';\n// DEPRECATION: [APPDEV-17650] BREAKING-CHANGE: Remove CustomTooltip slot.\nimport { CustomTooltip } from './slots/CustomTooltip.js';\nimport { DotSeries } from './slots/DotSeries.js';\nimport { Legend } from './slots/Legend.js';\nimport { LineSeries } from './slots/LineSeries.js';\nimport { RectSeries } from './slots/RectSeries.js';\nimport { Select } from './slots/Select.js';\nimport { ThresholdIndicator } from './slots/ThresholdIndicator.js';\nimport { Toolbar } from './slots/Toolbar.js';\nimport { XYChartTooltipSlot as Tooltip } from './slots/Tooltip.js';\nimport { XAxis } from './slots/XAxis.js';\nimport { YAxis } from './slots/YAxis.js';\nimport type { XYChartProps } from './types/xy-chart-props.js';\nimport { XYChartRef } from './types/xy-chart.js';\nimport { isEmptyData } from './utils/is-empty-data.js';\nimport { iterateSlots } from './utils/iterate-slots.js';\nimport { buildInternalConfig } from './utils/xy-chart-configuration.js';\nimport { XYChart as XYChartInternal } from './XYChart.js';\nimport { useBehavioralTrackingProps } from '../../core/hooks/useBehavioralTrackingProps.js';\nimport { useMergeRefs } from '../../core/hooks/useMergeRefs.js';\nimport { Intent } from '../../core/slots/Intent/Intent.js';\nimport { ChartLayout } from '../core/components/chart-layout/ChartLayout.js';\nimport { useAutoLegendRefresh } from '../core/components/chart-layout/hooks/useAutoLegendRefresh.js';\nimport { getChartStatesTemplates } from '../core/components/chart-states/utils/get-chart-states-template.js';\nimport { OverlayProvider } from '../core/components/overlay-tooltip/contexts/OverlayContext.js';\nimport { PinCoordinationProvider } from '../core/components/overlay-tooltip/contexts/PinCoordinationContext.js';\nimport { TooltipProvider } from '../core/components/overlay-tooltip/contexts/TooltipContext.js';\nimport { AriaLabelingContext } from '../core/context/AriaLabelingContext.js';\nimport { ColorRuleContext } from '../core/context/ColorRuleContext.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 { coerceSizeValue } from '../core/utils/coerceSizeValue.js';\n\n/**\n * Component name used for data-dt-component in behavioural tracking\n */\nconst COMPONENT_NAME_BEHAVIOURAL_TRACKING = 'XYChart';\n\n/**\n * @internal\n */\nexport const XYChartRoot = /* @__PURE__ */ forwardRef<\n  XYChartRef,\n  PropsWithChildren<XYChartProps>\n>((props, ref) => {\n  const {\n    data,\n    children,\n    height,\n    width,\n    loading = DEFAULT_LOADING_STATE,\n    style,\n    className,\n    __downloadDataCallback: downloadDataCallback,\n    __onEvent: onEvent,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n    // @ts-expect-error - We want to allow overriding data-dt-component as we use the component internally in other Strato components, but it should not appear in the public API.\n    'data-dt-component': componentName = COMPONENT_NAME_BEHAVIOURAL_TRACKING,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledBy,\n    'aria-describedby': ariaDescribedBy,\n    'aria-details': ariaDetails,\n  } = props;\n  const [behaviorTrackingProps] = useBehavioralTrackingProps(props);\n  const slots = iterateSlots(props.children);\n  const config = useXYChartConfig(props, slots);\n  const { emptyState, errorState } = getChartStatesTemplates(props.children);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const rootRef = useMergeRefs<XYChartRef | HTMLDivElement>([\n    ref,\n    containerRef,\n  ]);\n\n  const {\n    hidden: legendHidden,\n    // oxlint-disable-next-line typescript/no-deprecated\n    ratio,\n    initialRatio,\n    onRatioChange,\n    position: legendPosition,\n  } = config.legend;\n\n  const legendRatio = initialRatio ?? ratio;\n\n  const chartHeight = coerceSizeValue(height ?? DEFAULT_CHART_HEIGHT);\n\n  const internalConfig = buildInternalConfig(config, slots);\n  const chartLayoutRef = useAutoLegendRefresh(data);\n  const ariaLabelingValue = useMemo(\n    () => ({\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledBy,\n      'aria-describedby': ariaDescribedBy,\n      'aria-details': ariaDetails,\n    }),\n    [ariaLabel, ariaLabelledBy, ariaDescribedBy, ariaDetails],\n  );\n\n  return (\n    <AriaLabelingContext.Provider value={ariaLabelingValue}>\n      <XYChartIdProvider>\n        <XYChartThresholdsContext.Provider value={internalConfig.thresholds}>\n          <XYChartAxesConfigContext.Provider value={internalConfig.axes}>\n            <XYChartColorPaletteContext.Provider value={config.colorPalette}>\n              <XYChartDownloadProvider\n                downloadDataCallback={downloadDataCallback}\n              >\n                <XYChartOnEventProvider onEvent={onEvent}>\n                  <XYChartToolbarContext.Provider value={config.toolbar}>\n                    <XYChartTruncationModeContext.Provider\n                      value={{ truncationMode: config.truncationMode }}\n                    >\n                      <XYChartLegendHiddenContext.Provider\n                        value={Boolean(legendHidden)}\n                      >\n                        <XYChartAnnotationsConfig.Provider\n                          value={config.annotations}\n                        >\n                          <ColorRuleContext.Provider value={config.colorRules}>\n                            <XYChartStoreProvider>\n                              <XYChartChartDataProvider\n                                data={data}\n                                seriesVariantsProps={internalConfig.series}\n                              >\n                                <XYChartStoreDomainSync>\n                                  <XYChartAnnotationsDataProvider>\n                                    <XYChartVisibleAxesProvider>\n                                      <XYChartColorScalesProvider>\n                                        <XYChartAnnotationsShownIndicatorsProvider>\n                                          <PinCoordinationProvider>\n                                            <OverlayProvider>\n                                              <TooltipProvider>\n                                                <ChartLayout\n                                                  ref={chartLayoutRef}\n                                                  chartHeight={chartHeight}\n                                                  chartWidth={width}\n                                                  className={className}\n                                                  emptyState={emptyState}\n                                                  errorState={errorState}\n                                                  isEmpty={isEmptyData(\n                                                    children,\n                                                    data,\n                                                  )}\n                                                  showLoader={loading}\n                                                  style={style}\n                                                  data-dtrum-mask={\n                                                    dataDtrumMask\n                                                  }\n                                                  data-dtrum-allow={\n                                                    dataDtrumAllow\n                                                  }\n                                                  {...behaviorTrackingProps}\n                                                  data-dt-component={\n                                                    componentName\n                                                  }\n                                                >\n                                                  <ChartLayout.Graph>\n                                                    <XYChartInternal\n                                                      config={config}\n                                                      ref={rootRef}\n                                                    />\n                                                  </ChartLayout.Graph>\n                                                  {!legendHidden && (\n                                                    <ChartLayout.Legend\n                                                      position={legendPosition}\n                                                      initialRatio={legendRatio}\n                                                      onResize={onRatioChange}\n                                                    >\n                                                      <XYChartLegend />\n                                                    </ChartLayout.Legend>\n                                                  )}\n                                                </ChartLayout>\n                                              </TooltipProvider>\n                                            </OverlayProvider>\n                                          </PinCoordinationProvider>\n                                        </XYChartAnnotationsShownIndicatorsProvider>\n                                      </XYChartColorScalesProvider>\n                                    </XYChartVisibleAxesProvider>\n                                  </XYChartAnnotationsDataProvider>\n                                </XYChartStoreDomainSync>\n                              </XYChartChartDataProvider>\n                            </XYChartStoreProvider>\n                          </ColorRuleContext.Provider>\n                        </XYChartAnnotationsConfig.Provider>\n                      </XYChartLegendHiddenContext.Provider>\n                    </XYChartTruncationModeContext.Provider>\n                  </XYChartToolbarContext.Provider>\n                </XYChartOnEventProvider>\n              </XYChartDownloadProvider>\n            </XYChartColorPaletteContext.Provider>\n          </XYChartAxesConfigContext.Provider>\n        </XYChartThresholdsContext.Provider>\n      </XYChartIdProvider>\n    </AriaLabelingContext.Provider>\n  );\n});\n\n/**\n * The `XYChart` encompasses various types of charts that utilize both x-axis and\n * y-axis for data representation, designed to visually display and analyze data\n * that involve two numerical variables.\n * @public\n */\nexport const XYChart = Object.assign(XYChartRoot, {\n  Annotations,\n  RectSeries,\n  DotSeries,\n  LineSeries,\n  BarSeries,\n  AreaSeries,\n  XAxis,\n  YAxis,\n  Legend,\n  Toolbar,\n  /** @deprecated Use `XYChart.Tooltip` instead. */\n  // oxlint-disable-next-line typescript/no-deprecated\n  CustomTooltip,\n  Tooltip,\n  Intent,\n  Select,\n  ThresholdIndicator,\n  EmptyState: EmptyStateSlot,\n  ErrorState: ErrorStateSlot,\n  ColorRule,\n});\n\n(XYChart as typeof XYChart & { displayName: string }).displayName = 'XYChart';\n\n/**\n * XYAnnotations Slots\n * @public\n */\nexport const XYChartAnnotations = {\n  Marker,\n  Track,\n  Tooltip: AnnotationsTooltip,\n};\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/charts/xy-chart/builders/XYChartImperativeHandlerBuilder.js

@@ -22,7 +22,7 @@ const XYChartImperativeHandlerBuilder = ({
   const { seriesWithDatapoints, datapointMetadataMap, seriesToMetadata } = useXYChartData();
   const { downloadDataCallback } = useDownload();
   const setState = useSetState();
-  const { zoomInEnabled, zoomOutEnabled } = useZoomState();
+  const { zoomInEnabled, zoomOutEnabled, panEnabled } = useZoomState();
   const { axesMetadata } = useXYChartData();
   const { width } = useGridPlotSize();
   const applyZoom = useApplyZoomDelta();
@@ -55,7 +55,7 @@ const XYChartImperativeHandlerBuilder = ({
       }
     },
     panMode: () => {
-      if (zoomOutEnabled && axesMetadata.isPanEnabled) {
+      if (panEnabled && axesMetadata.isPanEnabled) {
         setState(reduceInteractionMode(INTERACTION_MODE.Pan));
       }
     },

package/esm/charts/xy-chart/builders/XYChartImperativeHandlerBuilder.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/xy-chart/builders/XYChartImperativeHandlerBuilder.tsx"],
-  "sourcesContent": ["import {\n  useImperativeHandle,\n  type PropsWithChildren,\n  type Ref,\n  type RefObject,\n} from 'react';\n\nimport { useGridPlotSize } from '../../core/components/chart-grid/hooks/useGridPlotSize.js';\nimport { INTERACTION_MODE } from '../../core/components/interactions-overlay/types.js';\nimport { useTriggerZoom } from '../../core/components/zoom/hooks/useTriggerZoom.js';\nimport { ChartType } from '../../core/types/chart-types.js';\nimport { ZOOM_CHANGE_TYPE } from '../../core/types/zoom.js';\nimport { useApplyZoomDelta } from '../components/overlay/hooks/useApplyZoomDelta.js';\nimport { useResetInteractions } from '../components/overlay/hooks/useResetInteractions.js';\nimport { useDownload } from '../hooks/useDownload.js';\nimport { useXYChartData } from '../hooks/useXYChartData.js';\nimport { reduceInteractionMode } from '../store/reduce-interaction-mode.js';\nimport { useSetState, useZoomState } from '../store/selectors.js';\nimport type { XYChartRef } from '../types/xy-chart.js';\nimport { buildAndDownloadCsv } from '../utils/build-and-download-csv.js';\nimport type { XYChartConfig } from '../utils/xy-chart-configuration.js';\n\ninterface XYChartImperativeHandlerBuilderProps {\n  chartRef: Ref<XYChartRef>;\n  containerRef: RefObject<HTMLDivElement | null>;\n  config: XYChartConfig;\n}\n\nexport const XYChartImperativeHandlerBuilder = ({\n  chartRef,\n  containerRef,\n  config,\n  children,\n}: PropsWithChildren<XYChartImperativeHandlerBuilderProps>) => {\n  const { seriesWithDatapoints, datapointMetadataMap, seriesToMetadata } =\n    useXYChartData();\n  const { downloadDataCallback } = useDownload();\n  const setState = useSetState();\n  const { zoomInEnabled, zoomOutEnabled } = useZoomState();\n  const { axesMetadata } = useXYChartData();\n\n  const { width } = useGridPlotSize();\n  const applyZoom = useApplyZoomDelta();\n  const triggerZoom = useTriggerZoom(width, applyZoom);\n\n  const resetInteractions = useResetInteractions();\n\n  useImperativeHandle(chartRef, () => ({\n    element: containerRef.current,\n    getConfig: () => {\n      const { tooltip, ...exportableConfig } = config;\n      return JSON.stringify({\n        type: ChartType.XYChart,\n        ...exportableConfig,\n        tooltip: { hidden: !!tooltip?.hidden },\n      });\n    },\n    downloadData: () => {\n      buildAndDownloadCsv(\n        seriesWithDatapoints,\n        seriesToMetadata,\n        datapointMetadataMap,\n        downloadDataCallback,\n      );\n    },\n    exploreMode: () => {\n      setState(reduceInteractionMode(INTERACTION_MODE.Explore));\n    },\n    zoomMode: () => {\n      if (axesMetadata.isZoomEnabled) {\n        setState(reduceInteractionMode(INTERACTION_MODE.Zoom));\n      }\n    },\n    panMode: () => {\n      if (zoomOutEnabled && axesMetadata.isPanEnabled) {\n        setState(reduceInteractionMode(INTERACTION_MODE.Pan));\n      }\n    },\n    zoomIn: () => {\n      if (zoomInEnabled) {\n        triggerZoom(ZOOM_CHANGE_TYPE.ZoomIn);\n      }\n    },\n    zoomOut: () => {\n      if (zoomOutEnabled) {\n        triggerZoom(ZOOM_CHANGE_TYPE.ZoomOut);\n      }\n    },\n    reset: () => {\n      resetInteractions();\n    },\n  }));\n\n  return children;\n};\n"],
-  "mappings": "AAAA;AAAA,EACE;AAAA,OAIK;AAEP,SAAS,uBAAuB;AAChC,SAAS,wBAAwB;AACjC,SAAS,sBAAsB;AAC/B,SAAS,iBAAiB;AAC1B,SAAS,wBAAwB;AACjC,SAAS,yBAAyB;AAClC,SAAS,4BAA4B;AACrC,SAAS,mBAAmB;AAC5B,SAAS,sBAAsB;AAC/B,SAAS,6BAA6B;AACtC,SAAS,aAAa,oBAAoB;AAE1C,SAAS,2BAA2B;AAS7B,MAAM,kCAAkC,CAAC;AAAA,EAC9C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA+D;AAC7D,QAAM,EAAE,sBAAsB,sBAAsB,iBAAiB,IACnE,eAAe;AACjB,QAAM,EAAE,qBAAqB,IAAI,YAAY;AAC7C,QAAM,WAAW,YAAY;AAC7B,QAAM,EAAE,eAAe,eAAe,IAAI,aAAa;AACvD,QAAM,EAAE,aAAa,IAAI,eAAe;AAExC,QAAM,EAAE,MAAM,IAAI,gBAAgB;AAClC,QAAM,YAAY,kBAAkB;AACpC,QAAM,cAAc,eAAe,OAAO,SAAS;AAEnD,QAAM,oBAAoB,qBAAqB;AAE/C,sBAAoB,UAAU,OAAO;AAAA,IACnC,SAAS,aAAa;AAAA,IACtB,WAAW,MAAM;AACf,YAAM,EAAE,SAAS,GAAG,iBAAiB,IAAI;AACzC,aAAO,KAAK,UAAU;AAAA,QACpB,MAAM,UAAU;AAAA,QAChB,GAAG;AAAA,QACH,SAAS,EAAE,QAAQ,CAAC,CAAC,SAAS,OAAO;AAAA,MACvC,CAAC;AAAA,IACH;AAAA,IACA,cAAc,MAAM;AAClB;AAAA,QACE;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,IACF;AAAA,IACA,aAAa,MAAM;AACjB,eAAS,sBAAsB,iBAAiB,OAAO,CAAC;AAAA,IAC1D;AAAA,IACA,UAAU,MAAM;AACd,UAAI,aAAa,eAAe;AAC9B,iBAAS,sBAAsB,iBAAiB,IAAI,CAAC;AAAA,MACvD;AAAA,IACF;AAAA,IACA,SAAS,MAAM;AACb,UAAI,kBAAkB,aAAa,cAAc;AAC/C,iBAAS,sBAAsB,iBAAiB,GAAG,CAAC;AAAA,MACtD;AAAA,IACF;AAAA,IACA,QAAQ,MAAM;AACZ,UAAI,eAAe;AACjB,oBAAY,iBAAiB,MAAM;AAAA,MACrC;AAAA,IACF;AAAA,IACA,SAAS,MAAM;AACb,UAAI,gBAAgB;AAClB,oBAAY,iBAAiB,OAAO;AAAA,MACtC;AAAA,IACF;AAAA,IACA,OAAO,MAAM;AACX,wBAAkB;AAAA,IACpB;AAAA,EACF,EAAE;AAEF,SAAO;AACT;",
+  "sourcesContent": ["import {\n  useImperativeHandle,\n  type PropsWithChildren,\n  type Ref,\n  type RefObject,\n} from 'react';\n\nimport { useGridPlotSize } from '../../core/components/chart-grid/hooks/useGridPlotSize.js';\nimport { INTERACTION_MODE } from '../../core/components/interactions-overlay/types.js';\nimport { useTriggerZoom } from '../../core/components/zoom/hooks/useTriggerZoom.js';\nimport { ChartType } from '../../core/types/chart-types.js';\nimport { ZOOM_CHANGE_TYPE } from '../../core/types/zoom.js';\nimport { useApplyZoomDelta } from '../components/overlay/hooks/useApplyZoomDelta.js';\nimport { useResetInteractions } from '../components/overlay/hooks/useResetInteractions.js';\nimport { useDownload } from '../hooks/useDownload.js';\nimport { useXYChartData } from '../hooks/useXYChartData.js';\nimport { reduceInteractionMode } from '../store/reduce-interaction-mode.js';\nimport { useSetState, useZoomState } from '../store/selectors.js';\nimport type { XYChartRef } from '../types/xy-chart.js';\nimport { buildAndDownloadCsv } from '../utils/build-and-download-csv.js';\nimport type { XYChartConfig } from '../utils/xy-chart-configuration.js';\n\ninterface XYChartImperativeHandlerBuilderProps {\n  chartRef: Ref<XYChartRef>;\n  containerRef: RefObject<HTMLDivElement | null>;\n  config: XYChartConfig;\n}\n\nexport const XYChartImperativeHandlerBuilder = ({\n  chartRef,\n  containerRef,\n  config,\n  children,\n}: PropsWithChildren<XYChartImperativeHandlerBuilderProps>) => {\n  const { seriesWithDatapoints, datapointMetadataMap, seriesToMetadata } =\n    useXYChartData();\n  const { downloadDataCallback } = useDownload();\n  const setState = useSetState();\n  const { zoomInEnabled, zoomOutEnabled, panEnabled } = useZoomState();\n  const { axesMetadata } = useXYChartData();\n\n  const { width } = useGridPlotSize();\n  const applyZoom = useApplyZoomDelta();\n  const triggerZoom = useTriggerZoom(width, applyZoom);\n\n  const resetInteractions = useResetInteractions();\n\n  useImperativeHandle(chartRef, () => ({\n    element: containerRef.current,\n    getConfig: () => {\n      const { tooltip, ...exportableConfig } = config;\n      return JSON.stringify({\n        type: ChartType.XYChart,\n        ...exportableConfig,\n        tooltip: { hidden: !!tooltip?.hidden },\n      });\n    },\n    downloadData: () => {\n      buildAndDownloadCsv(\n        seriesWithDatapoints,\n        seriesToMetadata,\n        datapointMetadataMap,\n        downloadDataCallback,\n      );\n    },\n    exploreMode: () => {\n      setState(reduceInteractionMode(INTERACTION_MODE.Explore));\n    },\n    zoomMode: () => {\n      if (axesMetadata.isZoomEnabled) {\n        setState(reduceInteractionMode(INTERACTION_MODE.Zoom));\n      }\n    },\n    panMode: () => {\n      if (panEnabled && axesMetadata.isPanEnabled) {\n        setState(reduceInteractionMode(INTERACTION_MODE.Pan));\n      }\n    },\n    zoomIn: () => {\n      if (zoomInEnabled) {\n        triggerZoom(ZOOM_CHANGE_TYPE.ZoomIn);\n      }\n    },\n    zoomOut: () => {\n      if (zoomOutEnabled) {\n        triggerZoom(ZOOM_CHANGE_TYPE.ZoomOut);\n      }\n    },\n    reset: () => {\n      resetInteractions();\n    },\n  }));\n\n  return children;\n};\n"],
+  "mappings": "AAAA;AAAA,EACE;AAAA,OAIK;AAEP,SAAS,uBAAuB;AAChC,SAAS,wBAAwB;AACjC,SAAS,sBAAsB;AAC/B,SAAS,iBAAiB;AAC1B,SAAS,wBAAwB;AACjC,SAAS,yBAAyB;AAClC,SAAS,4BAA4B;AACrC,SAAS,mBAAmB;AAC5B,SAAS,sBAAsB;AAC/B,SAAS,6BAA6B;AACtC,SAAS,aAAa,oBAAoB;AAE1C,SAAS,2BAA2B;AAS7B,MAAM,kCAAkC,CAAC;AAAA,EAC9C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA+D;AAC7D,QAAM,EAAE,sBAAsB,sBAAsB,iBAAiB,IACnE,eAAe;AACjB,QAAM,EAAE,qBAAqB,IAAI,YAAY;AAC7C,QAAM,WAAW,YAAY;AAC7B,QAAM,EAAE,eAAe,gBAAgB,WAAW,IAAI,aAAa;AACnE,QAAM,EAAE,aAAa,IAAI,eAAe;AAExC,QAAM,EAAE,MAAM,IAAI,gBAAgB;AAClC,QAAM,YAAY,kBAAkB;AACpC,QAAM,cAAc,eAAe,OAAO,SAAS;AAEnD,QAAM,oBAAoB,qBAAqB;AAE/C,sBAAoB,UAAU,OAAO;AAAA,IACnC,SAAS,aAAa;AAAA,IACtB,WAAW,MAAM;AACf,YAAM,EAAE,SAAS,GAAG,iBAAiB,IAAI;AACzC,aAAO,KAAK,UAAU;AAAA,QACpB,MAAM,UAAU;AAAA,QAChB,GAAG;AAAA,QACH,SAAS,EAAE,QAAQ,CAAC,CAAC,SAAS,OAAO;AAAA,MACvC,CAAC;AAAA,IACH;AAAA,IACA,cAAc,MAAM;AAClB;AAAA,QACE;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,IACF;AAAA,IACA,aAAa,MAAM;AACjB,eAAS,sBAAsB,iBAAiB,OAAO,CAAC;AAAA,IAC1D;AAAA,IACA,UAAU,MAAM;AACd,UAAI,aAAa,eAAe;AAC9B,iBAAS,sBAAsB,iBAAiB,IAAI,CAAC;AAAA,MACvD;AAAA,IACF;AAAA,IACA,SAAS,MAAM;AACb,UAAI,cAAc,aAAa,cAAc;AAC3C,iBAAS,sBAAsB,iBAAiB,GAAG,CAAC;AAAA,MACtD;AAAA,IACF;AAAA,IACA,QAAQ,MAAM;AACZ,UAAI,eAAe;AACjB,oBAAY,iBAAiB,MAAM;AAAA,MACrC;AAAA,IACF;AAAA,IACA,SAAS,MAAM;AACb,UAAI,gBAAgB;AAClB,oBAAY,iBAAiB,OAAO;AAAA,MACtC;AAAA,IACF;AAAA,IACA,OAAO,MAAM;AACX,wBAAkB;AAAA,IACpB;AAAA,EACF,EAAE;AAEF,SAAO;AACT;",
   "names": []
 }

package/esm/charts/xy-chart/components/annotations/XYChartAnnotationsArea.js

@@ -5,6 +5,7 @@ import { AnnotationsNumericalDisplay } from "../../../core/components/annotation
 import { AnnotationsTimeDisplay } from "../../../core/components/annotations/components/displays/AnnotationsTimeDisplay.js";
 import { AnnotationsScrollWrapper } from "../../../core/components/annotations/components/overlays/AnnotationsScrollWrapper.js";
 import {
+  COMPACT_ANNOTATIONS_DIMENSIONS,
   DEFAULT_INTEGRATION_TEXT_OVERFLOW,
   SCROLLBAR_THRESHOLD
 } from "../../../core/components/annotations/constants.js";
@@ -19,7 +20,9 @@ import { useSetState } from "../../store/selectors.js";
 import { isTimeScale } from "../../types/guards.js";
 import { getCurrentScale } from "../../utils/get-scale.js";
 import { AREAS } from "../../utils/grid-templates.js";
-const XYChartAnnotationsArea = () => {
+const XYChartAnnotationsArea = ({
+  compact = false
+}) => {
   const scales = useXYChartScales();
   const annotationsConfig = useXYChartAnnotationsConfig();
   const annotationsData = useXYChartAnnotationsData();
@@ -63,7 +66,7 @@ const XYChartAnnotationsArea = () => {
     const labelsOffset = availableWidth - width;
     const annotationsCommonConfig = {
       tracks: serializedAnnotationsData,
-      showLabels,
+      showLabels: compact ? false : showLabels,
       outerBottomLine: !isUndefined(topAxisScale),
       labelsOffset,
       width: availableWidth,
@@ -71,6 +74,10 @@ const XYChartAnnotationsArea = () => {
       textOverflow,
       truncateMode: "middle",
       tooltipConfig: annotationsConfig.tooltip,
+      ...compact && {
+        dimensions: COMPACT_ANNOTATIONS_DIMENSIONS,
+        showMarkerContent: false
+      },
       ...behaviorTrackingProps
     };
     return /* @__PURE__ */ jsx(

package/esm/charts/xy-chart/components/annotations/XYChartAnnotationsArea.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/xy-chart/components/annotations/XYChartAnnotationsArea.tsx"],
-  "sourcesContent": ["import { ScaleLinear } from 'd3-scale';\nimport { isUndefined } from 'lodash-es';\n\nimport { useBehavioralTrackingProps } from '../../../../core/hooks/useBehavioralTrackingProps.js';\nimport { AnnotationsNumericalDisplay } from '../../../core/components/annotations/components/displays/AnnotationsNumericalDisplay.js';\nimport { AnnotationsTimeDisplay } from '../../../core/components/annotations/components/displays/AnnotationsTimeDisplay.js';\nimport { AnnotationsScrollWrapper } from '../../../core/components/annotations/components/overlays/AnnotationsScrollWrapper.js';\nimport {\n  DEFAULT_INTEGRATION_TEXT_OVERFLOW,\n  SCROLLBAR_THRESHOLD,\n} from '../../../core/components/annotations/constants.js';\nimport { AnnotationsActionsPayload } from '../../../core/components/annotations/types/annotations.js';\nimport type { SelectionState } from '../../../core/components/annotations/types/state.js';\nimport { ChartGrid } from '../../../core/components/chart-grid/ChartGridRoot.js';\nimport { useGridPlotSize } from '../../../core/components/chart-grid/hooks/useGridPlotSize.js';\nimport type { DateScales } from '../../../core/types/scales.js';\nimport { useVisibleAxesScales } from '../../hooks/useVisibleAxesScales.js';\nimport { useXYChartAnnotationsConfig } from '../../hooks/useXYChartAnnotationsConfig.js';\nimport { useXYChartAnnotationsData } from '../../hooks/useXYChartAnnotationsData.js';\nimport { useXYChartData } from '../../hooks/useXYChartData.js';\nimport { useXYChartScales } from '../../hooks/useXYChartScales.js';\nimport { useSetState } from '../../store/selectors.js';\nimport { isTimeScale } from '../../types/guards.js';\nimport { getCurrentScale } from '../../utils/get-scale.js';\nimport { AREAS } from '../../utils/grid-templates.js';\n\nexport const XYChartAnnotationsArea = () => {\n  const scales = useXYChartScales();\n  const annotationsConfig = useXYChartAnnotationsConfig();\n  const annotationsData = useXYChartAnnotationsData();\n  const setState = useSetState();\n  const { width } = useGridPlotSize();\n  const { top: topAxisScale } = useVisibleAxesScales();\n  /* Using axes from data provider instead of config ones as some axes might disappear when filtering\n   * This could leave the annotations space empty and this expected to avoid suddenly moving areas around.\n   */\n  const { axes } = useXYChartData();\n  const [behaviorTrackingProps] = useBehavioralTrackingProps(\n    annotationsConfig ?? {},\n  );\n\n  const handleUpdateIndicators = (event: Partial<SelectionState>) => {\n    setState((prev) => ({\n      ...prev,\n      annotations: {\n        ...prev.annotations,\n        ...event,\n      },\n    }));\n  };\n\n  if (isUndefined(annotationsConfig) || isUndefined(annotationsData)) {\n    return null;\n  }\n\n  const {\n    xAxisId,\n    showLabels = false,\n    annotationsActions,\n    textOverflow = DEFAULT_INTEGRATION_TEXT_OVERFLOW,\n  } = annotationsConfig;\n  const axis = axes.find(({ id }) => id === xAxisId);\n\n  if (axis === undefined) {\n    return null;\n  }\n\n  const scale = getCurrentScale(scales, xAxisId) as ScaleLinear<\n    number,\n    number\n  > &\n    DateScales;\n\n  const trackNames = Array.from(annotationsData.keys());\n\n  const serializedAnnotationsData = trackNames\n    .map((name) => annotationsData.get(name))\n    .filter((track) => !isUndefined(track));\n\n  const DisplayComponent = isTimeScale({\n    axisType: axis.type,\n    axisScale: scale,\n  })\n    ? AnnotationsTimeDisplay\n    : AnnotationsNumericalDisplay;\n\n  return (\n    <ChartGrid.GridArea gridArea={AREAS.annotations}>\n      {({ availableWidth, availableHeight }) => {\n        const labelsOffset = availableWidth - width;\n        const annotationsCommonConfig = {\n          tracks: serializedAnnotationsData,\n          showLabels,\n          outerBottomLine: !isUndefined(topAxisScale),\n          labelsOffset,\n          width: availableWidth,\n          markerGroupHover: handleUpdateIndicators,\n          textOverflow,\n          truncateMode: 'middle' as const,\n          tooltipConfig: annotationsConfig.tooltip,\n          ...behaviorTrackingProps,\n        };\n\n        return (\n          <AnnotationsScrollWrapper\n            height={availableHeight}\n            width={availableWidth + SCROLLBAR_THRESHOLD}\n          >\n            <DisplayComponent\n              scale={scale}\n              annotationsActions={(\n                annotation: AnnotationsActionsPayload | undefined,\n              ) => annotation && annotationsActions?.(annotation)}\n              {...annotationsCommonConfig}\n            />\n          </AnnotationsScrollWrapper>\n        );\n      }}\n    </ChartGrid.GridArea>\n  );\n};\n"],
-  "mappings": "AA4GY;AA3GZ,SAAS,mBAAmB;AAE5B,SAAS,kCAAkC;AAC3C,SAAS,mCAAmC;AAC5C,SAAS,8BAA8B;AACvC,SAAS,gCAAgC;AACzC;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAGP,SAAS,iBAAiB;AAC1B,SAAS,uBAAuB;AAEhC,SAAS,4BAA4B;AACrC,SAAS,mCAAmC;AAC5C,SAAS,iCAAiC;AAC1C,SAAS,sBAAsB;AAC/B,SAAS,wBAAwB;AACjC,SAAS,mBAAmB;AAC5B,SAAS,mBAAmB;AAC5B,SAAS,uBAAuB;AAChC,SAAS,aAAa;AAEf,MAAM,yBAAyB,MAAM;AAC1C,QAAM,SAAS,iBAAiB;AAChC,QAAM,oBAAoB,4BAA4B;AACtD,QAAM,kBAAkB,0BAA0B;AAClD,QAAM,WAAW,YAAY;AAC7B,QAAM,EAAE,MAAM,IAAI,gBAAgB;AAClC,QAAM,EAAE,KAAK,aAAa,IAAI,qBAAqB;AAInD,QAAM,EAAE,KAAK,IAAI,eAAe;AAChC,QAAM,CAAC,qBAAqB,IAAI;AAAA,IAC9B,qBAAqB,CAAC;AAAA,EACxB;AAEA,QAAM,yBAAyB,CAAC,UAAmC;AACjE,aAAS,CAAC,UAAU;AAAA,MAClB,GAAG;AAAA,MACH,aAAa;AAAA,QACX,GAAG,KAAK;AAAA,QACR,GAAG;AAAA,MACL;AAAA,IACF,EAAE;AAAA,EACJ;AAEA,MAAI,YAAY,iBAAiB,KAAK,YAAY,eAAe,GAAG;AAClE,WAAO;AAAA,EACT;AAEA,QAAM;AAAA,IACJ;AAAA,IACA,aAAa;AAAA,IACb;AAAA,IACA,eAAe;AAAA,EACjB,IAAI;AACJ,QAAM,OAAO,KAAK,KAAK,CAAC,EAAE,GAAG,MAAM,OAAO,OAAO;AAEjD,MAAI,SAAS,QAAW;AACtB,WAAO;AAAA,EACT;AAEA,QAAM,QAAQ,gBAAgB,QAAQ,OAAO;AAM7C,QAAM,aAAa,MAAM,KAAK,gBAAgB,KAAK,CAAC;AAEpD,QAAM,4BAA4B,WAC/B,IAAI,CAAC,SAAS,gBAAgB,IAAI,IAAI,CAAC,EACvC,OAAO,CAAC,UAAU,CAAC,YAAY,KAAK,CAAC;AAExC,QAAM,mBAAmB,YAAY;AAAA,IACnC,UAAU,KAAK;AAAA,IACf,WAAW;AAAA,EACb,CAAC,IACG,yBACA;AAEJ,SACE,oBAAC,UAAU,UAAV,EAAmB,UAAU,MAAM,aACjC,WAAC,EAAE,gBAAgB,gBAAgB,MAAM;AACxC,UAAM,eAAe,iBAAiB;AACtC,UAAM,0BAA0B;AAAA,MAC9B,QAAQ;AAAA,MACR;AAAA,MACA,iBAAiB,CAAC,YAAY,YAAY;AAAA,MAC1C;AAAA,MACA,OAAO;AAAA,MACP,kBAAkB;AAAA,MAClB;AAAA,MACA,cAAc;AAAA,MACd,eAAe,kBAAkB;AAAA,MACjC,GAAG;AAAA,IACL;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,QAAQ;AAAA,QACR,OAAO,iBAAiB;AAAA,QAExB;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA,oBAAoB,CAClB,eACG,cAAc,qBAAqB,UAAU;AAAA,YACjD,GAAG;AAAA;AAAA,QACN;AAAA;AAAA,IACF;AAAA,EAEJ,GACF;AAEJ;",
+  "sourcesContent": ["import { ScaleLinear } from 'd3-scale';\nimport { isUndefined } from 'lodash-es';\n\nimport { useBehavioralTrackingProps } from '../../../../core/hooks/useBehavioralTrackingProps.js';\nimport { AnnotationsNumericalDisplay } from '../../../core/components/annotations/components/displays/AnnotationsNumericalDisplay.js';\nimport { AnnotationsTimeDisplay } from '../../../core/components/annotations/components/displays/AnnotationsTimeDisplay.js';\nimport { AnnotationsScrollWrapper } from '../../../core/components/annotations/components/overlays/AnnotationsScrollWrapper.js';\nimport {\n  COMPACT_ANNOTATIONS_DIMENSIONS,\n  DEFAULT_INTEGRATION_TEXT_OVERFLOW,\n  SCROLLBAR_THRESHOLD,\n} from '../../../core/components/annotations/constants.js';\nimport { AnnotationsActionsPayload } from '../../../core/components/annotations/types/annotations.js';\nimport type { SelectionState } from '../../../core/components/annotations/types/state.js';\nimport { ChartGrid } from '../../../core/components/chart-grid/ChartGridRoot.js';\nimport { useGridPlotSize } from '../../../core/components/chart-grid/hooks/useGridPlotSize.js';\nimport type { DateScales } from '../../../core/types/scales.js';\nimport { useVisibleAxesScales } from '../../hooks/useVisibleAxesScales.js';\nimport { useXYChartAnnotationsConfig } from '../../hooks/useXYChartAnnotationsConfig.js';\nimport { useXYChartAnnotationsData } from '../../hooks/useXYChartAnnotationsData.js';\nimport { useXYChartData } from '../../hooks/useXYChartData.js';\nimport { useXYChartScales } from '../../hooks/useXYChartScales.js';\nimport { useSetState } from '../../store/selectors.js';\nimport { isTimeScale } from '../../types/guards.js';\nimport { getCurrentScale } from '../../utils/get-scale.js';\nimport { AREAS } from '../../utils/grid-templates.js';\n\ntype XYChartAnnotationsAreaProps = {\n  compact?: boolean;\n};\n\nexport const XYChartAnnotationsArea = ({\n  compact = false,\n}: XYChartAnnotationsAreaProps) => {\n  const scales = useXYChartScales();\n  const annotationsConfig = useXYChartAnnotationsConfig();\n  const annotationsData = useXYChartAnnotationsData();\n  const setState = useSetState();\n  const { width } = useGridPlotSize();\n  const { top: topAxisScale } = useVisibleAxesScales();\n  /* Using axes from data provider instead of config ones as some axes might disappear when filtering\n   * This could leave the annotations space empty and this expected to avoid suddenly moving areas around.\n   */\n  const { axes } = useXYChartData();\n  const [behaviorTrackingProps] = useBehavioralTrackingProps(\n    annotationsConfig ?? {},\n  );\n\n  const handleUpdateIndicators = (event: Partial<SelectionState>) => {\n    setState((prev) => ({\n      ...prev,\n      annotations: {\n        ...prev.annotations,\n        ...event,\n      },\n    }));\n  };\n\n  if (isUndefined(annotationsConfig) || isUndefined(annotationsData)) {\n    return null;\n  }\n\n  const {\n    xAxisId,\n    showLabels = false,\n    annotationsActions,\n    textOverflow = DEFAULT_INTEGRATION_TEXT_OVERFLOW,\n  } = annotationsConfig;\n  const axis = axes.find(({ id }) => id === xAxisId);\n\n  if (axis === undefined) {\n    return null;\n  }\n\n  const scale = getCurrentScale(scales, xAxisId) as ScaleLinear<\n    number,\n    number\n  > &\n    DateScales;\n\n  const trackNames = Array.from(annotationsData.keys());\n\n  const serializedAnnotationsData = trackNames\n    .map((name) => annotationsData.get(name))\n    .filter((track) => !isUndefined(track));\n\n  const DisplayComponent = isTimeScale({\n    axisType: axis.type,\n    axisScale: scale,\n  })\n    ? AnnotationsTimeDisplay\n    : AnnotationsNumericalDisplay;\n\n  return (\n    <ChartGrid.GridArea gridArea={AREAS.annotations}>\n      {({ availableWidth, availableHeight }) => {\n        const labelsOffset = availableWidth - width;\n        const annotationsCommonConfig = {\n          tracks: serializedAnnotationsData,\n          showLabels: compact ? false : showLabels,\n          outerBottomLine: !isUndefined(topAxisScale),\n          labelsOffset,\n          width: availableWidth,\n          markerGroupHover: handleUpdateIndicators,\n          textOverflow,\n          truncateMode: 'middle' as const,\n          tooltipConfig: annotationsConfig.tooltip,\n          ...(compact && {\n            dimensions: COMPACT_ANNOTATIONS_DIMENSIONS,\n            showMarkerContent: false,\n          }),\n          ...behaviorTrackingProps,\n        };\n\n        return (\n          <AnnotationsScrollWrapper\n            height={availableHeight}\n            width={availableWidth + SCROLLBAR_THRESHOLD}\n          >\n            <DisplayComponent\n              scale={scale}\n              annotationsActions={(\n                annotation: AnnotationsActionsPayload | undefined,\n              ) => annotation && annotationsActions?.(annotation)}\n              {...annotationsCommonConfig}\n            />\n          </AnnotationsScrollWrapper>\n        );\n      }}\n    </ChartGrid.GridArea>\n  );\n};\n"],
+  "mappings": "AAuHY;AAtHZ,SAAS,mBAAmB;AAE5B,SAAS,kCAAkC;AAC3C,SAAS,mCAAmC;AAC5C,SAAS,8BAA8B;AACvC,SAAS,gCAAgC;AACzC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAGP,SAAS,iBAAiB;AAC1B,SAAS,uBAAuB;AAEhC,SAAS,4BAA4B;AACrC,SAAS,mCAAmC;AAC5C,SAAS,iCAAiC;AAC1C,SAAS,sBAAsB;AAC/B,SAAS,wBAAwB;AACjC,SAAS,mBAAmB;AAC5B,SAAS,mBAAmB;AAC5B,SAAS,uBAAuB;AAChC,SAAS,aAAa;AAMf,MAAM,yBAAyB,CAAC;AAAA,EACrC,UAAU;AACZ,MAAmC;AACjC,QAAM,SAAS,iBAAiB;AAChC,QAAM,oBAAoB,4BAA4B;AACtD,QAAM,kBAAkB,0BAA0B;AAClD,QAAM,WAAW,YAAY;AAC7B,QAAM,EAAE,MAAM,IAAI,gBAAgB;AAClC,QAAM,EAAE,KAAK,aAAa,IAAI,qBAAqB;AAInD,QAAM,EAAE,KAAK,IAAI,eAAe;AAChC,QAAM,CAAC,qBAAqB,IAAI;AAAA,IAC9B,qBAAqB,CAAC;AAAA,EACxB;AAEA,QAAM,yBAAyB,CAAC,UAAmC;AACjE,aAAS,CAAC,UAAU;AAAA,MAClB,GAAG;AAAA,MACH,aAAa;AAAA,QACX,GAAG,KAAK;AAAA,QACR,GAAG;AAAA,MACL;AAAA,IACF,EAAE;AAAA,EACJ;AAEA,MAAI,YAAY,iBAAiB,KAAK,YAAY,eAAe,GAAG;AAClE,WAAO;AAAA,EACT;AAEA,QAAM;AAAA,IACJ;AAAA,IACA,aAAa;AAAA,IACb;AAAA,IACA,eAAe;AAAA,EACjB,IAAI;AACJ,QAAM,OAAO,KAAK,KAAK,CAAC,EAAE,GAAG,MAAM,OAAO,OAAO;AAEjD,MAAI,SAAS,QAAW;AACtB,WAAO;AAAA,EACT;AAEA,QAAM,QAAQ,gBAAgB,QAAQ,OAAO;AAM7C,QAAM,aAAa,MAAM,KAAK,gBAAgB,KAAK,CAAC;AAEpD,QAAM,4BAA4B,WAC/B,IAAI,CAAC,SAAS,gBAAgB,IAAI,IAAI,CAAC,EACvC,OAAO,CAAC,UAAU,CAAC,YAAY,KAAK,CAAC;AAExC,QAAM,mBAAmB,YAAY;AAAA,IACnC,UAAU,KAAK;AAAA,IACf,WAAW;AAAA,EACb,CAAC,IACG,yBACA;AAEJ,SACE,oBAAC,UAAU,UAAV,EAAmB,UAAU,MAAM,aACjC,WAAC,EAAE,gBAAgB,gBAAgB,MAAM;AACxC,UAAM,eAAe,iBAAiB;AACtC,UAAM,0BAA0B;AAAA,MAC9B,QAAQ;AAAA,MACR,YAAY,UAAU,QAAQ;AAAA,MAC9B,iBAAiB,CAAC,YAAY,YAAY;AAAA,MAC1C;AAAA,MACA,OAAO;AAAA,MACP,kBAAkB;AAAA,MAClB;AAAA,MACA,cAAc;AAAA,MACd,eAAe,kBAAkB;AAAA,MACjC,GAAI,WAAW;AAAA,QACb,YAAY;AAAA,QACZ,mBAAmB;AAAA,MACrB;AAAA,MACA,GAAG;AAAA,IACL;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,QAAQ;AAAA,QACR,OAAO,iBAAiB;AAAA,QAExB;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA,oBAAoB,CAClB,eACG,cAAc,qBAAqB,UAAU;AAAA,YACjD,GAAG;AAAA;AAAA,QACN;AAAA;AAAA,IACF;AAAA,EAEJ,GACF;AAEJ;",
   "names": []
 }

package/esm/charts/xy-chart/components/axes/AxisArea.css

@@ -1,3 +1,3 @@
-._bidc430-3-13-3 {
+._bidc430-3-14-1 {
   position: relative;
 }

package/esm/charts/xy-chart/components/axes/AxisArea.sty.js

@@ -1,5 +1,5 @@
 import "./AxisArea.css";
-var axisContainerStyle = "_bidc430-3-13-3";
+var axisContainerStyle = "_bidc430-3-14-1";
 export {
   axisContainerStyle
 };

package/esm/charts/xy-chart/components/axes/AxisArea.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/xy-chart/components/axes/AxisArea.css.ts"],
-  "sourcesContent": ["import './AxisArea.css';\nexport var axisContainerStyle = '_bidc430-3-13-3';"],
+  "sourcesContent": ["import './AxisArea.css';\nexport var axisContainerStyle = '_bidc430-3-14-1';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,qBAAqB;",
   "names": []
 }