@dynatrace/strato-components 3.2.1 → 3.3.1

package/esm/charts/categorical-bar/components/interactions/overlays/CategoricalBarChartInspectOverlay.css

@@ -1,9 +1,9 @@
-._1wi8enr0-3-2-1 {
+._1wi8enr0-3-3-1 {
   cursor: crosshair;
   overflow: visible;
   z-index: 1;
 }
-._1wi8enr1-3-2-1 {
+._1wi8enr1-3-3-1 {
   top: -7px;
   left: -7px;
   width: calc(100% + 14px);

package/esm/charts/categorical-bar/components/interactions/overlays/CategoricalBarChartInspectOverlay.sty.js

@@ -1,7 +1,7 @@
 import "../../../../core/components/chart-grid/ChartGrid.css";
 import "./CategoricalBarChartInspectOverlay.css";
-var crosshairLayout = "_1wi8enr0-3-2-1 _13lzg4k0-3-2-1";
-var dataPointLayout = "_1wi8enr1-3-2-1 _13lzg4k0-3-2-1";
+var crosshairLayout = "_1wi8enr0-3-3-1 _13lzg4k0-3-3-1";
+var dataPointLayout = "_1wi8enr1-3-3-1 _13lzg4k0-3-3-1";
 export {
   crosshairLayout,
   dataPointLayout

package/esm/charts/categorical-bar/components/interactions/overlays/CategoricalBarChartInspectOverlay.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/categorical-bar/components/interactions/overlays/CategoricalBarChartInspectOverlay.css.ts"],
-  "sourcesContent": ["import '../../../../core/components/chart-grid/ChartGrid.css';\nimport './CategoricalBarChartInspectOverlay.css';\nexport var crosshairLayout = '_1wi8enr0-3-2-1 _13lzg4k0-3-2-1';\nexport var dataPointLayout = '_1wi8enr1-3-2-1 _13lzg4k0-3-2-1';"],
+  "sourcesContent": ["import '../../../../core/components/chart-grid/ChartGrid.css';\nimport './CategoricalBarChartInspectOverlay.css';\nexport var crosshairLayout = '_1wi8enr0-3-3-1 _13lzg4k0-3-3-1';\nexport var dataPointLayout = '_1wi8enr1-3-3-1 _13lzg4k0-3-3-1';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACA,IAAI,kBAAkB;AACtB,IAAI,kBAAkB;",
   "names": []
 }

package/esm/charts/core/components/annotations/AnnotationsAtom.css

@@ -1,3 +1,3 @@
-._145zb630-3-2-1 {
+._145zb630-3-3-1 {
   position: relative;
 }

package/esm/charts/core/components/annotations/AnnotationsAtom.sty.js

@@ -1,5 +1,5 @@
 import "./AnnotationsAtom.css";
-var wrapper = "_145zb630-3-2-1";
+var wrapper = "_145zb630-3-3-1";
 export {
   wrapper
 };

package/esm/charts/core/components/annotations/AnnotationsAtom.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/core/components/annotations/AnnotationsAtom.css.ts"],
-  "sourcesContent": ["import './AnnotationsAtom.css';\nexport var wrapper = '_145zb630-3-2-1';"],
+  "sourcesContent": ["import './AnnotationsAtom.css';\nexport var wrapper = '_145zb630-3-3-1';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,UAAU;",
   "names": []
 }

package/esm/charts/core/components/annotations/components/AnnotationsRenderer.js

@@ -42,7 +42,6 @@ const AnnotationsRenderer = (props) => {
                 const color = defineMarkerColor(markers);
                 const state = defineMarkerBrightnessState(
                   markerId,
-                  markers,
                   selection
                 );
                 const { x, width: width2 } = calculateMarkerDimension(marker, scale);

package/esm/charts/core/components/annotations/components/AnnotationsRenderer.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/core/components/annotations/components/AnnotationsRenderer.tsx"],
-  "sourcesContent": ["import type {\n  ScaleLinear,\n  ScaleLogarithmic,\n  ScaleSymLog,\n  ScaleTime,\n} from 'd3-scale';\nimport type { RefObject } from 'react';\n\nimport type { TruncationMode } from '../../../../../typography/text-ellipsis/TextEllipsis.js';\nimport { AnnotationsAtom } from '../AnnotationsAtom.js';\nimport { useAnnotationsSelectionState } from '../hooks/store/selectors.js';\nimport { useGroupedAnnotationsData } from '../hooks/useGroupedAnnotationsData.js';\nimport { useMarkerEventHandlers } from '../hooks/useMarkerEventHandlers.js';\nimport { MarkerAtom } from '../slots/MarkerAtom.js';\nimport { TrackAtom } from '../slots/TrackAtom.js';\nimport type { AnnotationsTrackConfig } from '../types/annotations-track-props.js';\nimport type { TextOverflowOptions } from '../types/marker.js';\nimport { calculateMarkerDimension } from '../utils/calculate-marker-dimension.js';\nimport { defineMarkerBrightnessState } from '../utils/define-marker-brightness-state.js';\nimport { defineMarkerColor } from '../utils/define-marker-color.js';\nimport { defineMarkerContent } from '../utils/define-marker-content.js';\n\ntype AnnotationsRendererProps = {\n  scale:\n    | ScaleTime<number, number>\n    | ScaleLinear<number, number>\n    | ScaleLogarithmic<number, number>\n    | ScaleSymLog<number, number>;\n  width: number;\n  labelsOffset: number;\n  showLabels: boolean;\n  tracks: AnnotationsTrackConfig[];\n  textOverflow: TextOverflowOptions;\n  truncateMode?: TruncationMode;\n  annotationsContainerRef?: RefObject<HTMLDivElement>;\n};\n\nexport const AnnotationsRenderer = (props: AnnotationsRendererProps) => {\n  const {\n    scale,\n    width,\n    labelsOffset,\n    showLabels,\n    tracks,\n    textOverflow,\n    truncateMode,\n    annotationsContainerRef,\n  } = props;\n  const groupedData = useGroupedAnnotationsData(tracks, scale.domain());\n\n  const selection = useAnnotationsSelectionState();\n  const { handleMouseEnter, handleMouseMove, handleMouseLeave, handleClick } =\n    useMarkerEventHandlers(annotationsContainerRef);\n\n  return (\n    <AnnotationsAtom\n      width={width}\n      labelsWidth={labelsOffset}\n      showLabels={showLabels}\n    >\n      {groupedData.map((track, trackNumber) => {\n        const currentTrack = Array.from(track.markers.entries());\n\n        return (\n          <TrackAtom\n            label={track.label}\n            hidden={track.hidden}\n            key={trackNumber}\n          >\n            {currentTrack.map(([groupId, annotationsGroup]) => {\n              return [...annotationsGroup] // this is needed because sort method mutates the original array, and affects the order of the tooltip items\n                .sort((a, b) => a.priority - b.priority)\n                .map(({ key: markerId, markers }) => {\n                  const [marker] = markers;\n\n                  const color = defineMarkerColor(markers);\n\n                  const state = defineMarkerBrightnessState(\n                    markerId,\n                    markers,\n                    selection,\n                  );\n\n                  const { x, width } = calculateMarkerDimension(marker, scale);\n\n                  const markerContent = defineMarkerContent(markers);\n\n                  return (\n                    <MarkerAtom\n                      key={markerId}\n                      x={x}\n                      width={width}\n                      color={color}\n                      onMouseEnter={handleMouseEnter(\n                        markerId,\n                        groupId,\n                        annotationsGroup,\n                      )}\n                      onMouseMove={handleMouseMove}\n                      onMouseLeave={handleMouseLeave}\n                      onClick={handleClick(groupId, annotationsGroup)}\n                      content={markerContent}\n                      interactionState={state}\n                      textOverflow={textOverflow}\n                      truncateMode={truncateMode}\n                    />\n                  );\n                });\n            })}\n          </TrackAtom>\n        );\n      })}\n    </AnnotationsAtom>\n  );\n};\n\n(\n  AnnotationsRenderer as typeof AnnotationsRenderer & {\n    displayName: string;\n  }\n).displayName = 'AnnotationsContent';\n"],
-  "mappings": "AAwFoB;AA/EpB,SAAS,uBAAuB;AAChC,SAAS,oCAAoC;AAC7C,SAAS,iCAAiC;AAC1C,SAAS,8BAA8B;AACvC,SAAS,kBAAkB;AAC3B,SAAS,iBAAiB;AAG1B,SAAS,gCAAgC;AACzC,SAAS,mCAAmC;AAC5C,SAAS,yBAAyB;AAClC,SAAS,2BAA2B;AAiB7B,MAAM,sBAAsB,CAAC,UAAoC;AACtE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AACJ,QAAM,cAAc,0BAA0B,QAAQ,MAAM,OAAO,CAAC;AAEpE,QAAM,YAAY,6BAA6B;AAC/C,QAAM,EAAE,kBAAkB,iBAAiB,kBAAkB,YAAY,IACvE,uBAAuB,uBAAuB;AAEhD,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,aAAa;AAAA,MACb;AAAA,MAEC,sBAAY,IAAI,CAAC,OAAO,gBAAgB;AACvC,cAAM,eAAe,MAAM,KAAK,MAAM,QAAQ,QAAQ,CAAC;AAEvD,eACE;AAAA,UAAC;AAAA;AAAA,YACC,OAAO,MAAM;AAAA,YACb,QAAQ,MAAM;AAAA,YAGb,uBAAa,IAAI,CAAC,CAAC,SAAS,gBAAgB,MAAM;AACjD,qBAAO,CAAC,GAAG,gBAAgB,EACxB,KAAK,CAAC,GAAG,MAAM,EAAE,WAAW,EAAE,QAAQ,EACtC,IAAI,CAAC,EAAE,KAAK,UAAU,QAAQ,MAAM;AACnC,sBAAM,CAAC,MAAM,IAAI;AAEjB,sBAAM,QAAQ,kBAAkB,OAAO;AAEvC,sBAAM,QAAQ;AAAA,kBACZ;AAAA,kBACA;AAAA,kBACA;AAAA,gBACF;AAEA,sBAAM,EAAE,GAAG,OAAAA,OAAM,IAAI,yBAAyB,QAAQ,KAAK;AAE3D,sBAAM,gBAAgB,oBAAoB,OAAO;AAEjD,uBACE;AAAA,kBAAC;AAAA;AAAA,oBAEC;AAAA,oBACA,OAAOA;AAAA,oBACP;AAAA,oBACA,cAAc;AAAA,sBACZ;AAAA,sBACA;AAAA,sBACA;AAAA,oBACF;AAAA,oBACA,aAAa;AAAA,oBACb,cAAc;AAAA,oBACd,SAAS,YAAY,SAAS,gBAAgB;AAAA,oBAC9C,SAAS;AAAA,oBACT,kBAAkB;AAAA,oBAClB;AAAA,oBACA;AAAA;AAAA,kBAfK;AAAA,gBAgBP;AAAA,cAEJ,CAAC;AAAA,YACL,CAAC;AAAA;AAAA,UAzCI;AAAA,QA0CP;AAAA,MAEJ,CAAC;AAAA;AAAA,EACH;AAEJ;AAGE,oBAGA,cAAc;",
+  "sourcesContent": ["import type {\n  ScaleLinear,\n  ScaleLogarithmic,\n  ScaleSymLog,\n  ScaleTime,\n} from 'd3-scale';\nimport type { RefObject } from 'react';\n\nimport type { TruncationMode } from '../../../../../typography/text-ellipsis/TextEllipsis.js';\nimport { AnnotationsAtom } from '../AnnotationsAtom.js';\nimport { useAnnotationsSelectionState } from '../hooks/store/selectors.js';\nimport { useGroupedAnnotationsData } from '../hooks/useGroupedAnnotationsData.js';\nimport { useMarkerEventHandlers } from '../hooks/useMarkerEventHandlers.js';\nimport { MarkerAtom } from '../slots/MarkerAtom.js';\nimport { TrackAtom } from '../slots/TrackAtom.js';\nimport type { AnnotationsTrackConfig } from '../types/annotations-track-props.js';\nimport type { TextOverflowOptions } from '../types/marker.js';\nimport { calculateMarkerDimension } from '../utils/calculate-marker-dimension.js';\nimport { defineMarkerBrightnessState } from '../utils/define-marker-brightness-state.js';\nimport { defineMarkerColor } from '../utils/define-marker-color.js';\nimport { defineMarkerContent } from '../utils/define-marker-content.js';\n\ntype AnnotationsRendererProps = {\n  scale:\n    | ScaleTime<number, number>\n    | ScaleLinear<number, number>\n    | ScaleLogarithmic<number, number>\n    | ScaleSymLog<number, number>;\n  width: number;\n  labelsOffset: number;\n  showLabels: boolean;\n  tracks: AnnotationsTrackConfig[];\n  textOverflow: TextOverflowOptions;\n  truncateMode?: TruncationMode;\n  annotationsContainerRef?: RefObject<HTMLDivElement>;\n};\n\nexport const AnnotationsRenderer = (props: AnnotationsRendererProps) => {\n  const {\n    scale,\n    width,\n    labelsOffset,\n    showLabels,\n    tracks,\n    textOverflow,\n    truncateMode,\n    annotationsContainerRef,\n  } = props;\n  const groupedData = useGroupedAnnotationsData(tracks, scale.domain());\n\n  const selection = useAnnotationsSelectionState();\n  const { handleMouseEnter, handleMouseMove, handleMouseLeave, handleClick } =\n    useMarkerEventHandlers(annotationsContainerRef);\n\n  return (\n    <AnnotationsAtom\n      width={width}\n      labelsWidth={labelsOffset}\n      showLabels={showLabels}\n    >\n      {groupedData.map((track, trackNumber) => {\n        const currentTrack = Array.from(track.markers.entries());\n\n        return (\n          <TrackAtom\n            label={track.label}\n            hidden={track.hidden}\n            key={trackNumber}\n          >\n            {currentTrack.map(([groupId, annotationsGroup]) => {\n              return [...annotationsGroup] // this is needed because sort method mutates the original array, and affects the order of the tooltip items\n                .sort((a, b) => a.priority - b.priority)\n                .map(({ key: markerId, markers }) => {\n                  const [marker] = markers;\n\n                  const color = defineMarkerColor(markers);\n\n                  const state = defineMarkerBrightnessState(\n                    markerId,\n                    selection,\n                  );\n\n                  const { x, width } = calculateMarkerDimension(marker, scale);\n\n                  const markerContent = defineMarkerContent(markers);\n\n                  return (\n                    <MarkerAtom\n                      key={markerId}\n                      x={x}\n                      width={width}\n                      color={color}\n                      onMouseEnter={handleMouseEnter(\n                        markerId,\n                        groupId,\n                        annotationsGroup,\n                      )}\n                      onMouseMove={handleMouseMove}\n                      onMouseLeave={handleMouseLeave}\n                      onClick={handleClick(groupId, annotationsGroup)}\n                      content={markerContent}\n                      interactionState={state}\n                      textOverflow={textOverflow}\n                      truncateMode={truncateMode}\n                    />\n                  );\n                });\n            })}\n          </TrackAtom>\n        );\n      })}\n    </AnnotationsAtom>\n  );\n};\n\n(\n  AnnotationsRenderer as typeof AnnotationsRenderer & {\n    displayName: string;\n  }\n).displayName = 'AnnotationsContent';\n"],
+  "mappings": "AAuFoB;AA9EpB,SAAS,uBAAuB;AAChC,SAAS,oCAAoC;AAC7C,SAAS,iCAAiC;AAC1C,SAAS,8BAA8B;AACvC,SAAS,kBAAkB;AAC3B,SAAS,iBAAiB;AAG1B,SAAS,gCAAgC;AACzC,SAAS,mCAAmC;AAC5C,SAAS,yBAAyB;AAClC,SAAS,2BAA2B;AAiB7B,MAAM,sBAAsB,CAAC,UAAoC;AACtE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AACJ,QAAM,cAAc,0BAA0B,QAAQ,MAAM,OAAO,CAAC;AAEpE,QAAM,YAAY,6BAA6B;AAC/C,QAAM,EAAE,kBAAkB,iBAAiB,kBAAkB,YAAY,IACvE,uBAAuB,uBAAuB;AAEhD,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,aAAa;AAAA,MACb;AAAA,MAEC,sBAAY,IAAI,CAAC,OAAO,gBAAgB;AACvC,cAAM,eAAe,MAAM,KAAK,MAAM,QAAQ,QAAQ,CAAC;AAEvD,eACE;AAAA,UAAC;AAAA;AAAA,YACC,OAAO,MAAM;AAAA,YACb,QAAQ,MAAM;AAAA,YAGb,uBAAa,IAAI,CAAC,CAAC,SAAS,gBAAgB,MAAM;AACjD,qBAAO,CAAC,GAAG,gBAAgB,EACxB,KAAK,CAAC,GAAG,MAAM,EAAE,WAAW,EAAE,QAAQ,EACtC,IAAI,CAAC,EAAE,KAAK,UAAU,QAAQ,MAAM;AACnC,sBAAM,CAAC,MAAM,IAAI;AAEjB,sBAAM,QAAQ,kBAAkB,OAAO;AAEvC,sBAAM,QAAQ;AAAA,kBACZ;AAAA,kBACA;AAAA,gBACF;AAEA,sBAAM,EAAE,GAAG,OAAAA,OAAM,IAAI,yBAAyB,QAAQ,KAAK;AAE3D,sBAAM,gBAAgB,oBAAoB,OAAO;AAEjD,uBACE;AAAA,kBAAC;AAAA;AAAA,oBAEC;AAAA,oBACA,OAAOA;AAAA,oBACP;AAAA,oBACA,cAAc;AAAA,sBACZ;AAAA,sBACA;AAAA,sBACA;AAAA,oBACF;AAAA,oBACA,aAAa;AAAA,oBACb,cAAc;AAAA,oBACd,SAAS,YAAY,SAAS,gBAAgB;AAAA,oBAC9C,SAAS;AAAA,oBACT,kBAAkB;AAAA,oBAClB;AAAA,oBACA;AAAA;AAAA,kBAfK;AAAA,gBAgBP;AAAA,cAEJ,CAAC;AAAA,YACL,CAAC;AAAA;AAAA,UAxCI;AAAA,QAyCP;AAAA,MAEJ,CAAC;AAAA;AAAA,EACH;AAEJ;AAGE,oBAGA,cAAc;",
   "names": ["width"]
 }

package/esm/charts/core/components/annotations/components/canvas/AnnotationsCanvasLayout.css

@@ -1,4 +1,4 @@
-._1yc349j0-3-2-1 {
+._1yc349j0-3-3-1 {
   position: absolute;
   top: 0;
   left: 0;

package/esm/charts/core/components/annotations/components/canvas/AnnotationsCanvasLayout.sty.js

@@ -1,5 +1,5 @@
 import "./AnnotationsCanvasLayout.css";
-var canvasContainer = "_1yc349j0-3-2-1";
+var canvasContainer = "_1yc349j0-3-3-1";
 export {
   canvasContainer
 };

package/esm/charts/core/components/annotations/components/canvas/AnnotationsCanvasLayout.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../src/charts/core/components/annotations/components/canvas/AnnotationsCanvasLayout.css.ts"],
-  "sourcesContent": ["import './AnnotationsCanvasLayout.css';\nexport var canvasContainer = '_1yc349j0-3-2-1';"],
+  "sourcesContent": ["import './AnnotationsCanvasLayout.css';\nexport var canvasContainer = '_1yc349j0-3-3-1';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,kBAAkB;",
   "names": []
 }

package/esm/charts/core/components/annotations/components/indicators/utils/get-unique-indicators-by-priority.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../../src/charts/core/components/annotations/components/indicators/utils/get-unique-indicators-by-priority.ts"],
-  "sourcesContent": ["import { extractUniqueIndicatorsByPriority } from './extract-unique-indicators-by-priority.js';\nimport { filterIndicatorsOutOfBounds } from './filter-indicators-out-of-bounds.js';\nimport { IndicatorData } from '../types.js';\n\nexport const getUniqueIndicatorsByPriority = (\n  indicators: IndicatorData[][],\n  [domainStart, domainEnd]: number[],\n) => {\n  const filteredIndicators = filterIndicatorsOutOfBounds(indicators, [\n    domainStart,\n    domainEnd,\n  ]);\n  return extractUniqueIndicatorsByPriority(filteredIndicators);\n};\n"],
-  "mappings": "AAAA,SAAS,yCAAyC;AAClD,SAAS,mCAAmC;AAGrC,MAAM,gCAAgC,CAC3C,YACA,CAAC,aAAa,SAAS,MACpB;AACH,QAAM,qBAAqB,4BAA4B,YAAY;AAAA,IACjE;AAAA,IACA;AAAA,EACF,CAAC;AACD,SAAO,kCAAkC,kBAAkB;AAC7D;",
+  "sourcesContent": ["import { extractUniqueIndicatorsByPriority } from './extract-unique-indicators-by-priority.js';\nimport { filterIndicatorsOutOfBounds } from './filter-indicators-out-of-bounds.js';\nimport { IndicatorData } from '../types.js';\n\n/**\n * Filters out indicators that are outside the provided domain and returns unique indicators by priority for each track.\n * @param indicators - A 2D array of IndicatorData, where each sub-array represents a track of indicators.\n * @param domain - The start and end of the domain [domainStart, domainEnd].\n * @returns An array of tracks, where each track contains `[key, IndicatorData]` tuples of unique indicators filtered by priority and domain bounds.\n * @internal\n */\nexport const getUniqueIndicatorsByPriority = (\n  indicators: IndicatorData[][],\n  [domainStart, domainEnd]: number[],\n): [string, IndicatorData][][] => {\n  const filteredIndicators = filterIndicatorsOutOfBounds(indicators, [\n    domainStart,\n    domainEnd,\n  ]);\n  return extractUniqueIndicatorsByPriority(filteredIndicators);\n};\n"],
+  "mappings": "AAAA,SAAS,yCAAyC;AAClD,SAAS,mCAAmC;AAUrC,MAAM,gCAAgC,CAC3C,YACA,CAAC,aAAa,SAAS,MACS;AAChC,QAAM,qBAAqB,4BAA4B,YAAY;AAAA,IACjE;AAAA,IACA;AAAA,EACF,CAAC;AACD,SAAO,kCAAkC,kBAAkB;AAC7D;",
   "names": []
 }

package/esm/charts/core/components/annotations/components/indicators/utils/indicator-visibility-helpers.js

@@ -1,6 +1,6 @@
 import { isUndefined } from "lodash-es";
 import { buildMarkerBrightnessState } from "../../../utils/build-marker-brightness-state.js";
-const isAlwaysShown = (markerIndicatorDisplay, trackIndicatorDisplay) => markerIndicatorDisplay === "always" || trackIndicatorDisplay === "always";
+const isAlwaysShown = (markerIndicatorDisplay, trackIndicatorDisplay) => markerIndicatorDisplay === "always" || isUndefined(markerIndicatorDisplay) && trackIndicatorDisplay === "always";
 const isShownByInteraction = (data, markerId, indicatorsDisplay) => indicatorsDisplay !== "never" && data?.some(({ key }) => key === markerId);
 function buildIndicator(color, selection, markerId, start, end, priority) {
   const isListHovered = selection.hoverGroupListKey === markerId;

package/esm/charts/core/components/annotations/components/indicators/utils/indicator-visibility-helpers.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../../src/charts/core/components/annotations/components/indicators/utils/indicator-visibility-helpers.ts"],
-  "sourcesContent": ["import { isUndefined } from 'lodash-es';\n\nimport { AnnotationsMarkerGroup } from '../../../types/annotations.js';\nimport { SelectionState } from '../../../types/state.js';\nimport { buildMarkerBrightnessState } from '../../../utils/build-marker-brightness-state.js';\nimport { IndicatorData, IndicatorsDisplay } from '../types.js';\n\nexport const isAlwaysShown = (\n  markerIndicatorDisplay?: IndicatorsDisplay,\n  trackIndicatorDisplay?: IndicatorsDisplay,\n) => markerIndicatorDisplay === 'always' || trackIndicatorDisplay === 'always';\nexport const isShownByInteraction = (\n  data: AnnotationsMarkerGroup[] | undefined,\n  markerId: string,\n  indicatorsDisplay: IndicatorsDisplay | undefined,\n) => indicatorsDisplay !== 'never' && data?.some(({ key }) => key === markerId);\n\nexport function buildIndicator(\n  color: string,\n  selection: SelectionState,\n  markerId: string,\n  start: Date | number,\n  end: Date | number | undefined,\n  priority?: number,\n): IndicatorData {\n  const isListHovered = selection.hoverGroupListKey === markerId;\n  const state = buildMarkerBrightnessState(selection, markerId, isListHovered);\n\n  return {\n    end,\n    start,\n    color,\n    state,\n    priority,\n  };\n}\n\nexport const isAlwaysHidden = (\n  markerIndicatorVisibility?: IndicatorsDisplay,\n  trackIndicatorsVisibility?: IndicatorsDisplay,\n) =>\n  markerIndicatorVisibility === 'never' ||\n  (isUndefined(markerIndicatorVisibility) &&\n    trackIndicatorsVisibility === 'never');\n"],
-  "mappings": "AAAA,SAAS,mBAAmB;AAI5B,SAAS,kCAAkC;AAGpC,MAAM,gBAAgB,CAC3B,wBACA,0BACG,2BAA2B,YAAY,0BAA0B;AAC/D,MAAM,uBAAuB,CAClC,MACA,UACA,sBACG,sBAAsB,WAAW,MAAM,KAAK,CAAC,EAAE,IAAI,MAAM,QAAQ,QAAQ;AAEvE,SAAS,eACd,OACA,WACA,UACA,OACA,KACA,UACe;AACf,QAAM,gBAAgB,UAAU,sBAAsB;AACtD,QAAM,QAAQ,2BAA2B,WAAW,UAAU,aAAa;AAE3E,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;AAEO,MAAM,iBAAiB,CAC5B,2BACA,8BAEA,8BAA8B,WAC7B,YAAY,yBAAyB,KACpC,8BAA8B;",
+  "sourcesContent": ["import { isUndefined } from 'lodash-es';\n\nimport { AnnotationsMarkerGroup } from '../../../types/annotations.js';\nimport { SelectionState } from '../../../types/state.js';\nimport { buildMarkerBrightnessState } from '../../../utils/build-marker-brightness-state.js';\nimport { IndicatorData, IndicatorsDisplay } from '../types.js';\n\nexport const isAlwaysShown = (\n  markerIndicatorDisplay?: IndicatorsDisplay,\n  trackIndicatorDisplay?: IndicatorsDisplay,\n) =>\n  markerIndicatorDisplay === 'always' ||\n  (isUndefined(markerIndicatorDisplay) && trackIndicatorDisplay === 'always');\nexport const isShownByInteraction = (\n  data: AnnotationsMarkerGroup[] | undefined,\n  markerId: string,\n  indicatorsDisplay: IndicatorsDisplay | undefined,\n) => indicatorsDisplay !== 'never' && data?.some(({ key }) => key === markerId);\n\nexport function buildIndicator(\n  color: string,\n  selection: SelectionState,\n  markerId: string,\n  start: Date | number,\n  end: Date | number | undefined,\n  priority?: number,\n): IndicatorData {\n  const isListHovered = selection.hoverGroupListKey === markerId;\n  const state = buildMarkerBrightnessState(selection, markerId, isListHovered);\n\n  return {\n    end,\n    start,\n    color,\n    state,\n    priority,\n  };\n}\n\nexport const isAlwaysHidden = (\n  markerIndicatorVisibility?: IndicatorsDisplay,\n  trackIndicatorsVisibility?: IndicatorsDisplay,\n) =>\n  markerIndicatorVisibility === 'never' ||\n  (isUndefined(markerIndicatorVisibility) &&\n    trackIndicatorsVisibility === 'never');\n"],
+  "mappings": "AAAA,SAAS,mBAAmB;AAI5B,SAAS,kCAAkC;AAGpC,MAAM,gBAAgB,CAC3B,wBACA,0BAEA,2BAA2B,YAC1B,YAAY,sBAAsB,KAAK,0BAA0B;AAC7D,MAAM,uBAAuB,CAClC,MACA,UACA,sBACG,sBAAsB,WAAW,MAAM,KAAK,CAAC,EAAE,IAAI,MAAM,QAAQ,QAAQ;AAEvE,SAAS,eACd,OACA,WACA,UACA,OACA,KACA,UACe;AACf,QAAM,gBAAgB,UAAU,sBAAsB;AACtD,QAAM,QAAQ,2BAA2B,WAAW,UAAU,aAAa;AAE3E,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;AAEO,MAAM,iBAAiB,CAC5B,2BACA,8BAEA,8BAA8B,WAC7B,YAAY,yBAAyB,KACpC,8BAA8B;",
   "names": []
 }

package/esm/charts/core/components/annotations/components/overlays/AnnotationsOverlays.css

@@ -1,4 +1,4 @@
-._107efci0-3-2-1 {
+._107efci0-3-3-1 {
   position: absolute;
   top: 0;
 }

package/esm/charts/core/components/annotations/components/overlays/AnnotationsOverlays.sty.js

@@ -1,5 +1,5 @@
 import "./AnnotationsOverlays.css";
-var annotationsOverlay = "_107efci0-3-2-1";
+var annotationsOverlay = "_107efci0-3-3-1";
 export {
   annotationsOverlay
 };

package/esm/charts/core/components/annotations/components/overlays/AnnotationsOverlays.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../src/charts/core/components/annotations/components/overlays/AnnotationsOverlays.css.ts"],
-  "sourcesContent": ["import './AnnotationsOverlays.css';\nexport var annotationsOverlay = '_107efci0-3-2-1';"],
+  "sourcesContent": ["import './AnnotationsOverlays.css';\nexport var annotationsOverlay = '_107efci0-3-3-1';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,qBAAqB;",
   "names": []
 }

package/esm/charts/core/components/annotations/components/overlays/AnnotationsScrollWrapper.css

@@ -1,4 +1,4 @@
-._uzgvu30-3-2-1 {
+._uzgvu30-3-3-1 {
   position: relative;
   overflow-x: hidden;
   overflow-y: auto;

package/esm/charts/core/components/annotations/components/overlays/AnnotationsScrollWrapper.sty.js

@@ -1,5 +1,5 @@
 import "./AnnotationsScrollWrapper.css";
-var scrollWrapper = "_uzgvu30-3-2-1";
+var scrollWrapper = "_uzgvu30-3-3-1";
 export {
   scrollWrapper
 };

package/esm/charts/core/components/annotations/components/overlays/AnnotationsScrollWrapper.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../src/charts/core/components/annotations/components/overlays/AnnotationsScrollWrapper.css.ts"],
-  "sourcesContent": ["import './AnnotationsScrollWrapper.css';\nexport var scrollWrapper = '_uzgvu30-3-2-1';"],
+  "sourcesContent": ["import './AnnotationsScrollWrapper.css';\nexport var scrollWrapper = '_uzgvu30-3-3-1';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,gBAAgB;",
   "names": []
 }

package/esm/charts/core/components/annotations/components/tooltip/AnnotationsTooltip.css

@@ -0,0 +1,4 @@
+._1lrb03s0-3-3-1 {
+  min-width: 225px;
+  max-width: 480px;
+}

package/esm/charts/core/components/annotations/components/tooltip/AnnotationsTooltip.js

@@ -4,6 +4,7 @@ import {
 } from "react";
 import { AnnotationsCustomizedTooltip } from "./AnnotationsCustomizedTooltip.js";
 import { AnnotationsDefaultTooltip } from "./AnnotationsDefaultTooltip.js";
+import { tooltipContentContainer } from "./AnnotationsTooltip.sty.js";
 import { useAnnotationsTooltipConfig } from "./hooks/useAnnotationsTooltipConfig.js";
 import { useRegisterTooltipHandlerCallbacks } from "./hooks/useRegisterTooltipHandlerCallbacks.js";
 import { useScrollResponsiveChartBounds } from "../../../../hooks/useScrollResponsiveChartBounds.js";
@@ -74,7 +75,7 @@ const AnnotationsTooltip = (props) => {
       ref,
       style: { overflowY: "auto" },
       updatePositionWhenPinned: true,
-      children: config?.template ? /* @__PURE__ */ jsx(
+      children: /* @__PURE__ */ jsx("div", { className: tooltipContentContainer, children: config?.template ? /* @__PURE__ */ jsx(
         AnnotationsCustomizedTooltip,
         {
           tooltipTemplate: config?.template,
@@ -88,7 +89,7 @@ const AnnotationsTooltip = (props) => {
           isScrolling,
           onScrollContent: handleMenuScroll
         }
-      )
+      ) })
     }
   ) : null;
 };

package/esm/charts/core/components/annotations/components/tooltip/AnnotationsTooltip.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../src/charts/core/components/annotations/components/tooltip/AnnotationsTooltip.tsx"],
-  "sourcesContent": ["import {\n  useRef,\n  type MouseEvent as ReactMouseEvent,\n  type RefObject,\n} from 'react';\n\nimport { AnnotationsCustomizedTooltip } from './AnnotationsCustomizedTooltip.js';\nimport { AnnotationsDefaultTooltip } from './AnnotationsDefaultTooltip.js';\nimport { useAnnotationsTooltipConfig } from './hooks/useAnnotationsTooltipConfig.js';\nimport { useRegisterTooltipHandlerCallbacks } from './hooks/useRegisterTooltipHandlerCallbacks.js';\nimport { useScrollResponsiveChartBounds } from '../../../../hooks/useScrollResponsiveChartBounds.js';\nimport { useChartActionsMenu } from '../../../series-action/hooks/useChartActionsMenu.js';\nimport { ChartTooltip } from '../../../tooltip/ChartTooltip/ChartTooltip.js';\nimport { useAnnotationsTooltipState } from '../../hooks/store/selectors.js';\nimport {\n  useSetStateSelection,\n  useSetStateTooltip,\n} from '../../hooks/store/state-setters.js';\nimport { useMarkersInteractions } from '../../hooks/useMarkersInteractions.js';\nimport { initialState } from '../../providers/AnnotationsDataInitialState.js';\n\ninterface AnnotationsTooltipProps {\n  tooltipType: 'time' | 'numerical';\n  annotationsContainerRef?: RefObject<HTMLDivElement>;\n}\n\n/**\n * Tooltip specific to the annotations chart\n */\nexport const AnnotationsTooltip = (props: AnnotationsTooltipProps) => {\n  const { tooltipType, annotationsContainerRef } = props;\n  const { pinned, data, visibility, relativePosition } =\n    useAnnotationsTooltipState();\n  const updateTooltipState = useSetStateTooltip();\n  const updateSelectionState = useSetStateSelection();\n  const onMarkersInteraction = useMarkersInteractions();\n  const ref = useRef<HTMLDivElement>(null);\n  const config = useAnnotationsTooltipConfig();\n  const {\n    selectedItem: selectedItemId,\n    updateSelectedItem,\n    actionsMenuRef,\n    onLeave: handleMenuLeave,\n    onScroll: handleMenuScroll,\n    isScrolling,\n  } = useChartActionsMenu();\n\n  const hideTooltip = () => {\n    updateTooltipState(initialState.tooltip);\n    updateSelectionState(initialState.selection);\n    onMarkersInteraction?.(initialState.selection);\n  };\n  useRegisterTooltipHandlerCallbacks(ref, hideTooltip);\n\n  const showTooltip =\n    !config?.hidden && !!(data && visibility && relativePosition);\n\n  const handleMouseLeave = (event: ReactMouseEvent) => {\n    const { hoveredListItem, hoverGroupListKey } = initialState.selection;\n\n    const newSelection = {\n      hoveredListItem,\n      hoverGroupListKey,\n    };\n\n    updateSelectionState(newSelection);\n    onMarkersInteraction?.(newSelection);\n    handleMenuLeave(event);\n  };\n\n  const bounds = useScrollResponsiveChartBounds(\n    annotationsContainerRef,\n    pinned,\n  )();\n  if (!bounds || !relativePosition) {\n    return null;\n  }\n  const position = {\n    x: bounds.left + relativePosition.x,\n    y: bounds.top + relativePosition.y,\n  };\n\n  return showTooltip ? (\n    <ChartTooltip\n      position={position}\n      onMouseLeave={handleMouseLeave}\n      actionSelectionValue={{\n        selectedItemId,\n        actionsMenuRef,\n        updateSelectedItem,\n      }}\n      pinned={pinned}\n      ref={ref}\n      style={{ overflowY: 'auto' }}\n      updatePositionWhenPinned={true}\n    >\n      {config?.template ? (\n        <AnnotationsCustomizedTooltip\n          tooltipTemplate={config?.template}\n          data={data}\n        />\n      ) : (\n        <AnnotationsDefaultTooltip\n          data={data}\n          tooltipType={tooltipType}\n          isScrolling={isScrolling}\n          onScrollContent={handleMenuScroll}\n        />\n      )}\n    </ChartTooltip>\n  ) : null;\n};\nAnnotationsTooltip['displayName'] = 'AnnotationsTooltip';\n"],
-  "mappings": "AAiGQ;AAjGR;AAAA,EACE;AAAA,OAGK;AAEP,SAAS,oCAAoC;AAC7C,SAAS,iCAAiC;AAC1C,SAAS,mCAAmC;AAC5C,SAAS,0CAA0C;AACnD,SAAS,sCAAsC;AAC/C,SAAS,2BAA2B;AACpC,SAAS,oBAAoB;AAC7B,SAAS,kCAAkC;AAC3C;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,8BAA8B;AACvC,SAAS,oBAAoB;AAUtB,MAAM,qBAAqB,CAAC,UAAmC;AACpE,QAAM,EAAE,aAAa,wBAAwB,IAAI;AACjD,QAAM,EAAE,QAAQ,MAAM,YAAY,iBAAiB,IACjD,2BAA2B;AAC7B,QAAM,qBAAqB,mBAAmB;AAC9C,QAAM,uBAAuB,qBAAqB;AAClD,QAAM,uBAAuB,uBAAuB;AACpD,QAAM,MAAM,OAAuB,IAAI;AACvC,QAAM,SAAS,4BAA4B;AAC3C,QAAM;AAAA,IACJ,cAAc;AAAA,IACd;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT,UAAU;AAAA,IACV;AAAA,EACF,IAAI,oBAAoB;AAExB,QAAM,cAAc,MAAM;AACxB,uBAAmB,aAAa,OAAO;AACvC,yBAAqB,aAAa,SAAS;AAC3C,2BAAuB,aAAa,SAAS;AAAA,EAC/C;AACA,qCAAmC,KAAK,WAAW;AAEnD,QAAM,cACJ,CAAC,QAAQ,UAAU,CAAC,EAAE,QAAQ,cAAc;AAE9C,QAAM,mBAAmB,CAAC,UAA2B;AACnD,UAAM,EAAE,iBAAiB,kBAAkB,IAAI,aAAa;AAE5D,UAAM,eAAe;AAAA,MACnB;AAAA,MACA;AAAA,IACF;AAEA,yBAAqB,YAAY;AACjC,2BAAuB,YAAY;AACnC,oBAAgB,KAAK;AAAA,EACvB;AAEA,QAAM,SAAS;AAAA,IACb;AAAA,IACA;AAAA,EACF,EAAE;AACF,MAAI,CAAC,UAAU,CAAC,kBAAkB;AAChC,WAAO;AAAA,EACT;AACA,QAAM,WAAW;AAAA,IACf,GAAG,OAAO,OAAO,iBAAiB;AAAA,IAClC,GAAG,OAAO,MAAM,iBAAiB;AAAA,EACnC;AAEA,SAAO,cACL;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,cAAc;AAAA,MACd,sBAAsB;AAAA,QACpB;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACA;AAAA,MACA;AAAA,MACA,OAAO,EAAE,WAAW,OAAO;AAAA,MAC3B,0BAA0B;AAAA,MAEzB,kBAAQ,WACP;AAAA,QAAC;AAAA;AAAA,UACC,iBAAiB,QAAQ;AAAA,UACzB;AAAA;AAAA,MACF,IAEA;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA,iBAAiB;AAAA;AAAA,MACnB;AAAA;AAAA,EAEJ,IACE;AACN;AACA,mBAAmB,aAAa,IAAI;",
+  "sourcesContent": ["import {\n  useRef,\n  type MouseEvent as ReactMouseEvent,\n  type RefObject,\n} from 'react';\n\nimport { AnnotationsCustomizedTooltip } from './AnnotationsCustomizedTooltip.js';\nimport { AnnotationsDefaultTooltip } from './AnnotationsDefaultTooltip.js';\nimport { tooltipContentContainer } from './AnnotationsTooltip.sty.js';\nimport { useAnnotationsTooltipConfig } from './hooks/useAnnotationsTooltipConfig.js';\nimport { useRegisterTooltipHandlerCallbacks } from './hooks/useRegisterTooltipHandlerCallbacks.js';\nimport { useScrollResponsiveChartBounds } from '../../../../hooks/useScrollResponsiveChartBounds.js';\nimport { useChartActionsMenu } from '../../../series-action/hooks/useChartActionsMenu.js';\nimport { ChartTooltip } from '../../../tooltip/ChartTooltip/ChartTooltip.js';\nimport { useAnnotationsTooltipState } from '../../hooks/store/selectors.js';\nimport {\n  useSetStateSelection,\n  useSetStateTooltip,\n} from '../../hooks/store/state-setters.js';\nimport { useMarkersInteractions } from '../../hooks/useMarkersInteractions.js';\nimport { initialState } from '../../providers/AnnotationsDataInitialState.js';\n\ninterface AnnotationsTooltipProps {\n  tooltipType: 'time' | 'numerical';\n  annotationsContainerRef?: RefObject<HTMLDivElement>;\n}\n\n/**\n * Tooltip specific to the annotations chart\n */\nexport const AnnotationsTooltip = (props: AnnotationsTooltipProps) => {\n  const { tooltipType, annotationsContainerRef } = props;\n  const { pinned, data, visibility, relativePosition } =\n    useAnnotationsTooltipState();\n  const updateTooltipState = useSetStateTooltip();\n  const updateSelectionState = useSetStateSelection();\n  const onMarkersInteraction = useMarkersInteractions();\n  const ref = useRef<HTMLDivElement>(null);\n  const config = useAnnotationsTooltipConfig();\n  const {\n    selectedItem: selectedItemId,\n    updateSelectedItem,\n    actionsMenuRef,\n    onLeave: handleMenuLeave,\n    onScroll: handleMenuScroll,\n    isScrolling,\n  } = useChartActionsMenu();\n\n  const hideTooltip = () => {\n    updateTooltipState(initialState.tooltip);\n    updateSelectionState(initialState.selection);\n    onMarkersInteraction?.(initialState.selection);\n  };\n  useRegisterTooltipHandlerCallbacks(ref, hideTooltip);\n\n  const showTooltip =\n    !config?.hidden && !!(data && visibility && relativePosition);\n\n  const handleMouseLeave = (event: ReactMouseEvent) => {\n    const { hoveredListItem, hoverGroupListKey } = initialState.selection;\n\n    const newSelection = {\n      hoveredListItem,\n      hoverGroupListKey,\n    };\n\n    updateSelectionState(newSelection);\n    onMarkersInteraction?.(newSelection);\n    handleMenuLeave(event);\n  };\n\n  const bounds = useScrollResponsiveChartBounds(\n    annotationsContainerRef,\n    pinned,\n  )();\n  if (!bounds || !relativePosition) {\n    return null;\n  }\n  const position = {\n    x: bounds.left + relativePosition.x,\n    y: bounds.top + relativePosition.y,\n  };\n\n  return showTooltip ? (\n    <ChartTooltip\n      position={position}\n      onMouseLeave={handleMouseLeave}\n      actionSelectionValue={{\n        selectedItemId,\n        actionsMenuRef,\n        updateSelectedItem,\n      }}\n      pinned={pinned}\n      ref={ref}\n      style={{ overflowY: 'auto' }}\n      updatePositionWhenPinned={true}\n    >\n      <div className={tooltipContentContainer}>\n        {config?.template ? (\n          <AnnotationsCustomizedTooltip\n            tooltipTemplate={config?.template}\n            data={data}\n          />\n        ) : (\n          <AnnotationsDefaultTooltip\n            data={data}\n            tooltipType={tooltipType}\n            isScrolling={isScrolling}\n            onScrollContent={handleMenuScroll}\n          />\n        )}\n      </div>\n    </ChartTooltip>\n  ) : null;\n};\nAnnotationsTooltip['displayName'] = 'AnnotationsTooltip';\n"],
+  "mappings": "AAmGU;AAnGV;AAAA,EACE;AAAA,OAGK;AAEP,SAAS,oCAAoC;AAC7C,SAAS,iCAAiC;AAC1C,SAAS,+BAA+B;AACxC,SAAS,mCAAmC;AAC5C,SAAS,0CAA0C;AACnD,SAAS,sCAAsC;AAC/C,SAAS,2BAA2B;AACpC,SAAS,oBAAoB;AAC7B,SAAS,kCAAkC;AAC3C;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,8BAA8B;AACvC,SAAS,oBAAoB;AAUtB,MAAM,qBAAqB,CAAC,UAAmC;AACpE,QAAM,EAAE,aAAa,wBAAwB,IAAI;AACjD,QAAM,EAAE,QAAQ,MAAM,YAAY,iBAAiB,IACjD,2BAA2B;AAC7B,QAAM,qBAAqB,mBAAmB;AAC9C,QAAM,uBAAuB,qBAAqB;AAClD,QAAM,uBAAuB,uBAAuB;AACpD,QAAM,MAAM,OAAuB,IAAI;AACvC,QAAM,SAAS,4BAA4B;AAC3C,QAAM;AAAA,IACJ,cAAc;AAAA,IACd;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT,UAAU;AAAA,IACV;AAAA,EACF,IAAI,oBAAoB;AAExB,QAAM,cAAc,MAAM;AACxB,uBAAmB,aAAa,OAAO;AACvC,yBAAqB,aAAa,SAAS;AAC3C,2BAAuB,aAAa,SAAS;AAAA,EAC/C;AACA,qCAAmC,KAAK,WAAW;AAEnD,QAAM,cACJ,CAAC,QAAQ,UAAU,CAAC,EAAE,QAAQ,cAAc;AAE9C,QAAM,mBAAmB,CAAC,UAA2B;AACnD,UAAM,EAAE,iBAAiB,kBAAkB,IAAI,aAAa;AAE5D,UAAM,eAAe;AAAA,MACnB;AAAA,MACA;AAAA,IACF;AAEA,yBAAqB,YAAY;AACjC,2BAAuB,YAAY;AACnC,oBAAgB,KAAK;AAAA,EACvB;AAEA,QAAM,SAAS;AAAA,IACb;AAAA,IACA;AAAA,EACF,EAAE;AACF,MAAI,CAAC,UAAU,CAAC,kBAAkB;AAChC,WAAO;AAAA,EACT;AACA,QAAM,WAAW;AAAA,IACf,GAAG,OAAO,OAAO,iBAAiB;AAAA,IAClC,GAAG,OAAO,MAAM,iBAAiB;AAAA,EACnC;AAEA,SAAO,cACL;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,cAAc;AAAA,MACd,sBAAsB;AAAA,QACpB;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACA;AAAA,MACA;AAAA,MACA,OAAO,EAAE,WAAW,OAAO;AAAA,MAC3B,0BAA0B;AAAA,MAE1B,8BAAC,SAAI,WAAW,yBACb,kBAAQ,WACP;AAAA,QAAC;AAAA;AAAA,UACC,iBAAiB,QAAQ;AAAA,UACzB;AAAA;AAAA,MACF,IAEA;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA,iBAAiB;AAAA;AAAA,MACnB,GAEJ;AAAA;AAAA,EACF,IACE;AACN;AACA,mBAAmB,aAAa,IAAI;",
   "names": []
 }

package/esm/charts/core/components/annotations/components/tooltip/AnnotationsTooltip.sty.js

@@ -0,0 +1,6 @@
+import "./AnnotationsTooltip.css";
+var tooltipContentContainer = "_1lrb03s0-3-3-1";
+export {
+  tooltipContentContainer
+};
+//# sourceMappingURL=AnnotationsTooltip.sty.js.map

package/esm/charts/core/components/annotations/components/tooltip/AnnotationsTooltip.sty.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../src/charts/core/components/annotations/components/tooltip/AnnotationsTooltip.css.ts"],
+  "sourcesContent": ["import './AnnotationsTooltip.css';\nexport var tooltipContentContainer = '_1lrb03s0-3-3-1';"],
+  "mappings": "AAAA,OAAO;AACA,IAAI,0BAA0B;",
+  "names": []
+}

package/esm/charts/core/components/annotations/providers/AnnotationsStoreProvider.js

@@ -7,7 +7,7 @@ const AnnotationsStoreProvider = ({
   children
 }) => {
   const storeRef = useRef(null);
-  storeRef.current = createStore(initialState);
+  storeRef.current ??= createStore(initialState);
   return /* @__PURE__ */ jsx(AnnotationsStateContext.Provider, { value: storeRef.current, children });
 };
 export {

package/esm/charts/core/components/annotations/providers/AnnotationsStoreProvider.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/core/components/annotations/providers/AnnotationsStoreProvider.tsx"],
-  "sourcesContent": ["import { type PropsWithChildren, useRef } from 'react';\n\nimport { initialState } from './AnnotationsDataInitialState.js';\nimport { createStore, type Store } from '../../../../../core/store/store.js';\nimport { AnnotationsStateContext } from '../contexts/AnnotationsStateContext.js';\nimport { type AnnotationState } from '../types/state.js';\n\nexport const AnnotationsStoreProvider = ({\n  children,\n}: PropsWithChildren<unknown>) => {\n  const storeRef = useRef<Store<AnnotationState> | null>(null);\n\n  storeRef.current = createStore(initialState);\n\n  return (\n    <AnnotationsStateContext.Provider value={storeRef.current}>\n      {children}\n    </AnnotationsStateContext.Provider>\n  );\n};\n"],
-  "mappings": "AAeI;AAfJ,SAAiC,cAAc;AAE/C,SAAS,oBAAoB;AAC7B,SAAS,mBAA+B;AACxC,SAAS,+BAA+B;AAGjC,MAAM,2BAA2B,CAAC;AAAA,EACvC;AACF,MAAkC;AAChC,QAAM,WAAW,OAAsC,IAAI;AAE3D,WAAS,UAAU,YAAY,YAAY;AAE3C,SACE,oBAAC,wBAAwB,UAAxB,EAAiC,OAAO,SAAS,SAC/C,UACH;AAEJ;",
+  "sourcesContent": ["import { type PropsWithChildren, useRef } from 'react';\n\nimport { initialState } from './AnnotationsDataInitialState.js';\nimport { createStore, type Store } from '../../../../../core/store/store.js';\nimport { AnnotationsStateContext } from '../contexts/AnnotationsStateContext.js';\nimport { type AnnotationState } from '../types/state.js';\n\nexport const AnnotationsStoreProvider = ({\n  children,\n}: PropsWithChildren<unknown>) => {\n  const storeRef = useRef<Store<AnnotationState> | null>(null);\n\n  storeRef.current ??= createStore(initialState);\n\n  return (\n    <AnnotationsStateContext.Provider value={storeRef.current}>\n      {children}\n    </AnnotationsStateContext.Provider>\n  );\n};\n"],
+  "mappings": "AAeI;AAfJ,SAAiC,cAAc;AAE/C,SAAS,oBAAoB;AAC7B,SAAS,mBAA+B;AACxC,SAAS,+BAA+B;AAGjC,MAAM,2BAA2B,CAAC;AAAA,EACvC;AACF,MAAkC;AAChC,QAAM,WAAW,OAAsC,IAAI;AAE3D,WAAS,YAAY,YAAY,YAAY;AAE7C,SACE,oBAAC,wBAAwB,UAAxB,EAAiC,OAAO,SAAS,SAC/C,UACH;AAEJ;",
   "names": []
 }

package/esm/charts/core/components/annotations/utils/define-marker-brightness-state.js

@@ -1,14 +1,7 @@
-import { isUndefined } from "lodash-es";
 import { buildMarkerBrightnessState } from "./build-marker-brightness-state.js";
-const defineMarkerBrightnessState = (markerId, markers, selection) => {
-  const hoveredListItem = markers.find((marker) => {
-    return marker.id === selection.hoveredListItem;
-  });
-  return buildMarkerBrightnessState(
-    selection,
-    markerId,
-    !isUndefined(hoveredListItem)
-  );
+const defineMarkerBrightnessState = (markerId, selection) => {
+  const isListHovered = selection.hoverGroupListKey === markerId;
+  return buildMarkerBrightnessState(selection, markerId, isListHovered);
 };
 export {
   defineMarkerBrightnessState

package/esm/charts/core/components/annotations/utils/define-marker-brightness-state.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/core/components/annotations/utils/define-marker-brightness-state.ts"],
-  "sourcesContent": ["import { isUndefined } from 'lodash-es';\n\nimport { buildMarkerBrightnessState } from './build-marker-brightness-state.js';\nimport { AnnotationsMarkerConfig } from '../types/annotations-marker-props.js';\nimport { SelectionState } from '../types/state.js';\n\nexport const defineMarkerBrightnessState = (\n  markerId: string,\n  markers: AnnotationsMarkerConfig[],\n  selection: SelectionState,\n) => {\n  const hoveredListItem = markers.find((marker) => {\n    return marker.id === selection.hoveredListItem;\n  });\n\n  return buildMarkerBrightnessState(\n    selection,\n    markerId,\n    !isUndefined(hoveredListItem),\n  );\n};\n"],
-  "mappings": "AAAA,SAAS,mBAAmB;AAE5B,SAAS,kCAAkC;AAIpC,MAAM,8BAA8B,CACzC,UACA,SACA,cACG;AACH,QAAM,kBAAkB,QAAQ,KAAK,CAAC,WAAW;AAC/C,WAAO,OAAO,OAAO,UAAU;AAAA,EACjC,CAAC;AAED,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA,CAAC,YAAY,eAAe;AAAA,EAC9B;AACF;",
+  "sourcesContent": ["import { buildMarkerBrightnessState } from './build-marker-brightness-state.js';\nimport type { MarkerInteractionState } from '../types/marker.js';\nimport type { SelectionState } from '../types/state.js';\n\n/**\n * Determines the brightness interaction state of a marker based on the current selection.\n * @param markerId - The id of the marker to evaluate.\n * @param selection - The current annotations selection state containing hover and pinned information.\n * @returns The marker's interaction state (`'default'` | `'hovered'` | `'active'` | `'inactive'`).\n * @internal\n */\nexport const defineMarkerBrightnessState = (\n  markerId: string,\n  selection: SelectionState,\n): MarkerInteractionState => {\n  const isListHovered = selection.hoverGroupListKey === markerId;\n\n  return buildMarkerBrightnessState(selection, markerId, isListHovered);\n};\n"],
+  "mappings": "AAAA,SAAS,kCAAkC;AAWpC,MAAM,8BAA8B,CACzC,UACA,cAC2B;AAC3B,QAAM,gBAAgB,UAAU,sBAAsB;AAEtD,SAAO,2BAA2B,WAAW,UAAU,aAAa;AACtE;",
   "names": []
 }

package/esm/charts/core/components/axes/Axis.css

@@ -1,4 +1,4 @@
-._90oaxp0-3-2-1 {
+._90oaxp0-3-3-1 {
   display: block;
   overflow: visible;
 }

package/esm/charts/core/components/axes/Axis.sty.js

@@ -1,5 +1,5 @@
 import "./Axis.css";
-var axis = "_90oaxp0-3-2-1";
+var axis = "_90oaxp0-3-3-1";
 export {
   axis
 };

package/esm/charts/core/components/axes/Axis.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/core/components/axes/Axis.css.ts"],
-  "sourcesContent": ["import './Axis.css';\nexport var axis = '_90oaxp0-3-2-1';"],
+  "sourcesContent": ["import './Axis.css';\nexport var axis = '_90oaxp0-3-3-1';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,OAAO;",
   "names": []
 }

package/esm/charts/core/components/axes/components/PanningControls/PanningControls.css

@@ -1,4 +1,4 @@
-@keyframes _3rbllj2-3-2-1 {
+@keyframes _3rbllj2-3-3-1 {
   0% {
     transform: translateX(-4px);
     opacity: 0.2;
@@ -8,7 +8,7 @@
     opacity: 1;
   }
 }
-@keyframes _3rbllj3-3-2-1 {
+@keyframes _3rbllj3-3-3-1 {
   0% {
     transform: translateX(4px);
     opacity: 0.2;
@@ -18,7 +18,7 @@
     opacity: 1;
   }
 }
-._3rbllj4-3-2-1 {
+._3rbllj4-3-3-1 {
   opacity: 0;
   height: 100%;
   position: absolute;
@@ -34,29 +34,29 @@
   animation-delay: 0.2s;
   animation-fill-mode: forwards;
 }
-._3rbllj5-3-2-1 {
+._3rbllj5-3-3-1 {
   left: 0;
-  animation-name: _3rbllj2-3-2-1;
+  animation-name: _3rbllj2-3-3-1;
 }
-._3rbllj6-3-2-1 {
+._3rbllj6-3-3-1 {
   right: 0;
-  animation-name: _3rbllj3-3-2-1;
+  animation-name: _3rbllj3-3-3-1;
 }
-._3rbllj7-3-2-1 {
+._3rbllj7-3-3-1 {
   color: var(--dt-colors-icon-neutral-subdued, #595a7d);
 }
-._3rbllj7-3-2-1:hover {
+._3rbllj7-3-3-1:hover {
   color: var(--dt-colors-icon-neutral-subdued-hover, #434465);
 }
-._3rbllj7-3-2-1:active {
+._3rbllj7-3-3-1:active {
   color: var(--dt-colors-icon-neutral-subdued-active, #2f2f4f);
 }
-._3rbllj5-3-2-1 ~ div {
-  --_3rbllj0-3-2-1: rgba(0, 0, 0, 0) 12px, rgba(0, 0, 0, 1) 40px;
+._3rbllj5-3-3-1 ~ div {
+  --_3rbllj0-3-3-1: rgba(0, 0, 0, 0) 12px, rgba(0, 0, 0, 1) 40px;
 }
-._3rbllj6-3-2-1 ~ div {
-  --_3rbllj1-3-2-1: rgba(0, 0, 0, 1) calc(100% - 40px), rgba(0, 0, 0, 0) calc(100% - 12px);
+._3rbllj6-3-3-1 ~ div {
+  --_3rbllj1-3-3-1: rgba(0, 0, 0, 1) calc(100% - 40px), rgba(0, 0, 0, 0) calc(100% - 12px);
 }
-._3rbllj4-3-2-1 ~ div {
-  mask: linear-gradient(90deg, var(--_3rbllj0-3-2-1, rgba(0,0,0,1) 0%), var(--_3rbllj1-3-2-1, rgba(0,0,0,1) 0%));
+._3rbllj4-3-3-1 ~ div {
+  mask: linear-gradient(90deg, var(--_3rbllj0-3-3-1, rgba(0,0,0,1) 0%), var(--_3rbllj1-3-3-1, rgba(0,0,0,1) 0%));
 }

package/esm/charts/core/components/axes/components/PanningControls/PanningControls.sty.js

@@ -1,7 +1,7 @@
 import "./PanningControls.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var panningArrow = "_3rbllj7-3-2-1";
-var panningButtons = _7a468({ defaultClassName: "_3rbllj4-3-2-1", variantClassNames: { direction: { toLeft: "_3rbllj5-3-2-1", toRight: "_3rbllj6-3-2-1" } }, defaultVariants: {}, compoundVariants: [] });
+var panningArrow = "_3rbllj7-3-3-1";
+var panningButtons = _7a468({ defaultClassName: "_3rbllj4-3-3-1", variantClassNames: { direction: { toLeft: "_3rbllj5-3-3-1", toRight: "_3rbllj6-3-3-1" } }, defaultVariants: {}, compoundVariants: [] });
 export {
   panningArrow,
   panningButtons

package/esm/charts/core/components/axes/components/PanningControls/PanningControls.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../src/charts/core/components/axes/components/PanningControls/PanningControls.css.ts"],
-  "sourcesContent": ["import './PanningControls.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var panningArrow = '_3rbllj7-3-2-1';\nexport var panningButtons = _7a468({defaultClassName:'_3rbllj4-3-2-1',variantClassNames:{direction:{toLeft:'_3rbllj5-3-2-1',toRight:'_3rbllj6-3-2-1'}},defaultVariants:{},compoundVariants:[]});"],
+  "sourcesContent": ["import './PanningControls.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var panningArrow = '_3rbllj7-3-3-1';\nexport var panningButtons = _7a468({defaultClassName:'_3rbllj4-3-3-1',variantClassNames:{direction:{toLeft:'_3rbllj5-3-3-1',toRight:'_3rbllj6-3-3-1'}},defaultVariants:{},compoundVariants:[]});"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,eAAe;AACnB,IAAI,iBAAiB,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,WAAU,EAAC,QAAO,kBAAiB,SAAQ,iBAAgB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }

package/esm/charts/core/components/chart-grid/ChartGrid.css

@@ -1,13 +1,13 @@
-._13lzg4k0-3-2-1 {
+._13lzg4k0-3-3-1 {
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
 }
-._13lzg4k1-3-2-1 {
+._13lzg4k1-3-3-1 {
   box-sizing: content-box;
 }
-._13lzg4k2-3-2-1 {
+._13lzg4k2-3-3-1 {
   position: relative;
 }

package/esm/charts/core/components/chart-grid/ChartGrid.sty.js

@@ -1,7 +1,7 @@
 import "./ChartGrid.css";
-var area = "_13lzg4k1-3-2-1";
-var plot = "_13lzg4k2-3-2-1";
-var plotLayout = "_13lzg4k0-3-2-1";
+var area = "_13lzg4k1-3-3-1";
+var plot = "_13lzg4k2-3-3-1";
+var plotLayout = "_13lzg4k0-3-3-1";
 export {
   area,
   plot,

package/esm/charts/core/components/chart-grid/ChartGrid.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/core/components/chart-grid/ChartGrid.css.ts"],
-  "sourcesContent": ["import './ChartGrid.css';\nexport var area = '_13lzg4k1-3-2-1';\nexport var plot = '_13lzg4k2-3-2-1';\nexport var plotLayout = '_13lzg4k0-3-2-1';"],
+  "sourcesContent": ["import './ChartGrid.css';\nexport var area = '_13lzg4k1-3-3-1';\nexport var plot = '_13lzg4k2-3-3-1';\nexport var plotLayout = '_13lzg4k0-3-3-1';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,OAAO;AACX,IAAI,OAAO;AACX,IAAI,aAAa;",
   "names": []
 }

package/esm/charts/core/components/chart-layout/components/styles.css

@@ -1,43 +1,43 @@
-._l1klj80-3-2-1 {
+._l1klj80-3-3-1 {
   min-width: 0;
   grid-area: graphArea;
 }
-._l1klj81-3-2-1 {
+._l1klj81-3-3-1 {
   filter: opacity(40%);
 }
-._l1klj83-3-2-1 {
+._l1klj83-3-3-1 {
   height: inherit;
   grid-area: horizontalResize;
 }
-._l1klj84-3-2-1 {
+._l1klj84-3-3-1 {
   width: 100%;
   grid-area: verticalResize;
 }
-._l1klj85-3-2-1 {
+._l1klj85-3-3-1 {
   filter: opacity(40%);
 }
-._l1klj86-3-2-1 {
+._l1klj86-3-3-1 {
   height: 100%;
 }
-._l1klj87-3-2-1 {
+._l1klj87-3-3-1 {
   grid-area: verticalLegend;
 }
-._l1klj88-3-2-1 {
+._l1klj88-3-3-1 {
   grid-area: horizontalLegend;
 }
-._l1klj89-3-2-1 {
+._l1klj89-3-3-1 {
   filter: opacity(40%);
 }
-._l1klj8a-3-2-1 {
+._l1klj8a-3-3-1 {
   background: var(--dt-colors-border-neutral-default, #dadbe4);
   background-color: var(--dt-colors-border-neutral-accent, #595a7d);
   border-radius: var(--dt-spacings-size-8, 8px);
   touch-action: none;
 }
-._l1klj8a-3-2-1:hover {
+._l1klj8a-3-3-1:hover {
   background: var(--dt-colors-border-primary-accent, #464cce);
 }
-._l1klj8b-3-2-1 {
+._l1klj8b-3-3-1 {
   transition: height var(--dt-timings-base-default, 300ms) var(--dt-easings-fast-in-slow-out, cubic-bezier(0.4, 0, 0.2, 1));
   height: 36px;
   width: 2px;
@@ -46,11 +46,11 @@
   grid-area: horizontalResize;
   align-self: center;
 }
-._l1klj8b-3-2-1:hover {
+._l1klj8b-3-3-1:hover {
   height: var(--dt-spacings-size-48, 48px);
   background-color: var(--dt-colors-border-neutral-accent-hover, #434465);
 }
-._l1klj8c-3-2-1 {
+._l1klj8c-3-3-1 {
   transition: width var(--dt-timings-base-default, 300ms) var(--dt-easings-fast-in-slow-out, cubic-bezier(0.4, 0, 0.2, 1));
   height: 2px;
   width: 36px;
@@ -59,7 +59,7 @@
   grid-area: verticalResize;
   align-self: flex-end;
 }
-._l1klj8c-3-2-1:hover {
+._l1klj8c-3-3-1:hover {
   width: var(--dt-spacings-size-48, 48px);
   background-color: var(--dt-colors-border-neutral-accent-hover, #434465);
 }