@dynatrace/strato-components 3.7.1 → 3.9.0

package/esm/charts/core/components/overlay-tooltip/tooltip.sty.js

@@ -2,45 +2,45 @@ import "./tooltip.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
 var TOOLTIP_BODY_MAX_HEIGHT = 240;
 var TOOLTIP_MAX_WIDTH = 480;
-var actionsContainer = "_1j1seex17-3-7-1";
-var annotationsGroupsScrollContainer = "_1j1seexc-3-7-1";
-var chevron = "_1j1seexl-3-7-1";
-var chevronRightAligned = "_1j1seexm-3-7-1";
-var divider = "_1j1seex13-3-7-1";
-var headerText = "_1j1seexu-3-7-1";
-var multiLineName = "_1j1seex12-3-7-1";
-var relativeValueStyle = "_1j1seexr-3-7-1";
-var seriesActionHeader = "_1j1seex15-3-7-1";
-var seriesActionHeaderMaxLinesVar = "var(--_1j1seex2-3-7-1)";
-var seriesActionHeaderMultiLine = "_1j1seex16-3-7-1";
-var seriesDescriptionText = "_1j1seexz-3-7-1";
-var seriesDescriptionTextMultiLine = "_1j1seex10-3-7-1";
-var seriesDescriptionTextMultiLineWrap = "_1j1seex11-3-7-1";
-var seriesGridContainer = "_1j1seexb-3-7-1";
-var seriesHeader = "_1j1seex7-3-7-1";
-var seriesHeaderName = "_1j1seex8-3-7-1";
-var seriesHeaderValue = "_1j1seex9-3-7-1";
-var seriesItem = _7a468({ defaultClassName: "_1j1seexf-3-7-1", variantClassNames: { symbolPosition: { left: "_1j1seexg-3-7-1", right: "_1j1seexh-3-7-1" }, hasChevron: { true: "_1j1seexi-3-7-1" } }, defaultVariants: { symbolPosition: "left", hasChevron: false }, compoundVariants: [] });
-var seriesItemActive = "_1j1seexn-3-7-1";
-var seriesItemHighlighted = "_1j1seex18-3-7-1";
-var seriesItemMaxWidthVar = "var(--_1j1seex1-3-7-1)";
-var seriesItemText = "_1j1seexo-3-7-1";
-var seriesItemWithChevron = "_1j1seexk-3-7-1";
-var seriesItemWrapper = "_1j1seexj-3-7-1";
-var seriesNameCell = "_1j1seexx-3-7-1";
-var seriesNameMaxLinesVar = "var(--_1j1seex0-3-7-1)";
-var seriesNameText = "_1j1seexv-3-7-1";
-var seriesNameTextMultiLine = "_1j1seexp-3-7-1";
-var seriesNameTextMultiLineWrap = "_1j1seexq-3-7-1";
-var seriesOverflowContainer = "_1j1seexe-3-7-1";
-var seriesOverflowContainerBase = "_1j1seexd-3-7-1";
-var seriesValueCell = "_1j1seexy-3-7-1";
-var seriesValueText = "_1j1seexw-3-7-1";
-var seriesWrapper = "_1j1seexa-3-7-1";
-var spaceSavedForSymbolVar = "var(--_1j1seex3-3-7-1)";
-var symbolRight = "_1j1seex14-3-7-1";
-var symbolWrapper = _7a468({ defaultClassName: "_1j1seexs-3-7-1", variantClassNames: { isRight: { true: "_1j1seext-3-7-1" } }, defaultVariants: {}, compoundVariants: [] });
-var wrapper = _7a468({ defaultClassName: "_1j1seex4-3-7-1", variantClassNames: { isInteractive: { true: "_1j1seex5-3-7-1", false: "_1j1seex6-3-7-1" } }, defaultVariants: {}, compoundVariants: [] });
+var actionsContainer = "_1j1seex17-3-9-0";
+var annotationsGroupsScrollContainer = "_1j1seexc-3-9-0";
+var chevron = "_1j1seexl-3-9-0";
+var chevronRightAligned = "_1j1seexm-3-9-0";
+var divider = "_1j1seex13-3-9-0";
+var headerText = "_1j1seexu-3-9-0";
+var multiLineName = "_1j1seex12-3-9-0";
+var relativeValueStyle = "_1j1seexr-3-9-0";
+var seriesActionHeader = "_1j1seex15-3-9-0";
+var seriesActionHeaderMaxLinesVar = "var(--_1j1seex2-3-9-0)";
+var seriesActionHeaderMultiLine = "_1j1seex16-3-9-0";
+var seriesDescriptionText = "_1j1seexz-3-9-0";
+var seriesDescriptionTextMultiLine = "_1j1seex10-3-9-0";
+var seriesDescriptionTextMultiLineWrap = "_1j1seex11-3-9-0";
+var seriesGridContainer = "_1j1seexb-3-9-0";
+var seriesHeader = "_1j1seex7-3-9-0";
+var seriesHeaderName = "_1j1seex8-3-9-0";
+var seriesHeaderValue = "_1j1seex9-3-9-0";
+var seriesItem = _7a468({ defaultClassName: "_1j1seexf-3-9-0", variantClassNames: { symbolPosition: { left: "_1j1seexg-3-9-0", right: "_1j1seexh-3-9-0" }, hasChevron: { true: "_1j1seexi-3-9-0" } }, defaultVariants: { symbolPosition: "left", hasChevron: false }, compoundVariants: [] });
+var seriesItemActive = "_1j1seexn-3-9-0";
+var seriesItemHighlighted = "_1j1seex18-3-9-0";
+var seriesItemMaxWidthVar = "var(--_1j1seex1-3-9-0)";
+var seriesItemText = "_1j1seexo-3-9-0";
+var seriesItemWithChevron = "_1j1seexk-3-9-0";
+var seriesItemWrapper = "_1j1seexj-3-9-0";
+var seriesNameCell = "_1j1seexx-3-9-0";
+var seriesNameMaxLinesVar = "var(--_1j1seex0-3-9-0)";
+var seriesNameText = "_1j1seexv-3-9-0";
+var seriesNameTextMultiLine = "_1j1seexp-3-9-0";
+var seriesNameTextMultiLineWrap = "_1j1seexq-3-9-0";
+var seriesOverflowContainer = "_1j1seexe-3-9-0";
+var seriesOverflowContainerBase = "_1j1seexd-3-9-0";
+var seriesValueCell = "_1j1seexy-3-9-0";
+var seriesValueText = "_1j1seexw-3-9-0";
+var seriesWrapper = "_1j1seexa-3-9-0";
+var spaceSavedForSymbolVar = "var(--_1j1seex3-3-9-0)";
+var symbolRight = "_1j1seex14-3-9-0";
+var symbolWrapper = _7a468({ defaultClassName: "_1j1seexs-3-9-0", variantClassNames: { isRight: { true: "_1j1seext-3-9-0" } }, defaultVariants: {}, compoundVariants: [] });
+var wrapper = _7a468({ defaultClassName: "_1j1seex4-3-9-0", variantClassNames: { isInteractive: { true: "_1j1seex5-3-9-0", false: "_1j1seex6-3-9-0" } }, defaultVariants: {}, compoundVariants: [] });
 export {
   TOOLTIP_BODY_MAX_HEIGHT,
   TOOLTIP_MAX_WIDTH,

package/esm/charts/core/components/overlay-tooltip/tooltip.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/core/components/overlay-tooltip/tooltip.css.ts"],
-  "sourcesContent": ["import './tooltip.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var TOOLTIP_BODY_MAX_HEIGHT = 240;\nexport var TOOLTIP_MAX_WIDTH = 480;\nexport var actionsContainer = '_1j1seex17-3-7-1';\nexport var annotationsGroupsScrollContainer = '_1j1seexc-3-7-1';\nexport var chevron = '_1j1seexl-3-7-1';\nexport var chevronRightAligned = '_1j1seexm-3-7-1';\nexport var divider = '_1j1seex13-3-7-1';\nexport var headerText = '_1j1seexu-3-7-1';\nexport var multiLineName = '_1j1seex12-3-7-1';\nexport var relativeValueStyle = '_1j1seexr-3-7-1';\nexport var seriesActionHeader = '_1j1seex15-3-7-1';\nexport var seriesActionHeaderMaxLinesVar = 'var(--_1j1seex2-3-7-1)';\nexport var seriesActionHeaderMultiLine = '_1j1seex16-3-7-1';\nexport var seriesDescriptionText = '_1j1seexz-3-7-1';\nexport var seriesDescriptionTextMultiLine = '_1j1seex10-3-7-1';\nexport var seriesDescriptionTextMultiLineWrap = '_1j1seex11-3-7-1';\nexport var seriesGridContainer = '_1j1seexb-3-7-1';\nexport var seriesHeader = '_1j1seex7-3-7-1';\nexport var seriesHeaderName = '_1j1seex8-3-7-1';\nexport var seriesHeaderValue = '_1j1seex9-3-7-1';\nexport var seriesItem = _7a468({defaultClassName:'_1j1seexf-3-7-1',variantClassNames:{symbolPosition:{left:'_1j1seexg-3-7-1',right:'_1j1seexh-3-7-1'},hasChevron:{true:'_1j1seexi-3-7-1'}},defaultVariants:{symbolPosition:'left',hasChevron:false},compoundVariants:[]});\nexport var seriesItemActive = '_1j1seexn-3-7-1';\nexport var seriesItemHighlighted = '_1j1seex18-3-7-1';\nexport var seriesItemMaxWidthVar = 'var(--_1j1seex1-3-7-1)';\nexport var seriesItemText = '_1j1seexo-3-7-1';\nexport var seriesItemWithChevron = '_1j1seexk-3-7-1';\nexport var seriesItemWrapper = '_1j1seexj-3-7-1';\nexport var seriesNameCell = '_1j1seexx-3-7-1';\nexport var seriesNameMaxLinesVar = 'var(--_1j1seex0-3-7-1)';\nexport var seriesNameText = '_1j1seexv-3-7-1';\nexport var seriesNameTextMultiLine = '_1j1seexp-3-7-1';\nexport var seriesNameTextMultiLineWrap = '_1j1seexq-3-7-1';\nexport var seriesOverflowContainer = '_1j1seexe-3-7-1';\nexport var seriesOverflowContainerBase = '_1j1seexd-3-7-1';\nexport var seriesValueCell = '_1j1seexy-3-7-1';\nexport var seriesValueText = '_1j1seexw-3-7-1';\nexport var seriesWrapper = '_1j1seexa-3-7-1';\nexport var spaceSavedForSymbolVar = 'var(--_1j1seex3-3-7-1)';\nexport var symbolRight = '_1j1seex14-3-7-1';\nexport var symbolWrapper = _7a468({defaultClassName:'_1j1seexs-3-7-1',variantClassNames:{isRight:{true:'_1j1seext-3-7-1'}},defaultVariants:{},compoundVariants:[]});\nexport var wrapper = _7a468({defaultClassName:'_1j1seex4-3-7-1',variantClassNames:{isInteractive:{true:'_1j1seex5-3-7-1',false:'_1j1seex6-3-7-1'}},defaultVariants:{},compoundVariants:[]});"],
+  "sourcesContent": ["import './tooltip.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var TOOLTIP_BODY_MAX_HEIGHT = 240;\nexport var TOOLTIP_MAX_WIDTH = 480;\nexport var actionsContainer = '_1j1seex17-3-9-0';\nexport var annotationsGroupsScrollContainer = '_1j1seexc-3-9-0';\nexport var chevron = '_1j1seexl-3-9-0';\nexport var chevronRightAligned = '_1j1seexm-3-9-0';\nexport var divider = '_1j1seex13-3-9-0';\nexport var headerText = '_1j1seexu-3-9-0';\nexport var multiLineName = '_1j1seex12-3-9-0';\nexport var relativeValueStyle = '_1j1seexr-3-9-0';\nexport var seriesActionHeader = '_1j1seex15-3-9-0';\nexport var seriesActionHeaderMaxLinesVar = 'var(--_1j1seex2-3-9-0)';\nexport var seriesActionHeaderMultiLine = '_1j1seex16-3-9-0';\nexport var seriesDescriptionText = '_1j1seexz-3-9-0';\nexport var seriesDescriptionTextMultiLine = '_1j1seex10-3-9-0';\nexport var seriesDescriptionTextMultiLineWrap = '_1j1seex11-3-9-0';\nexport var seriesGridContainer = '_1j1seexb-3-9-0';\nexport var seriesHeader = '_1j1seex7-3-9-0';\nexport var seriesHeaderName = '_1j1seex8-3-9-0';\nexport var seriesHeaderValue = '_1j1seex9-3-9-0';\nexport var seriesItem = _7a468({defaultClassName:'_1j1seexf-3-9-0',variantClassNames:{symbolPosition:{left:'_1j1seexg-3-9-0',right:'_1j1seexh-3-9-0'},hasChevron:{true:'_1j1seexi-3-9-0'}},defaultVariants:{symbolPosition:'left',hasChevron:false},compoundVariants:[]});\nexport var seriesItemActive = '_1j1seexn-3-9-0';\nexport var seriesItemHighlighted = '_1j1seex18-3-9-0';\nexport var seriesItemMaxWidthVar = 'var(--_1j1seex1-3-9-0)';\nexport var seriesItemText = '_1j1seexo-3-9-0';\nexport var seriesItemWithChevron = '_1j1seexk-3-9-0';\nexport var seriesItemWrapper = '_1j1seexj-3-9-0';\nexport var seriesNameCell = '_1j1seexx-3-9-0';\nexport var seriesNameMaxLinesVar = 'var(--_1j1seex0-3-9-0)';\nexport var seriesNameText = '_1j1seexv-3-9-0';\nexport var seriesNameTextMultiLine = '_1j1seexp-3-9-0';\nexport var seriesNameTextMultiLineWrap = '_1j1seexq-3-9-0';\nexport var seriesOverflowContainer = '_1j1seexe-3-9-0';\nexport var seriesOverflowContainerBase = '_1j1seexd-3-9-0';\nexport var seriesValueCell = '_1j1seexy-3-9-0';\nexport var seriesValueText = '_1j1seexw-3-9-0';\nexport var seriesWrapper = '_1j1seexa-3-9-0';\nexport var spaceSavedForSymbolVar = 'var(--_1j1seex3-3-9-0)';\nexport var symbolRight = '_1j1seex14-3-9-0';\nexport var symbolWrapper = _7a468({defaultClassName:'_1j1seexs-3-9-0',variantClassNames:{isRight:{true:'_1j1seext-3-9-0'}},defaultVariants:{},compoundVariants:[]});\nexport var wrapper = _7a468({defaultClassName:'_1j1seex4-3-9-0',variantClassNames:{isInteractive:{true:'_1j1seex5-3-9-0',false:'_1j1seex6-3-9-0'}},defaultVariants:{},compoundVariants:[]});"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,0BAA0B;AAC9B,IAAI,oBAAoB;AACxB,IAAI,mBAAmB;AACvB,IAAI,mCAAmC;AACvC,IAAI,UAAU;AACd,IAAI,sBAAsB;AAC1B,IAAI,UAAU;AACd,IAAI,aAAa;AACjB,IAAI,gBAAgB;AACpB,IAAI,qBAAqB;AACzB,IAAI,qBAAqB;AACzB,IAAI,gCAAgC;AACpC,IAAI,8BAA8B;AAClC,IAAI,wBAAwB;AAC5B,IAAI,iCAAiC;AACrC,IAAI,qCAAqC;AACzC,IAAI,sBAAsB;AAC1B,IAAI,eAAe;AACnB,IAAI,mBAAmB;AACvB,IAAI,oBAAoB;AACxB,IAAI,aAAa,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,gBAAe,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,GAAE,YAAW,EAAC,MAAK,kBAAiB,EAAC,GAAE,iBAAgB,EAAC,gBAAe,QAAO,YAAW,MAAK,GAAE,kBAAiB,CAAC,EAAC,CAAC;AACjQ,IAAI,mBAAmB;AACvB,IAAI,wBAAwB;AAC5B,IAAI,wBAAwB;AAC5B,IAAI,iBAAiB;AACrB,IAAI,wBAAwB;AAC5B,IAAI,oBAAoB;AACxB,IAAI,iBAAiB;AACrB,IAAI,wBAAwB;AAC5B,IAAI,iBAAiB;AACrB,IAAI,0BAA0B;AAC9B,IAAI,8BAA8B;AAClC,IAAI,0BAA0B;AAC9B,IAAI,8BAA8B;AAClC,IAAI,kBAAkB;AACtB,IAAI,kBAAkB;AACtB,IAAI,gBAAgB;AACpB,IAAI,yBAAyB;AAC7B,IAAI,cAAc;AAClB,IAAI,gBAAgB,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,SAAQ,EAAC,MAAK,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAC3J,IAAI,UAAU,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,eAAc,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }

package/esm/charts/core/components/overlay-tooltip/types.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/core/components/overlay-tooltip/types.ts"],
-  "sourcesContent": ["import type { JSX, ReactNode, RefObject } from 'react';\nimport type { MessageDescriptor } from 'react-intl';\n\nimport type { Store } from '../../../../core/store/store.js';\nimport type { TruncationMode } from '../../../../typography/text-ellipsis/TextEllipsis.js';\n\n/** @internal */\nexport const enum GeometryTypesEnum {\n  'dot' = 'dot',\n  'line' = 'line',\n  'area' = 'area',\n  'bar' = 'bar',\n  'pie' = 'pie',\n  'meterbar' = 'meterbar',\n  'multimeterbar' = 'multimeterbar',\n  'treemap' = 'treemap',\n  'rect' = 'rect',\n  'honeycomb' = 'honeycomb',\n  'geoBubble' = 'geoBubble',\n  'geoChoropleth' = 'geoChoropleth',\n  'geoConnection' = 'geoConnection',\n  'geoDot' = 'geoDot',\n}\n\n/** @internal */\nexport type GeometryTypes = keyof typeof GeometryTypesEnum;\n\n/** @internal */\nexport type Positions =\n  | {\n      absoluteX: number;\n      absoluteY: number;\n      relativeX: number;\n      relativeY: number;\n      percentX: number;\n      percentY: number;\n    }\n  | {\n      absoluteX: null;\n      absoluteY: null;\n      relativeX: null;\n      relativeY: null;\n      percentX: null;\n      percentY: null;\n    };\n/** @internal */\nexport type Overlay = {\n  overlayRef: RefObject<HTMLDivElement>;\n  getBounds: () => DOMRect | undefined;\n  getAdjustedPositionsFromRelative: (\n    relativeX: number,\n    relativeY: number,\n  ) => Positions;\n  getAdjustedPositionsFromAbsolute: (\n    absoluteX: number,\n    absoluteY: number,\n  ) => Positions;\n  getAdjustedPositionsFromPercent: (\n    percentX: number,\n    percentY: number,\n    relativeX?: number,\n    relativeY?: number,\n  ) => Positions;\n  clear: () => void;\n};\n\n/** @internal */\nexport type TooltipState = {\n  activeSeries: string | null;\n  pinned: boolean;\n  inBounds: boolean;\n  data: Data | NoData;\n} & Positions;\n\n/**  @internal  */\nexport type TooltipStore = Store<TooltipState>;\n\n/**\n * A primitive value that can appear in a tooltip header or series row.\n * @public\n */\nexport type TooltipValue = string | number | Date | undefined;\n/**\n * The display name for a data series.\n * Pass a `string[]` to enable multi-line rendering.\n * @public\n */\nexport type SeriesName = string | string[];\n/**\n * The value(s) displayed in a tooltip header row.\n * - `TooltipValue` \u2014 single value.\n * - `[TooltipValue]` \u2014 single value as a tuple.\n * - `[TooltipValue, TooltipValue]` \u2014 a from/to range pair.\n * - `[]` \u2014 explicitly empty (no header value).\n * @public\n */\nexport type HeaderData =\n  | []\n  | [TooltipValue]\n  | [TooltipValue, TooltipValue]\n  | TooltipValue;\n/**  @internal  */\nexport type Geometry = GeometryTypesEnum;\n/**  @internal  */\nexport type Data = {\n  metadata?: unknown;\n  geometry: GeometryTypes;\n  header1?: HeaderData;\n  subheader?: HeaderData;\n  series: {\n    name: SeriesName;\n    value: string | number | Date;\n    color: string;\n    valueUnit?: string;\n    relativeValue?: string | number;\n    relativeValueUnit?: string;\n  }[];\n};\n/** @internal */\nexport type NoData = {\n  metadata?: undefined;\n  header1: undefined;\n  series: undefined;\n  subheader: undefined;\n  geometry: 'none';\n};\n\n/** @internal */\nexport interface DefaultConfig {\n  headerLabel?: MessageDescriptor;\n  symbolPosition?: 'left' | 'right';\n  seriesLabel: MessageDescriptor;\n  valueLabel: MessageDescriptor;\n  headerShowRangeDuration?: boolean;\n  headerFormatStrategy?: FormatStrategy;\n  truncationMode?: TruncationMode;\n  sharedVariant?: boolean;\n  defaultActionsConfig: Map<\n    string,\n    {\n      field: 'seriesLabel' | 'valueLabel';\n      messageLabel?: MessageDescriptor;\n      customLabel?: string;\n    }\n  >;\n}\n\n/** @internal */\nexport type DefaultConfigByGeometry = Record<Geometry, DefaultConfig>;\n\n/** @internal */\nexport type GeoLayerTypes = 'bubble' | 'choropleth' | 'connection' | 'dot';\n\n/** @internal */\nexport type DefaultConfigByGeoLayer = Record<GeoLayerTypes, DefaultConfig>;\n\n/** @internal */\nexport type ExternalConfig = {\n  seriesHeader: JSX.Element | null;\n  displayHeaderDivider: boolean;\n  symbolPosition: 'left' | 'right' | undefined;\n  symbolVerticalAlignment?: 'center' | 'start';\n  truncationMode: TruncationMode;\n  defaultActionsConfig: DefaultConfig['defaultActionsConfig'];\n  variant: 'shared' | 'single';\n};\n\n/** @internal */\nexport type OverlayTooltipBaseProps = {\n  /** Overrides the horizontal alignment of series symbols. */\n  symbolAlignment?: 'left' | 'right';\n  legacyTemplate?: ReactNode;\n  /**\n   * The truncation mode to use when the text exceeds the available space.\n   * @defaultValue 'end'\n   */\n  truncation?: TruncationMode;\n};\n\n/** @internal */\nexport type OverlayTooltipUncontrolledProps = OverlayTooltipBaseProps & {\n  absoluteX?: never;\n  absoluteY?: never;\n  isInteractive?: never;\n};\n\n/** @internal */\nexport type OverlayTooltipControlledProps = OverlayTooltipBaseProps & {\n  /** Absolute X position (pixels) for static tooltip placement. */\n  absoluteX: number;\n  /** Absolute Y position (pixels) for static tooltip placement. */\n  absoluteY: number;\n  /** Whether the tooltip should be interactive (enables pointer events). */\n  isInteractive: boolean;\n};\n\n/** @internal */\nexport type OverlayTooltipProps =\n  | OverlayTooltipUncontrolledProps\n  | OverlayTooltipControlledProps;\n\n/**\n * Props for `OverlayTooltip.Header`, which renders the primary header text row.\n * @public\n */\nexport type HeaderProps = {\n  /** The header text to display. */\n  text?: string;\n  /** Maximum width in pixels before truncation. If not provided, uses container width. */\n  maxWidth?: number;\n};\n\n/**\n * Props for `OverlayTooltip.SeriesHeader`, which renders the column label row\n * above the series entries.\n * @public\n */\nexport type SeriesHeaderProps = {\n  /** The series label text. */\n  seriesLabel?: string;\n  /** The value label text. */\n  valueLabel?: string;\n  /** Whether to hide the series header. */\n  disabled?: boolean;\n};\n\n/** @internal */\nexport type FormatStrategy = (value: HeaderData) => string | null;\n\n/** @internal */\nexport type TooltipAction =\n  | { type: 'RESET_TOOLTIP' }\n  | {\n      type: 'SET_PINNED';\n      payload:\n        | {\n            pinned: false;\n            absoluteX?: undefined;\n            absoluteY?: undefined;\n            data: NoData;\n          }\n        | {\n            pinned: true;\n            absoluteX: number;\n            absoluteY: number;\n            data: Data;\n          };\n    }\n  | { type: 'SET_OUT_BOUNDS' }\n  | {\n      type: 'SET_POSITION';\n      payload: { absoluteX: number; absoluteY: number; data?: Data };\n    }\n  | {\n      type: 'UPDATE_POSITION';\n      payload: { type: 'resize' | 'non-resize'; scroll?: boolean };\n    }\n  | {\n      type: 'SET_ACTIVE_SERIES';\n      payload: { activeSeries: string | null };\n    }\n  | { type: 'TOOLTIP_MOUSE_LEAVE' };\n\n/** @internal */\nexport type TooltipActions = TooltipAction['type'];\n"],
+  "sourcesContent": ["import type { JSX, ReactNode, RefObject } from 'react';\nimport type { MessageDescriptor } from 'react-intl';\n\nimport type { Store } from '../../../../core/store/store.js';\nimport type { TruncationMode } from '../../../../typography/text-ellipsis/TextEllipsis.js';\n\n/** @internal */\nexport const enum GeometryTypesEnum {\n  'dot' = 'dot',\n  'line' = 'line',\n  'area' = 'area',\n  'bar' = 'bar',\n  'pie' = 'pie',\n  'meterbar' = 'meterbar',\n  'multimeterbar' = 'multimeterbar',\n  'treemap' = 'treemap',\n  'rect' = 'rect',\n  'honeycomb' = 'honeycomb',\n  'geoBubble' = 'geoBubble',\n  'geoChoropleth' = 'geoChoropleth',\n  'geoConnection' = 'geoConnection',\n  'geoDot' = 'geoDot',\n}\n\n/** @internal */\nexport type GeometryTypes = keyof typeof GeometryTypesEnum;\n\n/** @internal */\nexport type Positions =\n  | {\n      absoluteX: number;\n      absoluteY: number;\n      relativeX: number;\n      relativeY: number;\n      percentX: number;\n      percentY: number;\n    }\n  | {\n      absoluteX: null;\n      absoluteY: null;\n      relativeX: null;\n      relativeY: null;\n      percentX: null;\n      percentY: null;\n    };\n/** @internal */\nexport type Overlay = {\n  overlayRef: RefObject<HTMLDivElement>;\n  getBounds: () => DOMRect | undefined;\n  getAdjustedPositionsFromRelative: (\n    relativeX: number,\n    relativeY: number,\n  ) => Positions;\n  getAdjustedPositionsFromAbsolute: (\n    absoluteX: number,\n    absoluteY: number,\n  ) => Positions;\n  getAdjustedPositionsFromPercent: (\n    percentX: number,\n    percentY: number,\n    relativeX?: number,\n    relativeY?: number,\n  ) => Positions;\n  clear: () => void;\n};\n\n/** @internal */\nexport type TooltipState = {\n  activeSeries: string | null;\n  pinned: boolean;\n  inBounds: boolean;\n  data: Data | NoData;\n} & Positions;\n\n/**  @internal  */\nexport type TooltipStore = Store<TooltipState>;\n\n/**\n * A primitive value that can appear in a tooltip header or series row.\n * @public\n */\nexport type TooltipValue = string | number | Date | undefined;\n/**\n * The display name for a data series.\n * Pass a `string[]` to enable multi-line rendering.\n * @public\n */\nexport type SeriesName = string | string[];\n/**\n * The value(s) displayed in a tooltip header row.\n * - `TooltipValue` \u2014 single value.\n * - `[TooltipValue]` \u2014 single value as a tuple.\n * - `[TooltipValue, TooltipValue]` \u2014 a from/to range pair.\n * - `[]` \u2014 explicitly empty (no header value).\n * @public\n */\nexport type HeaderData =\n  | []\n  | [TooltipValue]\n  | [TooltipValue, TooltipValue]\n  | TooltipValue;\n/**  @internal  */\nexport type Geometry = GeometryTypesEnum;\n/**  @internal  */\nexport type Data = {\n  metadata?: unknown;\n  geometry: GeometryTypes;\n  header1?: HeaderData;\n  subheader?: HeaderData;\n  series: {\n    name: SeriesName;\n    value: string | number | Date;\n    color: string;\n    valueUnit?: string;\n    relativeValue?: string | number;\n    relativeValueUnit?: string;\n  }[];\n};\n/** @internal */\nexport type NoData = {\n  metadata?: undefined;\n  header1: undefined;\n  series: undefined;\n  subheader: undefined;\n  geometry: 'none';\n};\n\n/** @internal */\nexport interface DefaultConfig {\n  headerLabel?: MessageDescriptor;\n  symbolPosition?: 'left' | 'right';\n  seriesLabel: MessageDescriptor;\n  valueLabel: MessageDescriptor;\n  headerShowRangeDuration?: boolean;\n  headerFormatStrategy?: FormatStrategy;\n  truncationMode?: TruncationMode;\n  sharedVariant?: boolean;\n  defaultActionsConfig: Map<\n    string,\n    {\n      field: 'seriesLabel' | 'valueLabel';\n      messageLabel?: MessageDescriptor;\n      customLabel?: string;\n    }\n  >;\n}\n\n/** @internal */\nexport type DefaultConfigByGeometry = Record<Geometry, DefaultConfig>;\n\n/** @internal */\nexport type GeoLayerTypes = 'bubble' | 'choropleth' | 'connection' | 'dot';\n\n/** @internal */\nexport type DefaultConfigByGeoLayer = Record<GeoLayerTypes, DefaultConfig>;\n\n/** @internal */\nexport type ExternalConfig = {\n  seriesHeader: JSX.Element | null;\n  displayHeaderDivider: boolean;\n  symbolPosition: 'left' | 'right' | undefined;\n  symbolVerticalAlignment?: 'center' | 'start';\n  truncationMode: TruncationMode;\n  defaultActionsConfig: DefaultConfig['defaultActionsConfig'];\n  variant: 'shared' | 'single';\n};\n\n/** @internal */\nexport type OverlayTooltipBaseProps = {\n  /** Overrides the horizontal alignment of series symbols. */\n  symbolAlignment?: 'left' | 'right';\n  template?: ReactNode;\n  /**\n   * The truncation mode to use when the text exceeds the available space.\n   * @defaultValue 'end'\n   */\n  truncation?: TruncationMode;\n};\n\n/** @internal */\nexport type OverlayTooltipUncontrolledProps = OverlayTooltipBaseProps & {\n  absoluteX?: never;\n  absoluteY?: never;\n  isInteractive?: never;\n};\n\n/** @internal */\nexport type OverlayTooltipControlledProps = OverlayTooltipBaseProps & {\n  /** Absolute X position (pixels) for static tooltip placement. */\n  absoluteX: number;\n  /** Absolute Y position (pixels) for static tooltip placement. */\n  absoluteY: number;\n  /** Whether the tooltip should be interactive (enables pointer events). */\n  isInteractive: boolean;\n};\n\n/** @internal */\nexport type OverlayTooltipProps =\n  | OverlayTooltipUncontrolledProps\n  | OverlayTooltipControlledProps;\n\n/**\n * Props for `OverlayTooltip.Header`, which renders the primary header text row.\n * @public\n */\nexport type HeaderProps = {\n  /** The header text to display. */\n  text?: string;\n  /** Maximum width in pixels before truncation. If not provided, uses container width. */\n  maxWidth?: number;\n};\n\n/**\n * Props for `OverlayTooltip.SeriesHeader`, which renders the column label row\n * above the series entries.\n * @public\n */\nexport type SeriesHeaderProps = {\n  /** The series label text. */\n  seriesLabel?: string;\n  /** The value label text. */\n  valueLabel?: string;\n  /** Whether to hide the series header. */\n  disabled?: boolean;\n};\n\n/** @internal */\nexport type FormatStrategy = (value: HeaderData) => string | null;\n\n/** @internal */\nexport type TooltipAction =\n  | { type: 'RESET_TOOLTIP' }\n  | {\n      type: 'SET_PINNED';\n      payload:\n        | {\n            pinned: false;\n            absoluteX?: undefined;\n            absoluteY?: undefined;\n            data: NoData;\n          }\n        | {\n            pinned: true;\n            absoluteX: number;\n            absoluteY: number;\n            data: Data;\n          };\n    }\n  | { type: 'SET_OUT_BOUNDS' }\n  | {\n      type: 'SET_POSITION';\n      payload: { absoluteX: number; absoluteY: number; data?: Data };\n    }\n  | {\n      type: 'UPDATE_POSITION';\n      payload: { type: 'resize' | 'non-resize'; scroll?: boolean };\n    }\n  | {\n      type: 'SET_ACTIVE_SERIES';\n      payload: { activeSeries: string | null };\n    }\n  | { type: 'TOOLTIP_MOUSE_LEAVE' };\n\n/** @internal */\nexport type TooltipActions = TooltipAction['type'];\n"],
   "mappings": "AAOO,IAAW,oBAAX,kBAAWA,uBAAX;AACL,EAAAA,mBAAA,SAAQ;AACR,EAAAA,mBAAA,UAAS;AACT,EAAAA,mBAAA,UAAS;AACT,EAAAA,mBAAA,SAAQ;AACR,EAAAA,mBAAA,SAAQ;AACR,EAAAA,mBAAA,cAAa;AACb,EAAAA,mBAAA,mBAAkB;AAClB,EAAAA,mBAAA,aAAY;AACZ,EAAAA,mBAAA,UAAS;AACT,EAAAA,mBAAA,eAAc;AACd,EAAAA,mBAAA,eAAc;AACd,EAAAA,mBAAA,mBAAkB;AAClB,EAAAA,mBAAA,mBAAkB;AAClB,EAAAA,mBAAA,YAAW;AAdK,SAAAA;AAAA,GAAA;",
   "names": ["GeometryTypesEnum"]
 }

package/esm/charts/core/components/overlay-tooltip/useTooltipActions.js

@@ -2,11 +2,15 @@ import { useCallback } from "react";
 import { useTooltip } from "./contexts/TooltipContext.js";
 import { useTooltipReducer } from "./useTooltipReducer.js";
 import { emptyData } from "./utils.js";
+import { isTouchableDevice } from "../../utils/is-touchable-device.js";
 const useTooltipActions = () => {
   const dispatch = useTooltipReducer();
   const tooltipState = useTooltip();
   const hover = useCallback(
     (event, data) => {
+      if (isTouchableDevice()) {
+        return;
+      }
       dispatch({
         type: "SET_POSITION",
         payload: {
@@ -38,6 +42,10 @@ const useTooltipActions = () => {
     [dispatch, tooltipState]
   );
   const unpin = useCallback(() => {
+    if (isTouchableDevice()) {
+      dispatch({ type: "RESET_TOOLTIP" })();
+      return;
+    }
     dispatch({
       type: "SET_PINNED",
       payload: { pinned: false, data: emptyData() }

package/esm/charts/core/components/overlay-tooltip/useTooltipActions.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/core/components/overlay-tooltip/useTooltipActions.ts"],
-  "sourcesContent": ["import { useCallback } from 'react';\n\nimport { useTooltip } from './contexts/TooltipContext.js';\nimport type { Data } from './types.js';\nimport { useTooltipReducer } from './useTooltipReducer.js';\nimport { emptyData } from './utils.js';\n\n/** @internal */\nexport type EventCoords = { clientX: number; clientY: number };\n\n/**\n * Ergonomic wrapper around the low-level tooltip dispatch.\n * Encapsulates action types, coordinate rounding, and empty-data defaults so\n * callers only need to deal with intent (hover / pin / unpin / \u2026).\n *\n * @internal\n */\nexport const useTooltipActions = () => {\n  const dispatch = useTooltipReducer();\n  const tooltipState = useTooltip();\n\n  const hover = useCallback(\n    (event: EventCoords, data?: Data) => {\n      dispatch({\n        type: 'SET_POSITION',\n        payload: {\n          absoluteX: Math.round(event.clientX),\n          absoluteY: Math.round(event.clientY),\n          data,\n        },\n      })();\n    },\n    [dispatch],\n  );\n\n  const pin = useCallback(\n    (event: EventCoords, data: Data) => {\n      const { absoluteX, absoluteY } = tooltipState.getState();\n      const coords =\n        absoluteX !== null && absoluteY !== null\n          ? { clientX: absoluteX, clientY: absoluteY }\n          : {\n              clientX: Math.round(event.clientX),\n              clientY: Math.round(event.clientY),\n            };\n      dispatch({\n        type: 'SET_PINNED',\n        payload: {\n          pinned: true,\n          absoluteX: coords.clientX,\n          absoluteY: coords.clientY,\n          data,\n        },\n      })();\n    },\n    [dispatch, tooltipState],\n  );\n\n  const unpin = useCallback(() => {\n    dispatch({\n      type: 'SET_PINNED',\n      payload: { pinned: false, data: emptyData() },\n    })();\n  }, [dispatch]);\n\n  const togglePin = useCallback(\n    (event: EventCoords, data: Data) => {\n      if (tooltipState.getState().pinned) {\n        unpin();\n      } else {\n        pin(event, data);\n      }\n    },\n    [pin, unpin, tooltipState],\n  );\n\n  const reset = useCallback(() => {\n    dispatch({ type: 'RESET_TOOLTIP' })();\n  }, [dispatch]);\n\n  const outOfBounds = useCallback(() => {\n    dispatch({ type: 'SET_OUT_BOUNDS' })();\n  }, [dispatch]);\n\n  return { hover, pin, togglePin, unpin, reset, outOfBounds };\n};\n"],
-  "mappings": "AAAA,SAAS,mBAAmB;AAE5B,SAAS,kBAAkB;AAE3B,SAAS,yBAAyB;AAClC,SAAS,iBAAiB;AAYnB,MAAM,oBAAoB,MAAM;AACrC,QAAM,WAAW,kBAAkB;AACnC,QAAM,eAAe,WAAW;AAEhC,QAAM,QAAQ;AAAA,IACZ,CAAC,OAAoB,SAAgB;AACnC,eAAS;AAAA,QACP,MAAM;AAAA,QACN,SAAS;AAAA,UACP,WAAW,KAAK,MAAM,MAAM,OAAO;AAAA,UACnC,WAAW,KAAK,MAAM,MAAM,OAAO;AAAA,UACnC;AAAA,QACF;AAAA,MACF,CAAC,EAAE;AAAA,IACL;AAAA,IACA,CAAC,QAAQ;AAAA,EACX;AAEA,QAAM,MAAM;AAAA,IACV,CAAC,OAAoB,SAAe;AAClC,YAAM,EAAE,WAAW,UAAU,IAAI,aAAa,SAAS;AACvD,YAAM,SACJ,cAAc,QAAQ,cAAc,OAChC,EAAE,SAAS,WAAW,SAAS,UAAU,IACzC;AAAA,QACE,SAAS,KAAK,MAAM,MAAM,OAAO;AAAA,QACjC,SAAS,KAAK,MAAM,MAAM,OAAO;AAAA,MACnC;AACN,eAAS;AAAA,QACP,MAAM;AAAA,QACN,SAAS;AAAA,UACP,QAAQ;AAAA,UACR,WAAW,OAAO;AAAA,UAClB,WAAW,OAAO;AAAA,UAClB;AAAA,QACF;AAAA,MACF,CAAC,EAAE;AAAA,IACL;AAAA,IACA,CAAC,UAAU,YAAY;AAAA,EACzB;AAEA,QAAM,QAAQ,YAAY,MAAM;AAC9B,aAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS,EAAE,QAAQ,OAAO,MAAM,UAAU,EAAE;AAAA,IAC9C,CAAC,EAAE;AAAA,EACL,GAAG,CAAC,QAAQ,CAAC;AAEb,QAAM,YAAY;AAAA,IAChB,CAAC,OAAoB,SAAe;AAClC,UAAI,aAAa,SAAS,EAAE,QAAQ;AAClC,cAAM;AAAA,MACR,OAAO;AACL,YAAI,OAAO,IAAI;AAAA,MACjB;AAAA,IACF;AAAA,IACA,CAAC,KAAK,OAAO,YAAY;AAAA,EAC3B;AAEA,QAAM,QAAQ,YAAY,MAAM;AAC9B,aAAS,EAAE,MAAM,gBAAgB,CAAC,EAAE;AAAA,EACtC,GAAG,CAAC,QAAQ,CAAC;AAEb,QAAM,cAAc,YAAY,MAAM;AACpC,aAAS,EAAE,MAAM,iBAAiB,CAAC,EAAE;AAAA,EACvC,GAAG,CAAC,QAAQ,CAAC;AAEb,SAAO,EAAE,OAAO,KAAK,WAAW,OAAO,OAAO,YAAY;AAC5D;",
+  "sourcesContent": ["import { useCallback } from 'react';\n\nimport { useTooltip } from './contexts/TooltipContext.js';\nimport type { Data } from './types.js';\nimport { useTooltipReducer } from './useTooltipReducer.js';\nimport { emptyData } from './utils.js';\nimport { isTouchableDevice } from '../../utils/is-touchable-device.js';\n\n/** @internal */\nexport type EventCoords = { clientX: number; clientY: number };\n\n/**\n * Ergonomic wrapper around the low-level tooltip dispatch.\n * Encapsulates action types, coordinate rounding, and empty-data defaults so\n * callers only need to deal with intent (hover / pin / unpin / \u2026).\n *\n * @internal\n */\nexport const useTooltipActions = () => {\n  const dispatch = useTooltipReducer();\n  const tooltipState = useTooltip();\n\n  const hover = useCallback(\n    (event: EventCoords, data?: Data) => {\n      if (isTouchableDevice()) {\n        return;\n      }\n      dispatch({\n        type: 'SET_POSITION',\n        payload: {\n          absoluteX: Math.round(event.clientX),\n          absoluteY: Math.round(event.clientY),\n          data,\n        },\n      })();\n    },\n    [dispatch],\n  );\n\n  const pin = useCallback(\n    (event: EventCoords, data: Data) => {\n      const { absoluteX, absoluteY } = tooltipState.getState();\n      const coords =\n        absoluteX !== null && absoluteY !== null\n          ? { clientX: absoluteX, clientY: absoluteY }\n          : {\n              clientX: Math.round(event.clientX),\n              clientY: Math.round(event.clientY),\n            };\n      dispatch({\n        type: 'SET_PINNED',\n        payload: {\n          pinned: true,\n          absoluteX: coords.clientX,\n          absoluteY: coords.clientY,\n          data,\n        },\n      })();\n    },\n    [dispatch, tooltipState],\n  );\n\n  const unpin = useCallback(() => {\n    if (isTouchableDevice()) {\n      dispatch({ type: 'RESET_TOOLTIP' })();\n      return;\n    }\n    dispatch({\n      type: 'SET_PINNED',\n      payload: { pinned: false, data: emptyData() },\n    })();\n  }, [dispatch]);\n\n  const togglePin = useCallback(\n    (event: EventCoords, data: Data) => {\n      if (tooltipState.getState().pinned) {\n        unpin();\n      } else {\n        pin(event, data);\n      }\n    },\n    [pin, unpin, tooltipState],\n  );\n\n  const reset = useCallback(() => {\n    dispatch({ type: 'RESET_TOOLTIP' })();\n  }, [dispatch]);\n\n  const outOfBounds = useCallback(() => {\n    dispatch({ type: 'SET_OUT_BOUNDS' })();\n  }, [dispatch]);\n\n  return { hover, pin, togglePin, unpin, reset, outOfBounds };\n};\n"],
+  "mappings": "AAAA,SAAS,mBAAmB;AAE5B,SAAS,kBAAkB;AAE3B,SAAS,yBAAyB;AAClC,SAAS,iBAAiB;AAC1B,SAAS,yBAAyB;AAY3B,MAAM,oBAAoB,MAAM;AACrC,QAAM,WAAW,kBAAkB;AACnC,QAAM,eAAe,WAAW;AAEhC,QAAM,QAAQ;AAAA,IACZ,CAAC,OAAoB,SAAgB;AACnC,UAAI,kBAAkB,GAAG;AACvB;AAAA,MACF;AACA,eAAS;AAAA,QACP,MAAM;AAAA,QACN,SAAS;AAAA,UACP,WAAW,KAAK,MAAM,MAAM,OAAO;AAAA,UACnC,WAAW,KAAK,MAAM,MAAM,OAAO;AAAA,UACnC;AAAA,QACF;AAAA,MACF,CAAC,EAAE;AAAA,IACL;AAAA,IACA,CAAC,QAAQ;AAAA,EACX;AAEA,QAAM,MAAM;AAAA,IACV,CAAC,OAAoB,SAAe;AAClC,YAAM,EAAE,WAAW,UAAU,IAAI,aAAa,SAAS;AACvD,YAAM,SACJ,cAAc,QAAQ,cAAc,OAChC,EAAE,SAAS,WAAW,SAAS,UAAU,IACzC;AAAA,QACE,SAAS,KAAK,MAAM,MAAM,OAAO;AAAA,QACjC,SAAS,KAAK,MAAM,MAAM,OAAO;AAAA,MACnC;AACN,eAAS;AAAA,QACP,MAAM;AAAA,QACN,SAAS;AAAA,UACP,QAAQ;AAAA,UACR,WAAW,OAAO;AAAA,UAClB,WAAW,OAAO;AAAA,UAClB;AAAA,QACF;AAAA,MACF,CAAC,EAAE;AAAA,IACL;AAAA,IACA,CAAC,UAAU,YAAY;AAAA,EACzB;AAEA,QAAM,QAAQ,YAAY,MAAM;AAC9B,QAAI,kBAAkB,GAAG;AACvB,eAAS,EAAE,MAAM,gBAAgB,CAAC,EAAE;AACpC;AAAA,IACF;AACA,aAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS,EAAE,QAAQ,OAAO,MAAM,UAAU,EAAE;AAAA,IAC9C,CAAC,EAAE;AAAA,EACL,GAAG,CAAC,QAAQ,CAAC;AAEb,QAAM,YAAY;AAAA,IAChB,CAAC,OAAoB,SAAe;AAClC,UAAI,aAAa,SAAS,EAAE,QAAQ;AAClC,cAAM;AAAA,MACR,OAAO;AACL,YAAI,OAAO,IAAI;AAAA,MACjB;AAAA,IACF;AAAA,IACA,CAAC,KAAK,OAAO,YAAY;AAAA,EAC3B;AAEA,QAAM,QAAQ,YAAY,MAAM;AAC9B,aAAS,EAAE,MAAM,gBAAgB,CAAC,EAAE;AAAA,EACtC,GAAG,CAAC,QAAQ,CAAC;AAEb,QAAM,cAAc,YAAY,MAAM;AACpC,aAAS,EAAE,MAAM,iBAAiB,CAAC,EAAE;AAAA,EACvC,GAAG,CAAC,QAAQ,CAAC;AAEb,SAAO,EAAE,OAAO,KAAK,WAAW,OAAO,OAAO,YAAY;AAC5D;",
   "names": []
 }

package/esm/charts/core/components/overlay-tooltip/utils/is-scroll-ignored.js

@@ -0,0 +1,10 @@
+const CHART_SCROLL_IGNORE_ATTR = "data-dt-chart-scroll-ignore";
+const isScrollIgnored = (event) => {
+  const target = event.target;
+  return !!target?.closest?.(`[${CHART_SCROLL_IGNORE_ATTR}]`);
+};
+export {
+  CHART_SCROLL_IGNORE_ATTR,
+  isScrollIgnored
+};
+//# sourceMappingURL=is-scroll-ignored.js.map

package/esm/charts/core/components/overlay-tooltip/utils/is-scroll-ignored.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../src/charts/core/components/overlay-tooltip/utils/is-scroll-ignored.ts"],
+  "sourcesContent": ["export const CHART_SCROLL_IGNORE_ATTR = 'data-dt-chart-scroll-ignore';\n\nexport const isScrollIgnored = (event: Event): boolean => {\n  const target = event.target as Element | null;\n  return !!target?.closest?.(`[${CHART_SCROLL_IGNORE_ATTR}]`);\n};\n"],
+  "mappings": "AAAO,MAAM,2BAA2B;AAEjC,MAAM,kBAAkB,CAAC,UAA0B;AACxD,QAAM,SAAS,MAAM;AACrB,SAAO,CAAC,CAAC,QAAQ,UAAU,IAAI,wBAAwB,GAAG;AAC5D;",
+  "names": []
+}

package/esm/charts/core/components/overlays/ChartOverlaysBorder.css

@@ -1,4 +1,4 @@
-._sw8x1w0-3-7-1 {
+._sw8x1w0-3-9-0 {
   position: absolute;
   top: -0.5px;
   left: -0.5px;
@@ -10,15 +10,18 @@
   border-bottom: none;
   box-sizing: border-box;
 }
-._sw8x1w1-3-7-1 {
+._sw8x1w1-3-9-0 {
   border-left: 1px solid var(--dt-colors-text-neutral-subdued, #595a7d);
 }
-._sw8x1w2-3-7-1 {
+._sw8x1w2-3-9-0 {
   border-right: 1px solid var(--dt-colors-text-neutral-subdued, #595a7d);
 }
-._sw8x1w3-3-7-1 {
+._sw8x1w3-3-9-0 {
   border-bottom: 1px solid var(--dt-colors-text-neutral-subdued, #595a7d);
 }
-._sw8x1w4-3-7-1 {
+._sw8x1w4-3-9-0 {
   border-top: 1px solid var(--dt-colors-text-neutral-subdued, #595a7d);
+}
+._sw8x1w5-3-9-0 {
+  border-top: 1px solid var(--dt-colors-border-neutral-default, #dadbe4);
 }

package/esm/charts/core/components/overlays/ChartOverlaysBorder.js

@@ -3,25 +3,34 @@ import {
   chartOverlaysBorder,
   chartOverlaysBorder__rightAxis,
   chartOverlaysBorder__topAxis,
+  chartOverlaysBorder__topSeparator,
   chartOverlaysBorder__xAxis,
   chartOverlaysBorder__yAxis
 } from "./ChartOverlaysBorder.sty.js";
-const chartOverlaysBorderStyle = (left = false, right = false, bottom = false, top = false) => {
+const chartOverlaysBorderStyle = (left = false, right = false, bottom = false, top = false, topSeparator = false) => {
   return `
     ${chartOverlaysBorder}
     ${left ? chartOverlaysBorder__xAxis : ""}
     ${right ? chartOverlaysBorder__rightAxis : ""}
     ${bottom ? chartOverlaysBorder__yAxis : ""}
     ${top ? chartOverlaysBorder__topAxis : ""}
+    ${topSeparator ? chartOverlaysBorder__topSeparator : ""}
   `;
 };
 const ChartOverlaysBorder = ({
   left,
   right,
   bottom,
-  top
+  top,
+  topSeparator
 }) => {
-  const style = chartOverlaysBorderStyle(left, right, bottom, top);
+  const style = chartOverlaysBorderStyle(
+    left,
+    right,
+    bottom,
+    top,
+    topSeparator
+  );
   return /* @__PURE__ */ jsx("div", { className: style });
 };
 export {

package/esm/charts/core/components/overlays/ChartOverlaysBorder.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/core/components/overlays/ChartOverlaysBorder.tsx"],
-  "sourcesContent": ["import {\n  chartOverlaysBorder,\n  chartOverlaysBorder__rightAxis,\n  chartOverlaysBorder__topAxis,\n  chartOverlaysBorder__xAxis,\n  chartOverlaysBorder__yAxis,\n} from './ChartOverlaysBorder.sty.js';\n\ninterface ChartOverlaysBorderProps {\n  left?: boolean;\n  right?: boolean;\n  bottom?: boolean;\n  top?: boolean;\n}\n\n/* A function to conditionally render the borders based on the component props\n * @params { boolean } left - A boolean to display the x-axis border. Default is\n * false\n * @params { boolean } right - A boolean to display the right axis. Default is false\n * @params { boolean } bottom - A boolean to display the y-axis. Default is\n * false\n * @returns { string } An interpolated string with the necerrary borders\n * classNames.\n */\nconst chartOverlaysBorderStyle = (\n  left: boolean = false,\n  right: boolean = false,\n  bottom: boolean = false,\n  top: boolean = false,\n): string => {\n  return `\n    ${chartOverlaysBorder}\n    ${left ? chartOverlaysBorder__xAxis : ''}\n    ${right ? chartOverlaysBorder__rightAxis : ''}\n    ${bottom ? chartOverlaysBorder__yAxis : ''}\n    ${top ? chartOverlaysBorder__topAxis : ''}\n  `;\n};\n\n/**\n * A component to render a mimic axis borders conditionally\n **/\nexport const ChartOverlaysBorder = ({\n  left,\n  right,\n  bottom,\n  top,\n}: ChartOverlaysBorderProps) => {\n  const style = chartOverlaysBorderStyle(left, right, bottom, top);\n  return <div className={style} />;\n};\n"],
-  "mappings": "AAiDS;AAjDT;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAkBP,MAAM,2BAA2B,CAC/B,OAAgB,OAChB,QAAiB,OACjB,SAAkB,OAClB,MAAe,UACJ;AACX,SAAO;AAAA,MACH,mBAAmB;AAAA,MACnB,OAAO,6BAA6B,EAAE;AAAA,MACtC,QAAQ,iCAAiC,EAAE;AAAA,MAC3C,SAAS,6BAA6B,EAAE;AAAA,MACxC,MAAM,+BAA+B,EAAE;AAAA;AAE7C;AAKO,MAAM,sBAAsB,CAAC;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAgC;AAC9B,QAAM,QAAQ,yBAAyB,MAAM,OAAO,QAAQ,GAAG;AAC/D,SAAO,oBAAC,SAAI,WAAW,OAAO;AAChC;",
+  "sourcesContent": ["import {\n  chartOverlaysBorder,\n  chartOverlaysBorder__rightAxis,\n  chartOverlaysBorder__topAxis,\n  chartOverlaysBorder__topSeparator,\n  chartOverlaysBorder__xAxis,\n  chartOverlaysBorder__yAxis,\n} from './ChartOverlaysBorder.sty.js';\n\ninterface ChartOverlaysBorderProps {\n  left?: boolean;\n  right?: boolean;\n  bottom?: boolean;\n  top?: boolean;\n  /** Draws a lighter top border acting as a separator rather than an axis line. */\n  topSeparator?: boolean;\n}\n\nconst chartOverlaysBorderStyle = (\n  left: boolean = false,\n  right: boolean = false,\n  bottom: boolean = false,\n  top: boolean = false,\n  topSeparator: boolean = false,\n): string => {\n  return `\n    ${chartOverlaysBorder}\n    ${left ? chartOverlaysBorder__xAxis : ''}\n    ${right ? chartOverlaysBorder__rightAxis : ''}\n    ${bottom ? chartOverlaysBorder__yAxis : ''}\n    ${top ? chartOverlaysBorder__topAxis : ''}\n    ${topSeparator ? chartOverlaysBorder__topSeparator : ''}\n  `;\n};\n\n/**\n * A component to render a mimic axis borders conditionally\n **/\nexport const ChartOverlaysBorder = ({\n  left,\n  right,\n  bottom,\n  top,\n  topSeparator,\n}: ChartOverlaysBorderProps) => {\n  const style = chartOverlaysBorderStyle(\n    left,\n    right,\n    bottom,\n    top,\n    topSeparator,\n  );\n  return <div className={style} />;\n};\n"],
+  "mappings": "AAoDS;AApDT;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAWP,MAAM,2BAA2B,CAC/B,OAAgB,OAChB,QAAiB,OACjB,SAAkB,OAClB,MAAe,OACf,eAAwB,UACb;AACX,SAAO;AAAA,MACH,mBAAmB;AAAA,MACnB,OAAO,6BAA6B,EAAE;AAAA,MACtC,QAAQ,iCAAiC,EAAE;AAAA,MAC3C,SAAS,6BAA6B,EAAE;AAAA,MACxC,MAAM,+BAA+B,EAAE;AAAA,MACvC,eAAe,oCAAoC,EAAE;AAAA;AAE3D;AAKO,MAAM,sBAAsB,CAAC;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAgC;AAC9B,QAAM,QAAQ;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACA,SAAO,oBAAC,SAAI,WAAW,OAAO;AAChC;",
   "names": []
 }

package/esm/charts/core/components/overlays/ChartOverlaysBorder.sty.js

@@ -1,13 +1,15 @@
 import "./ChartOverlaysBorder.css";
-var chartOverlaysBorder = "_sw8x1w0-3-7-1";
-var chartOverlaysBorder__rightAxis = "_sw8x1w2-3-7-1";
-var chartOverlaysBorder__topAxis = "_sw8x1w4-3-7-1";
-var chartOverlaysBorder__xAxis = "_sw8x1w1-3-7-1";
-var chartOverlaysBorder__yAxis = "_sw8x1w3-3-7-1";
+var chartOverlaysBorder = "_sw8x1w0-3-9-0";
+var chartOverlaysBorder__rightAxis = "_sw8x1w2-3-9-0";
+var chartOverlaysBorder__topAxis = "_sw8x1w4-3-9-0";
+var chartOverlaysBorder__topSeparator = "_sw8x1w5-3-9-0";
+var chartOverlaysBorder__xAxis = "_sw8x1w1-3-9-0";
+var chartOverlaysBorder__yAxis = "_sw8x1w3-3-9-0";
 export {
   chartOverlaysBorder,
   chartOverlaysBorder__rightAxis,
   chartOverlaysBorder__topAxis,
+  chartOverlaysBorder__topSeparator,
   chartOverlaysBorder__xAxis,
   chartOverlaysBorder__yAxis
 };

package/esm/charts/core/components/overlays/ChartOverlaysBorder.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/core/components/overlays/ChartOverlaysBorder.css.ts"],
-  "sourcesContent": ["import './ChartOverlaysBorder.css';\nexport var chartOverlaysBorder = '_sw8x1w0-3-7-1';\nexport var chartOverlaysBorder__rightAxis = '_sw8x1w2-3-7-1';\nexport var chartOverlaysBorder__topAxis = '_sw8x1w4-3-7-1';\nexport var chartOverlaysBorder__xAxis = '_sw8x1w1-3-7-1';\nexport var chartOverlaysBorder__yAxis = '_sw8x1w3-3-7-1';"],
-  "mappings": "AAAA,OAAO;AACA,IAAI,sBAAsB;AAC1B,IAAI,iCAAiC;AACrC,IAAI,+BAA+B;AACnC,IAAI,6BAA6B;AACjC,IAAI,6BAA6B;",
+  "sourcesContent": ["import './ChartOverlaysBorder.css';\nexport var chartOverlaysBorder = '_sw8x1w0-3-9-0';\nexport var chartOverlaysBorder__rightAxis = '_sw8x1w2-3-9-0';\nexport var chartOverlaysBorder__topAxis = '_sw8x1w4-3-9-0';\nexport var chartOverlaysBorder__topSeparator = '_sw8x1w5-3-9-0';\nexport var chartOverlaysBorder__xAxis = '_sw8x1w1-3-9-0';\nexport var chartOverlaysBorder__yAxis = '_sw8x1w3-3-9-0';"],
+  "mappings": "AAAA,OAAO;AACA,IAAI,sBAAsB;AAC1B,IAAI,iCAAiC;AACrC,IAAI,+BAA+B;AACnC,IAAI,oCAAoC;AACxC,IAAI,6BAA6B;AACjC,IAAI,6BAA6B;",
   "names": []
 }

package/esm/charts/core/components/selection-area/SelectionArea.css

@@ -1,10 +1,10 @@
-._efl7nz0-3-7-1 {
+._efl7nz0-3-9-0 {
   background-color: transparent;
   overflow: visible;
   pointer-events: none;
   z-index: 3;
 }
-._efl7nz1-3-7-1 {
+._efl7nz1-3-9-0 {
   width: 5px;
   height: 40px;
   fill: var(--dt-colors-border-primary-on-accent-default, #f4f4fb);
@@ -15,21 +15,21 @@
   transform-box: stroke-box;
   transition: transform var(--dt-animations-rescale-duration-fast, 170ms) var(--dt-animations-rescale-easing, cubic-bezier(0.4, 0, 0.2, 1));
 }
-._efl7nz1-3-7-1:focus {
+._efl7nz1-3-9-0:focus {
   outline: none;
   stroke-width: 3;
 }
-._efl7nz2-3-7-1 {
+._efl7nz2-3-9-0 {
   width: 15px;
   height: 80px;
   fill: transparent;
   cursor: col-resize;
   touch-action: pan-x;
 }
-._efl7nz2-3-7-1 + .knob--hovered {
+._efl7nz2-3-9-0 + .knob--hovered {
   transform: scaleY(1);
 }
-._efl7nz3-3-7-1 {
+._efl7nz3-3-9-0 {
   fill: var(--dt-colors-background-field-primary-accent, #474fcf);
   stroke: var(--dt-colors-border-primary-accent, #464cce);
   stroke-width: 1;
@@ -37,14 +37,14 @@
   fill-opacity: 0.1;
   touch-action: pan-x;
 }
-._efl7nz3-3-7-1:hover {
+._efl7nz3-3-9-0:hover {
   cursor: move;
 }
-._efl7nz3-3-7-1:focus {
+._efl7nz3-3-9-0:focus {
   outline: none;
   clip-path: unset;
   stroke-width: 3;
 }
-._efl7nz3-3-7-1:focus ~ .knob {
+._efl7nz3-3-9-0:focus ~ .knob {
   stroke-width: 3;
 }

package/esm/charts/core/components/selection-area/SelectionArea.sty.js

@@ -1,9 +1,9 @@
 import "../chart-grid/ChartGrid.css";
 import "./SelectionArea.css";
-var brushOverlay = "_efl7nz0-3-7-1 _13lzg4k0-3-7-1";
-var knob = "_efl7nz1-3-7-1";
-var selectionArea = "_efl7nz3-3-7-1";
-var transparentDraggingArea = "_efl7nz2-3-7-1";
+var brushOverlay = "_efl7nz0-3-9-0 _13lzg4k0-3-9-0";
+var knob = "_efl7nz1-3-9-0";
+var selectionArea = "_efl7nz3-3-9-0";
+var transparentDraggingArea = "_efl7nz2-3-9-0";
 export {
   brushOverlay,
   knob,

package/esm/charts/core/components/selection-area/SelectionArea.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/core/components/selection-area/SelectionArea.css.ts"],
-  "sourcesContent": ["import '../chart-grid/ChartGrid.css';\nimport './SelectionArea.css';\nexport var brushOverlay = '_efl7nz0-3-7-1 _13lzg4k0-3-7-1';\nexport var knob = '_efl7nz1-3-7-1';\nexport var selectionArea = '_efl7nz3-3-7-1';\nexport var transparentDraggingArea = '_efl7nz2-3-7-1';"],
+  "sourcesContent": ["import '../chart-grid/ChartGrid.css';\nimport './SelectionArea.css';\nexport var brushOverlay = '_efl7nz0-3-9-0 _13lzg4k0-3-9-0';\nexport var knob = '_efl7nz1-3-9-0';\nexport var selectionArea = '_efl7nz3-3-9-0';\nexport var transparentDraggingArea = '_efl7nz2-3-9-0';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACA,IAAI,eAAe;AACnB,IAAI,OAAO;AACX,IAAI,gBAAgB;AACpB,IAAI,0BAA0B;",
   "names": []
 }

package/esm/charts/core/components/series-action/ChartActionsMenuAsync.js

@@ -9,6 +9,7 @@ import {
 import { Menu } from "../../../../navigation/menu/Menu.js";
 import { useResolveAsyncComponent } from "../../hooks/useResolveAsyncComponent.js";
 import { renderMenuActionChildren } from "../../utils/render-menu-action-children.js";
+import { CHART_SCROLL_IGNORE_ATTR } from "../overlay-tooltip/utils/is-scroll-ignored.js";
 const ACTIONS_MENU_SIDE_OFFSET = 0;
 const ChartActionsMenuAsync = forwardRef((props, forwardedRef) => {
   const { children, isOpen, hasActions } = props;
@@ -52,7 +53,8 @@ const Content = forwardRef(
     const menuContentProps = {
       ref: forwardedRef,
       side: "right",
-      _sideOffset: ACTIONS_MENU_SIDE_OFFSET
+      _sideOffset: ACTIONS_MENU_SIDE_OFFSET,
+      [CHART_SCROLL_IGNORE_ATTR]: ""
     };
     const handleClick = (e) => {
       const isSubmenuTrigger = e.target.closest(

package/esm/charts/core/components/series-action/ChartActionsMenuAsync.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/core/components/series-action/ChartActionsMenuAsync.tsx"],
-  "sourcesContent": ["import { noop } from 'lodash-es';\nimport {\n  forwardRef,\n  type MouseEvent as ReactMouseEvent,\n  type MouseEventHandler,\n  type PropsWithChildren,\n  type ComponentProps,\n  type ReactElement,\n  type ReactNode,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\n\nimport { Menu } from '../../../../navigation/menu/Menu.js';\nimport { useResolveAsyncComponent } from '../../hooks/useResolveAsyncComponent.js';\nimport { renderMenuActionChildren } from '../../utils/render-menu-action-children.js';\n\ntype ChartActionsMenuAsyncProps = {\n  isOpen: boolean;\n  defaultActions?: ReactNode;\n  header?: ReactElement | null;\n  onActionSelected?: MouseEventHandler<HTMLDivElement>;\n  actions: (() => Promise<ReactElement>) | undefined;\n  delay?: number;\n  hasActions: boolean;\n};\n\nconst ACTIONS_MENU_SIDE_OFFSET = 0;\n\ntype InternalMenuContentProps = ComponentProps<typeof Menu.Content> & {\n  _sideOffset?: number;\n};\n\nexport const ChartActionsMenuAsync = forwardRef<\n  HTMLDivElement,\n  PropsWithChildren<ChartActionsMenuAsyncProps>\n>((props: PropsWithChildren<ChartActionsMenuAsyncProps>, forwardedRef) => {\n  const { children, isOpen, hasActions } = props;\n  if (!hasActions) {\n    return children;\n  }\n\n  return (\n    <Menu open={isOpen} modal={false}>\n      <Menu.Trigger>{children}</Menu.Trigger>\n      <Content {...props} ref={forwardedRef} />\n    </Menu>\n  );\n});\n\nconst Content = forwardRef<HTMLDivElement, ChartActionsMenuAsyncProps>(\n  (props, forwardedRef) => {\n    const {\n      isOpen,\n      actions,\n      defaultActions,\n      onActionSelected,\n      header,\n      delay = 0,\n    } = props;\n    const [shouldRun, setShouldRun] = useState(false);\n    const ref = useRef<HTMLDivElement>(null);\n    const customActions = useResolveAsyncComponent(actions, shouldRun);\n    const defaultActionsMapped =\n      shouldRun && defaultActions\n        ? renderMenuActionChildren(defaultActions)\n        : null;\n\n    useEffect(() => {\n      if (!isOpen) {\n        return;\n      }\n\n      const timer = setTimeout(() => {\n        setShouldRun(true);\n      }, delay);\n\n      return () => {\n        clearTimeout(timer);\n        setShouldRun(false);\n      };\n    }, [isOpen, delay]);\n\n    if (!shouldRun) {\n      return null;\n    }\n\n    const menuContentProps = {\n      ref: forwardedRef,\n      side: 'right',\n      _sideOffset: ACTIONS_MENU_SIDE_OFFSET,\n    } as InternalMenuContentProps;\n\n    const handleClick = (e: ReactMouseEvent<HTMLSpanElement>) => {\n      const isSubmenuTrigger = (e.target as HTMLElement).closest(\n        '[aria-haspopup=\"true\"]',\n      );\n      if (!isSubmenuTrigger) {\n        onActionSelected?.(e as unknown as ReactMouseEvent<HTMLDivElement>);\n      }\n    };\n\n    return (\n      <Menu.Content {...menuContentProps}>\n        <div ref={ref} style={{ width: '100%' }} role=\"tooltip\">\n          <Menu.Group>{header}</Menu.Group>\n          <span role=\"none\" onClick={handleClick} onKeyDown={noop}>\n            <Menu.Group>\n              {defaultActionsMapped}\n              {customActions &&\n                renderMenuActionChildren(customActions.props.children, {\n                  divideActionsAndIntents: false,\n                })}\n            </Menu.Group>\n          </span>\n        </div>\n      </Menu.Content>\n    );\n  },\n);\n"],
-  "mappings": "AA4CI,SACE,KADF;AA5CJ,SAAS,YAAY;AACrB;AAAA,EACE;AAAA,EAOA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,YAAY;AACrB,SAAS,gCAAgC;AACzC,SAAS,gCAAgC;AAYzC,MAAM,2BAA2B;AAM1B,MAAM,wBAAwB,WAGnC,CAAC,OAAsD,iBAAiB;AACxE,QAAM,EAAE,UAAU,QAAQ,WAAW,IAAI;AACzC,MAAI,CAAC,YAAY;AACf,WAAO;AAAA,EACT;AAEA,SACE,qBAAC,QAAK,MAAM,QAAQ,OAAO,OACzB;AAAA,wBAAC,KAAK,SAAL,EAAc,UAAS;AAAA,IACxB,oBAAC,WAAS,GAAG,OAAO,KAAK,cAAc;AAAA,KACzC;AAEJ,CAAC;AAED,MAAM,UAAU;AAAA,EACd,CAAC,OAAO,iBAAiB;AACvB,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,QAAQ;AAAA,IACV,IAAI;AACJ,UAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAChD,UAAM,MAAM,OAAuB,IAAI;AACvC,UAAM,gBAAgB,yBAAyB,SAAS,SAAS;AACjE,UAAM,uBACJ,aAAa,iBACT,yBAAyB,cAAc,IACvC;AAEN,cAAU,MAAM;AACd,UAAI,CAAC,QAAQ;AACX;AAAA,MACF;AAEA,YAAM,QAAQ,WAAW,MAAM;AAC7B,qBAAa,IAAI;AAAA,MACnB,GAAG,KAAK;AAER,aAAO,MAAM;AACX,qBAAa,KAAK;AAClB,qBAAa,KAAK;AAAA,MACpB;AAAA,IACF,GAAG,CAAC,QAAQ,KAAK,CAAC;AAElB,QAAI,CAAC,WAAW;AACd,aAAO;AAAA,IACT;AAEA,UAAM,mBAAmB;AAAA,MACvB,KAAK;AAAA,MACL,MAAM;AAAA,MACN,aAAa;AAAA,IACf;AAEA,UAAM,cAAc,CAAC,MAAwC;AAC3D,YAAM,mBAAoB,EAAE,OAAuB;AAAA,QACjD;AAAA,MACF;AACA,UAAI,CAAC,kBAAkB;AACrB,2BAAmB,CAA+C;AAAA,MACpE;AAAA,IACF;AAEA,WACE,oBAAC,KAAK,SAAL,EAAc,GAAG,kBAChB,+BAAC,SAAI,KAAU,OAAO,EAAE,OAAO,OAAO,GAAG,MAAK,WAC5C;AAAA,0BAAC,KAAK,OAAL,EAAY,kBAAO;AAAA,MACpB,oBAAC,UAAK,MAAK,QAAO,SAAS,aAAa,WAAW,MACjD,+BAAC,KAAK,OAAL,EACE;AAAA;AAAA,QACA,iBACC,yBAAyB,cAAc,MAAM,UAAU;AAAA,UACrD,yBAAyB;AAAA,QAC3B,CAAC;AAAA,SACL,GACF;AAAA,OACF,GACF;AAAA,EAEJ;AACF;",
+  "sourcesContent": ["import { noop } from 'lodash-es';\nimport {\n  forwardRef,\n  type MouseEvent as ReactMouseEvent,\n  type MouseEventHandler,\n  type PropsWithChildren,\n  type ComponentProps,\n  type ReactElement,\n  type ReactNode,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\n\nimport { Menu } from '../../../../navigation/menu/Menu.js';\nimport { useResolveAsyncComponent } from '../../hooks/useResolveAsyncComponent.js';\nimport { renderMenuActionChildren } from '../../utils/render-menu-action-children.js';\nimport { CHART_SCROLL_IGNORE_ATTR } from '../overlay-tooltip/utils/is-scroll-ignored.js';\n\ntype ChartActionsMenuAsyncProps = {\n  isOpen: boolean;\n  defaultActions?: ReactNode;\n  header?: ReactElement | null;\n  onActionSelected?: MouseEventHandler<HTMLDivElement>;\n  actions: (() => Promise<ReactElement>) | undefined;\n  delay?: number;\n  hasActions: boolean;\n};\n\nconst ACTIONS_MENU_SIDE_OFFSET = 0;\n\ntype InternalMenuContentProps = ComponentProps<typeof Menu.Content> & {\n  _sideOffset?: number;\n};\n\nexport const ChartActionsMenuAsync = forwardRef<\n  HTMLDivElement,\n  PropsWithChildren<ChartActionsMenuAsyncProps>\n>((props: PropsWithChildren<ChartActionsMenuAsyncProps>, forwardedRef) => {\n  const { children, isOpen, hasActions } = props;\n  if (!hasActions) {\n    return children;\n  }\n\n  return (\n    <Menu open={isOpen} modal={false}>\n      <Menu.Trigger>{children}</Menu.Trigger>\n      <Content {...props} ref={forwardedRef} />\n    </Menu>\n  );\n});\n\nconst Content = forwardRef<HTMLDivElement, ChartActionsMenuAsyncProps>(\n  (props, forwardedRef) => {\n    const {\n      isOpen,\n      actions,\n      defaultActions,\n      onActionSelected,\n      header,\n      delay = 0,\n    } = props;\n    const [shouldRun, setShouldRun] = useState(false);\n    const ref = useRef<HTMLDivElement>(null);\n    const customActions = useResolveAsyncComponent(actions, shouldRun);\n    const defaultActionsMapped =\n      shouldRun && defaultActions\n        ? renderMenuActionChildren(defaultActions)\n        : null;\n\n    useEffect(() => {\n      if (!isOpen) {\n        return;\n      }\n\n      const timer = setTimeout(() => {\n        setShouldRun(true);\n      }, delay);\n\n      return () => {\n        clearTimeout(timer);\n        setShouldRun(false);\n      };\n    }, [isOpen, delay]);\n\n    if (!shouldRun) {\n      return null;\n    }\n\n    const menuContentProps = {\n      ref: forwardedRef,\n      side: 'right',\n      _sideOffset: ACTIONS_MENU_SIDE_OFFSET,\n      [CHART_SCROLL_IGNORE_ATTR]: '',\n    } as InternalMenuContentProps;\n\n    const handleClick = (e: ReactMouseEvent<HTMLSpanElement>) => {\n      const isSubmenuTrigger = (e.target as HTMLElement).closest(\n        '[aria-haspopup=\"true\"]',\n      );\n      if (!isSubmenuTrigger) {\n        onActionSelected?.(e as unknown as ReactMouseEvent<HTMLDivElement>);\n      }\n    };\n\n    return (\n      <Menu.Content {...menuContentProps}>\n        <div ref={ref} style={{ width: '100%' }} role=\"tooltip\">\n          <Menu.Group>{header}</Menu.Group>\n          <span role=\"none\" onClick={handleClick} onKeyDown={noop}>\n            <Menu.Group>\n              {defaultActionsMapped}\n              {customActions &&\n                renderMenuActionChildren(customActions.props.children, {\n                  divideActionsAndIntents: false,\n                })}\n            </Menu.Group>\n          </span>\n        </div>\n      </Menu.Content>\n    );\n  },\n);\n"],
+  "mappings": "AA6CI,SACE,KADF;AA7CJ,SAAS,YAAY;AACrB;AAAA,EACE;AAAA,EAOA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,YAAY;AACrB,SAAS,gCAAgC;AACzC,SAAS,gCAAgC;AACzC,SAAS,gCAAgC;AAYzC,MAAM,2BAA2B;AAM1B,MAAM,wBAAwB,WAGnC,CAAC,OAAsD,iBAAiB;AACxE,QAAM,EAAE,UAAU,QAAQ,WAAW,IAAI;AACzC,MAAI,CAAC,YAAY;AACf,WAAO;AAAA,EACT;AAEA,SACE,qBAAC,QAAK,MAAM,QAAQ,OAAO,OACzB;AAAA,wBAAC,KAAK,SAAL,EAAc,UAAS;AAAA,IACxB,oBAAC,WAAS,GAAG,OAAO,KAAK,cAAc;AAAA,KACzC;AAEJ,CAAC;AAED,MAAM,UAAU;AAAA,EACd,CAAC,OAAO,iBAAiB;AACvB,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,QAAQ;AAAA,IACV,IAAI;AACJ,UAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAChD,UAAM,MAAM,OAAuB,IAAI;AACvC,UAAM,gBAAgB,yBAAyB,SAAS,SAAS;AACjE,UAAM,uBACJ,aAAa,iBACT,yBAAyB,cAAc,IACvC;AAEN,cAAU,MAAM;AACd,UAAI,CAAC,QAAQ;AACX;AAAA,MACF;AAEA,YAAM,QAAQ,WAAW,MAAM;AAC7B,qBAAa,IAAI;AAAA,MACnB,GAAG,KAAK;AAER,aAAO,MAAM;AACX,qBAAa,KAAK;AAClB,qBAAa,KAAK;AAAA,MACpB;AAAA,IACF,GAAG,CAAC,QAAQ,KAAK,CAAC;AAElB,QAAI,CAAC,WAAW;AACd,aAAO;AAAA,IACT;AAEA,UAAM,mBAAmB;AAAA,MACvB,KAAK;AAAA,MACL,MAAM;AAAA,MACN,aAAa;AAAA,MACb,CAAC,wBAAwB,GAAG;AAAA,IAC9B;AAEA,UAAM,cAAc,CAAC,MAAwC;AAC3D,YAAM,mBAAoB,EAAE,OAAuB;AAAA,QACjD;AAAA,MACF;AACA,UAAI,CAAC,kBAAkB;AACrB,2BAAmB,CAA+C;AAAA,MACpE;AAAA,IACF;AAEA,WACE,oBAAC,KAAK,SAAL,EAAc,GAAG,kBAChB,+BAAC,SAAI,KAAU,OAAO,EAAE,OAAO,OAAO,GAAG,MAAK,WAC5C;AAAA,0BAAC,KAAK,OAAL,EAAY,kBAAO;AAAA,MACpB,oBAAC,UAAK,MAAK,QAAO,SAAS,aAAa,WAAW,MACjD,+BAAC,KAAK,OAAL,EACE;AAAA;AAAA,QACA,iBACC,yBAAyB,cAAc,MAAM,UAAU;AAAA,UACrD,yBAAyB;AAAA,QAC3B,CAAC;AAAA,SACL,GACF;AAAA,OACF,GACF;AAAA,EAEJ;AACF;",
   "names": []
 }

package/esm/charts/core/components/shape/BubbleShape/BubbleShape.css

@@ -1,18 +1,18 @@
-._hctkb30-3-7-1 {
+._hctkb30-3-9-0 {
   border-radius: 50%;
 }
-._hctkb31-3-7-1 {
+._hctkb31-3-9-0 {
   border: 1px solid var(--dt-colors-text-neutral-default, #2f2f4f);
 }
-._hctkb32-3-7-1 {
+._hctkb32-3-9-0 {
   border: none;
 }
-._hctkb33-3-7-1 {
+._hctkb33-3-9-0 {
   border-width: 1px;
   border-style: solid;
   border-radius: 50%;
 }
-._hctkb34-3-7-1 {
+._hctkb34-3-9-0 {
   height: 8px;
   width: 8px;
   border-radius: 50%;

package/esm/charts/core/components/shape/BubbleShape/BubbleShape.sty.js

@@ -1,8 +1,8 @@
 import "./BubbleShape.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var bubble = "_hctkb34-3-7-1";
-var bubbleBorder = "_hctkb33-3-7-1";
-var bubbleOutline = _7a468({ defaultClassName: "_hctkb30-3-7-1", variantClassNames: { active: { true: "_hctkb31-3-7-1", false: "_hctkb32-3-7-1" } }, defaultVariants: {}, compoundVariants: [] });
+var bubble = "_hctkb34-3-9-0";
+var bubbleBorder = "_hctkb33-3-9-0";
+var bubbleOutline = _7a468({ defaultClassName: "_hctkb30-3-9-0", variantClassNames: { active: { true: "_hctkb31-3-9-0", false: "_hctkb32-3-9-0" } }, defaultVariants: {}, compoundVariants: [] });
 export {
   bubble,
   bubbleBorder,

package/esm/charts/core/components/shape/BubbleShape/BubbleShape.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/core/components/shape/BubbleShape/BubbleShape.css.ts"],
-  "sourcesContent": ["import './BubbleShape.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var bubble = '_hctkb34-3-7-1';\nexport var bubbleBorder = '_hctkb33-3-7-1';\nexport var bubbleOutline = _7a468({defaultClassName:'_hctkb30-3-7-1',variantClassNames:{active:{true:'_hctkb31-3-7-1',false:'_hctkb32-3-7-1'}},defaultVariants:{},compoundVariants:[]});"],
+  "sourcesContent": ["import './BubbleShape.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var bubble = '_hctkb34-3-9-0';\nexport var bubbleBorder = '_hctkb33-3-9-0';\nexport var bubbleOutline = _7a468({defaultClassName:'_hctkb30-3-9-0',variantClassNames:{active:{true:'_hctkb31-3-9-0',false:'_hctkb32-3-9-0'}},defaultVariants:{},compoundVariants:[]});"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,SAAS;AACb,IAAI,eAAe;AACnB,IAAI,gBAAgB,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,QAAO,EAAC,MAAK,kBAAiB,OAAM,iBAAgB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }

package/esm/charts/core/components/shape/EmojiShape/EmojiShape.css

@@ -1,4 +1,4 @@
-._s37yxn0-3-7-1 {
+._s37yxn0-3-9-0 {
   border-radius: 4px;
   display: flex;
   justify-content: center;
@@ -7,9 +7,9 @@
   height: 100%;
   box-sizing: border-box;
 }
-._s37yxn1-3-7-1 {
+._s37yxn1-3-9-0 {
   border: 1px solid var(--dt-colors-text-neutral-default, #2f2f4f);
 }
-._s37yxn2-3-7-1 {
+._s37yxn2-3-9-0 {
   border: none;
 }

package/esm/charts/core/components/shape/EmojiShape/EmojiShape.sty.js

@@ -1,6 +1,6 @@
 import "./EmojiShape.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var emojiShape = _7a468({ defaultClassName: "_s37yxn0-3-7-1", variantClassNames: { active: { true: "_s37yxn1-3-7-1", false: "_s37yxn2-3-7-1" } }, defaultVariants: {}, compoundVariants: [] });
+var emojiShape = _7a468({ defaultClassName: "_s37yxn0-3-9-0", variantClassNames: { active: { true: "_s37yxn1-3-9-0", false: "_s37yxn2-3-9-0" } }, defaultVariants: {}, compoundVariants: [] });
 export {
   emojiShape
 };

package/esm/charts/core/components/shape/EmojiShape/EmojiShape.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/core/components/shape/EmojiShape/EmojiShape.css.ts"],
-  "sourcesContent": ["import './EmojiShape.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var emojiShape = _7a468({defaultClassName:'_s37yxn0-3-7-1',variantClassNames:{active:{true:'_s37yxn1-3-7-1',false:'_s37yxn2-3-7-1'}},defaultVariants:{},compoundVariants:[]});"],
+  "sourcesContent": ["import './EmojiShape.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var emojiShape = _7a468({defaultClassName:'_s37yxn0-3-9-0',variantClassNames:{active:{true:'_s37yxn1-3-9-0',false:'_s37yxn2-3-9-0'}},defaultVariants:{},compoundVariants:[]});"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,aAAa,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,QAAO,EAAC,MAAK,kBAAiB,OAAM,iBAAgB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }

package/esm/charts/core/components/shape/IconShape/IconShape.css

@@ -1,4 +1,4 @@
-._1jwo1lm0-3-7-1 {
+._1jwo1lm0-3-9-0 {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -7,9 +7,9 @@
   height: 100%;
   box-sizing: border-box;
 }
-._1jwo1lm1-3-7-1 {
+._1jwo1lm1-3-9-0 {
   border: 1px solid var(--dt-colors-text-neutral-default, #2f2f4f);
 }
-._1jwo1lm2-3-7-1 {
+._1jwo1lm2-3-9-0 {
   border: none;
 }

package/esm/charts/core/components/shape/IconShape/IconShape.sty.js

@@ -1,6 +1,6 @@
 import "./IconShape.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var iconShape = _7a468({ defaultClassName: "_1jwo1lm0-3-7-1", variantClassNames: { active: { true: "_1jwo1lm1-3-7-1", false: "_1jwo1lm2-3-7-1" } }, defaultVariants: {}, compoundVariants: [] });
+var iconShape = _7a468({ defaultClassName: "_1jwo1lm0-3-9-0", variantClassNames: { active: { true: "_1jwo1lm1-3-9-0", false: "_1jwo1lm2-3-9-0" } }, defaultVariants: {}, compoundVariants: [] });
 export {
   iconShape
 };