@dynatrace/strato-components 3.8.0 → 3.9.0

package/esm/charts/core/components/annotations/utils/process-annotation-tracks-data.js

@@ -1,7 +1,11 @@
 import { isNil, isUndefined } from "lodash-es";
+import { getMarkerPixelExtent } from "./get-marker-pixel-extent.js";
 import { isNumericalMarker } from "./is-numerical-marker.js";
 import { serializeMarkerRange } from "./serialize-marker-range.js";
-import { DEFAULT_MARKER_PRIORITY } from "../constants.js";
+import {
+  DEFAULT_MARKER_PRIORITY,
+  DEFAULT_TEXT_OVERFLOW
+} from "../constants.js";
 import { parseDateNumberToNumber } from "./parse-date-number-to-number.js";
 const areNumerical = (markers) => {
   return isNumericalMarker(markers[0]);
@@ -51,54 +55,105 @@ const handleOverlappingMarker = (ctx) => {
   ctx.processedMarkers.delete(ctx.lastProcessedGroupKey);
   return updatedGroupsKey;
 };
-function processAnnotationTracksData(trackProps, trackIndex, domain) {
+const growGroupPixelRight = (currentPixelRight, markerPixelExtent) => {
+  if (markerPixelExtent === void 0) {
+    return currentPixelRight;
+  }
+  return isNaN(currentPixelRight) ? markerPixelExtent[1] : Math.max(currentPixelRight, markerPixelExtent[1]);
+};
+const parseGroupRange = (groupKey) => {
+  const [start, end] = groupKey.slice(groupKey.indexOf("_") + 1).split("_").map(Number);
+  return [start, end];
+};
+const isVisuallyColliding = (lastGroupPixelRight, markerPixelExtent) => markerPixelExtent !== void 0 && !isNaN(lastGroupPixelRight) && markerPixelExtent[0] <= lastGroupPixelRight;
+const collidesWithLastGroup = (lastGroupStart, lastGroupEnd, markerStart, markerEnd, lastGroupPixelRight, markerPixelExtent) => overlapsWithTheLastGroup(
+  lastGroupStart,
+  lastGroupEnd,
+  markerStart,
+  markerEnd
+) || isVisuallyColliding(lastGroupPixelRight, markerPixelExtent);
+const processMarkerIntoGroups = (processedMarkers, marker, trackIndex, markerPixelExtent, state) => {
+  const markerKey = serializeMarkerRange(marker, trackIndex);
+  const markerStart = parseDateNumberToNumber(marker.start);
+  const markerEnd = marker.end ? parseDateNumberToNumber(marker.end) : markerStart;
+  if (!state.lastProcessedGroupKey) {
+    handleNonOverlappingMarker(processedMarkers, marker, markerKey);
+    return {
+      lastProcessedGroupKey: markerKey,
+      lastGroupPixelRight: markerPixelExtent?.[1] ?? NaN
+    };
+  }
+  const [lastGroupStart, lastGroupEnd] = parseGroupRange(
+    state.lastProcessedGroupKey
+  );
+  const collides = collidesWithLastGroup(
+    lastGroupStart,
+    lastGroupEnd,
+    markerStart,
+    markerEnd,
+    state.lastGroupPixelRight,
+    markerPixelExtent
+  );
+  if (!collides) {
+    handleNonOverlappingMarker(processedMarkers, marker, markerKey);
+    return {
+      lastProcessedGroupKey: markerKey,
+      lastGroupPixelRight: markerPixelExtent?.[1] ?? NaN
+    };
+  }
+  const groups = processedMarkers.get(state.lastProcessedGroupKey) ?? [];
+  if (handleRepeatedAnnotation(groups, marker, markerKey)) {
+    return {
+      lastProcessedGroupKey: state.lastProcessedGroupKey,
+      lastGroupPixelRight: growGroupPixelRight(
+        state.lastGroupPixelRight,
+        markerPixelExtent
+      )
+    };
+  }
+  const lastProcessedGroupKey = handleOverlappingMarker({
+    processedMarkers,
+    groups,
+    marker,
+    markerKey,
+    lastGroupStart,
+    lastGroupEnd,
+    markerStart,
+    markerEnd,
+    lastProcessedGroupKey: state.lastProcessedGroupKey,
+    trackIndex
+  });
+  return {
+    lastProcessedGroupKey,
+    lastGroupPixelRight: growGroupPixelRight(
+      state.lastGroupPixelRight,
+      markerPixelExtent
+    )
+  };
+};
+function processAnnotationTracksData(trackProps, trackIndex, domain, scale, textOverflow = DEFAULT_TEXT_OVERFLOW) {
   const { markers } = trackProps;
   const processedMarkers = /* @__PURE__ */ new Map();
   if (markers.length === 0) {
     return processedMarkers;
   }
   const sortedMarkers = sortMarkers(markers);
-  let lastProcessedGroupKey = "";
+  let state = {
+    lastProcessedGroupKey: "",
+    lastGroupPixelRight: NaN
+  };
   for (const marker of sortedMarkers) {
     if (marker.hidden || outOfBounds(marker, domain)) {
       continue;
     }
-    const markerKey = serializeMarkerRange(marker, trackIndex);
-    const markerStart = parseDateNumberToNumber(marker.start);
-    const markerEnd = marker.end ? parseDateNumberToNumber(marker.end) : markerStart;
-    if (!lastProcessedGroupKey) {
-      handleNonOverlappingMarker(processedMarkers, marker, markerKey);
-      lastProcessedGroupKey = markerKey;
-      continue;
-    }
-    const [lastGroupStart, lastGroupEnd] = lastProcessedGroupKey.slice(lastProcessedGroupKey.indexOf("_") + 1).split("_").map(Number);
-    const isOverlapping = overlapsWithTheLastGroup(
-      lastGroupStart,
-      lastGroupEnd,
-      markerStart,
-      markerEnd
-    );
-    if (!isOverlapping) {
-      handleNonOverlappingMarker(processedMarkers, marker, markerKey);
-      lastProcessedGroupKey = markerKey;
-      continue;
-    }
-    const groups = processedMarkers.get(lastProcessedGroupKey) ?? [];
-    if (handleRepeatedAnnotation(groups, marker, markerKey)) {
-      continue;
-    }
-    lastProcessedGroupKey = handleOverlappingMarker({
+    const markerPixelExtent = scale ? getMarkerPixelExtent(marker, scale, textOverflow) : void 0;
+    state = processMarkerIntoGroups(
       processedMarkers,
-      groups,
       marker,
-      markerKey,
-      lastGroupStart,
-      lastGroupEnd,
-      markerStart,
-      markerEnd,
-      lastProcessedGroupKey,
-      trackIndex
-    });
+      trackIndex,
+      markerPixelExtent,
+      state
+    );
   }
   return processedMarkers;
 }

package/esm/charts/core/components/annotations/utils/process-annotation-tracks-data.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/core/components/annotations/utils/process-annotation-tracks-data.ts"],
-  "sourcesContent": ["import { isNil, isUndefined } from 'lodash-es';\n\nimport { isNumericalMarker } from './is-numerical-marker.js';\nimport { serializeMarkerRange } from './serialize-marker-range.js';\nimport { WithId } from '../../../types/with-id.js';\nimport { DEFAULT_MARKER_PRIORITY } from '../constants.js';\nimport { parseDateNumberToNumber } from './parse-date-number-to-number.js';\nimport {\n  AnnotationsMarkerConfig,\n  NumericalMarkerProps,\n  TimeMarkerProps,\n} from '../types/annotations-marker-props.js';\nimport { AnnotationsTrackConfig } from '../types/annotations-track-props.js';\nimport { AnnotationsMarkerGroup } from '../types/annotations.js';\n\nconst areNumerical = (\n  markers: AnnotationsMarkerConfig[],\n): markers is WithId<AnnotationsMarkerConfig & NumericalMarkerProps>[] => {\n  return isNumericalMarker(markers[0]);\n};\n\nconst areTime = (\n  markers: AnnotationsMarkerConfig[],\n): markers is WithId<AnnotationsMarkerConfig & TimeMarkerProps>[] => {\n  return !isNumericalMarker(markers[0]);\n};\n\nconst toNumber = (value: number | Date) =>\n  typeof value === 'number' ? value : value.getTime();\n\nconst outOfBounds = (\n  marker: AnnotationsMarkerConfig,\n  domain?: number[] | Date[],\n) => {\n  if (isUndefined(domain)) {\n    return false;\n  }\n\n  const d0 = toNumber(domain[0]);\n  const d1 = toNumber(domain[1]);\n  const lowerBound = Math.min(d0, d1);\n  const upperBound = Math.max(d0, d1);\n\n  const start = toNumber(marker.start);\n  const end = isNil(marker.end) ? start : toNumber(marker.end);\n\n  return Math.min(start, end) > upperBound || Math.max(start, end) < lowerBound;\n};\n\nconst handleNonOverlappingMarker = (\n  processedMarkers: Map<string, AnnotationsMarkerGroup[]>,\n  marker: AnnotationsMarkerConfig,\n  markerKey: string,\n) => {\n  processedMarkers.set(markerKey, [createGroup(marker, markerKey)]);\n};\n\nconst handleRepeatedAnnotation = (\n  groups: AnnotationsMarkerGroup[],\n  marker: AnnotationsMarkerConfig,\n  markerKey: string,\n): boolean => {\n  const sameKeyGroup = groups.find(\n    (group: AnnotationsMarkerGroup) => group.key === markerKey,\n  );\n  if (sameKeyGroup) {\n    sameKeyGroup.markers.push(marker);\n    const priority = marker.priority ?? DEFAULT_MARKER_PRIORITY;\n    sameKeyGroup.priority = Math.max(sameKeyGroup.priority, priority);\n    return true;\n  }\n  return false;\n};\n\ninterface OverlapContext {\n  processedMarkers: Map<string, AnnotationsMarkerGroup[]>;\n  groups: AnnotationsMarkerGroup[];\n  marker: AnnotationsMarkerConfig;\n  markerKey: string;\n  lastGroupStart: number;\n  lastGroupEnd: number;\n  markerStart: number;\n  markerEnd: number;\n  lastProcessedGroupKey: string;\n  trackIndex: number;\n}\n\nconst handleOverlappingMarker = (ctx: OverlapContext): string => {\n  const updatedGroupsKey = `${ctx.trackIndex}_${[\n    Math.min(ctx.lastGroupStart, ctx.markerStart),\n    Math.max(ctx.lastGroupEnd, ctx.markerEnd),\n  ].join('_')}`;\n  if (updatedGroupsKey === ctx.lastProcessedGroupKey) {\n    ctx.groups.push(createGroup(ctx.marker, ctx.markerKey));\n    return ctx.lastProcessedGroupKey;\n  }\n  ctx.groups.push(createGroup(ctx.marker, ctx.markerKey));\n  ctx.processedMarkers.set(updatedGroupsKey, ctx.groups);\n  ctx.processedMarkers.delete(ctx.lastProcessedGroupKey);\n  return updatedGroupsKey;\n};\n\n/**\n * Process annotation markers.\n * That includes sorting and grouping by time.\n *\n * @param trackProps - track props\n * @param trackIndex - track index\n * @param domain - visible domain\n * @returns processed markers\n */\nexport function processAnnotationTracksData(\n  trackProps: AnnotationsTrackConfig,\n  trackIndex: number,\n  domain?: Date[] | number[],\n): Map<string, AnnotationsMarkerGroup[]> {\n  const { markers } = trackProps;\n  const processedMarkers = new Map<string, AnnotationsMarkerGroup[]>();\n  if (markers.length === 0) {\n    return processedMarkers;\n  }\n  const sortedMarkers = sortMarkers(markers);\n  let lastProcessedGroupKey = '';\n  for (const marker of sortedMarkers) {\n    if (marker.hidden || outOfBounds(marker, domain)) {\n      continue;\n    }\n    const markerKey = serializeMarkerRange(marker, trackIndex);\n    const markerStart = parseDateNumberToNumber(marker.start);\n    const markerEnd = marker.end\n      ? parseDateNumberToNumber(marker.end)\n      : markerStart;\n    if (!lastProcessedGroupKey) {\n      handleNonOverlappingMarker(processedMarkers, marker, markerKey);\n      lastProcessedGroupKey = markerKey;\n      continue;\n    }\n    const [lastGroupStart, lastGroupEnd] = lastProcessedGroupKey\n      .slice(lastProcessedGroupKey.indexOf('_') + 1)\n      .split('_')\n      .map(Number);\n    const isOverlapping = overlapsWithTheLastGroup(\n      lastGroupStart,\n      lastGroupEnd,\n      markerStart,\n      markerEnd,\n    );\n    if (!isOverlapping) {\n      handleNonOverlappingMarker(processedMarkers, marker, markerKey);\n      lastProcessedGroupKey = markerKey;\n      continue;\n    }\n    const groups = processedMarkers.get(lastProcessedGroupKey) ?? [];\n    if (handleRepeatedAnnotation(groups, marker, markerKey)) {\n      continue;\n    }\n    lastProcessedGroupKey = handleOverlappingMarker({\n      processedMarkers,\n      groups,\n      marker,\n      markerKey,\n      lastGroupStart,\n      lastGroupEnd,\n      markerStart,\n      markerEnd,\n      lastProcessedGroupKey,\n      trackIndex,\n    });\n  }\n  return processedMarkers;\n}\n\n/**\n * Sorts markers depending of type\n *\n * @param markers -\n */\nconst sortMarkers = (markers: AnnotationsMarkerConfig[]) => {\n  if (areNumerical(markers)) {\n    return sortNumericalMarkers(markers);\n  } else if (areTime(markers)) {\n    return sortTimeMarkers(markers);\n  } else {\n    throw new Error('Unsupported type of markers');\n  }\n};\n\n/**\n * Sorts markers by start value and end value.\n *\n * @param markers -\n */\nconst sortNumericalMarkers = (\n  markers: WithId<AnnotationsMarkerConfig & NumericalMarkerProps>[],\n): AnnotationsMarkerConfig[] => {\n  return markers.sort((a, b) => {\n    const aEnd = a.end ?? a.start;\n    const bEnd = b.end ?? b.start;\n\n    if (a.start === b.start) {\n      return aEnd - bEnd;\n    }\n\n    return a.start - b.start;\n  });\n};\n\n/**\n * Sorts markers by start time and end time.\n *\n * @param markers -\n */\nconst sortTimeMarkers = (\n  markers: WithId<AnnotationsMarkerConfig & TimeMarkerProps>[],\n): AnnotationsMarkerConfig[] => {\n  return markers.sort((a, b) => {\n    const aStart = a.start.getTime();\n    const bStart = b.start.getTime();\n    const aEnd = a.end ? a.end.getTime() : aStart;\n    const bEnd = b.end ? b.end.getTime() : bStart;\n\n    if (aStart === bStart) {\n      return aEnd - bEnd;\n    }\n\n    return a.start.getTime() - b.start.getTime();\n  });\n};\n\n/**\n * Creates a new group with a single annotation in it\n *\n * @param annotation - a single annotation to creat a group with\n * @param key - key of the group (\"start_end\" of the annotation)\n * @returns a new group with a single annotation in it\n */\nconst createGroup = (\n  annotation: AnnotationsMarkerConfig,\n  key: string,\n): AnnotationsMarkerGroup => ({\n  markers: [annotation],\n  priority: annotation.priority ?? DEFAULT_MARKER_PRIORITY,\n  key,\n});\n\n/**\n * Checks if the annotation overlaps with the last group\n *\n * @param groupStart - start of the last group\n * @param groupEnd - end of the last group\n * @param start - start of the annotation\n * @param end - end of the annotation\n */\nconst overlapsWithTheLastGroup = (\n  groupStart: number,\n  groupEnd: number,\n  start: number,\n  end: number,\n): boolean =>\n  (start >= groupStart && start <= groupEnd) ||\n  (end >= groupStart && end <= groupEnd);\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { isNil, isUndefined } from 'lodash-es';\n\nimport { type AnnotationsScale } from './calculate-marker-dimension.js';\nimport { getMarkerPixelExtent } from './get-marker-pixel-extent.js';\nimport { isNumericalMarker } from './is-numerical-marker.js';\nimport { serializeMarkerRange } from './serialize-marker-range.js';\nimport { WithId } from '../../../types/with-id.js';\nimport {\n  DEFAULT_MARKER_PRIORITY,\n  DEFAULT_TEXT_OVERFLOW,\n} from '../constants.js';\nimport { parseDateNumberToNumber } from './parse-date-number-to-number.js';\nimport {\n  AnnotationsMarkerConfig,\n  NumericalMarkerProps,\n  TimeMarkerProps,\n} from '../types/annotations-marker-props.js';\nimport { AnnotationsTrackConfig } from '../types/annotations-track-props.js';\nimport { AnnotationsMarkerGroup } from '../types/annotations.js';\nimport type { TextOverflowOptions } from '../types/marker.js';\n\nconst areNumerical = (\n  markers: AnnotationsMarkerConfig[],\n): markers is WithId<AnnotationsMarkerConfig & NumericalMarkerProps>[] => {\n  return isNumericalMarker(markers[0]);\n};\n\nconst areTime = (\n  markers: AnnotationsMarkerConfig[],\n): markers is WithId<AnnotationsMarkerConfig & TimeMarkerProps>[] => {\n  return !isNumericalMarker(markers[0]);\n};\n\nconst toNumber = (value: number | Date) =>\n  typeof value === 'number' ? value : value.getTime();\n\nconst outOfBounds = (\n  marker: AnnotationsMarkerConfig,\n  domain?: number[] | Date[],\n) => {\n  if (isUndefined(domain)) {\n    return false;\n  }\n\n  const d0 = toNumber(domain[0]);\n  const d1 = toNumber(domain[1]);\n  const lowerBound = Math.min(d0, d1);\n  const upperBound = Math.max(d0, d1);\n\n  const start = toNumber(marker.start);\n  const end = isNil(marker.end) ? start : toNumber(marker.end);\n\n  return Math.min(start, end) > upperBound || Math.max(start, end) < lowerBound;\n};\n\nconst handleNonOverlappingMarker = (\n  processedMarkers: Map<string, AnnotationsMarkerGroup[]>,\n  marker: AnnotationsMarkerConfig,\n  markerKey: string,\n) => {\n  processedMarkers.set(markerKey, [createGroup(marker, markerKey)]);\n};\n\nconst handleRepeatedAnnotation = (\n  groups: AnnotationsMarkerGroup[],\n  marker: AnnotationsMarkerConfig,\n  markerKey: string,\n): boolean => {\n  const sameKeyGroup = groups.find(\n    (group: AnnotationsMarkerGroup) => group.key === markerKey,\n  );\n  if (sameKeyGroup) {\n    sameKeyGroup.markers.push(marker);\n    const priority = marker.priority ?? DEFAULT_MARKER_PRIORITY;\n    sameKeyGroup.priority = Math.max(sameKeyGroup.priority, priority);\n    return true;\n  }\n  return false;\n};\n\ninterface OverlapContext {\n  processedMarkers: Map<string, AnnotationsMarkerGroup[]>;\n  groups: AnnotationsMarkerGroup[];\n  marker: AnnotationsMarkerConfig;\n  markerKey: string;\n  lastGroupStart: number;\n  lastGroupEnd: number;\n  markerStart: number;\n  markerEnd: number;\n  lastProcessedGroupKey: string;\n  trackIndex: number;\n}\n\nconst handleOverlappingMarker = (ctx: OverlapContext): string => {\n  const updatedGroupsKey = `${ctx.trackIndex}_${[\n    Math.min(ctx.lastGroupStart, ctx.markerStart),\n    Math.max(ctx.lastGroupEnd, ctx.markerEnd),\n  ].join('_')}`;\n  if (updatedGroupsKey === ctx.lastProcessedGroupKey) {\n    ctx.groups.push(createGroup(ctx.marker, ctx.markerKey));\n    return ctx.lastProcessedGroupKey;\n  }\n  ctx.groups.push(createGroup(ctx.marker, ctx.markerKey));\n  ctx.processedMarkers.set(updatedGroupsKey, ctx.groups);\n  ctx.processedMarkers.delete(ctx.lastProcessedGroupKey);\n  return updatedGroupsKey;\n};\n\nconst growGroupPixelRight = (\n  currentPixelRight: number,\n  markerPixelExtent: [number, number] | undefined,\n): number => {\n  if (markerPixelExtent === undefined) {\n    return currentPixelRight;\n  }\n  return isNaN(currentPixelRight)\n    ? markerPixelExtent[1]\n    : Math.max(currentPixelRight, markerPixelExtent[1]);\n};\n\nconst parseGroupRange = (groupKey: string): [number, number] => {\n  const [start, end] = groupKey\n    .slice(groupKey.indexOf('_') + 1)\n    .split('_')\n    .map(Number);\n  return [start, end];\n};\n\nconst isVisuallyColliding = (\n  lastGroupPixelRight: number,\n  markerPixelExtent: [number, number] | undefined,\n): boolean =>\n  markerPixelExtent !== undefined &&\n  !isNaN(lastGroupPixelRight) &&\n  markerPixelExtent[0] <= lastGroupPixelRight;\n\nconst collidesWithLastGroup = (\n  lastGroupStart: number,\n  lastGroupEnd: number,\n  markerStart: number,\n  markerEnd: number,\n  lastGroupPixelRight: number,\n  markerPixelExtent: [number, number] | undefined,\n): boolean =>\n  overlapsWithTheLastGroup(\n    lastGroupStart,\n    lastGroupEnd,\n    markerStart,\n    markerEnd,\n  ) || isVisuallyColliding(lastGroupPixelRight, markerPixelExtent);\n\ninterface GroupingState {\n  lastProcessedGroupKey: string;\n  lastGroupPixelRight: number;\n}\n\nconst processMarkerIntoGroups = (\n  processedMarkers: Map<string, AnnotationsMarkerGroup[]>,\n  marker: AnnotationsMarkerConfig,\n  trackIndex: number,\n  markerPixelExtent: [number, number] | undefined,\n  state: GroupingState,\n): GroupingState => {\n  const markerKey = serializeMarkerRange(marker, trackIndex);\n  const markerStart = parseDateNumberToNumber(marker.start);\n  const markerEnd = marker.end\n    ? parseDateNumberToNumber(marker.end)\n    : markerStart;\n\n  if (!state.lastProcessedGroupKey) {\n    handleNonOverlappingMarker(processedMarkers, marker, markerKey);\n    return {\n      lastProcessedGroupKey: markerKey,\n      lastGroupPixelRight: markerPixelExtent?.[1] ?? NaN,\n    };\n  }\n\n  const [lastGroupStart, lastGroupEnd] = parseGroupRange(\n    state.lastProcessedGroupKey,\n  );\n  const collides = collidesWithLastGroup(\n    lastGroupStart,\n    lastGroupEnd,\n    markerStart,\n    markerEnd,\n    state.lastGroupPixelRight,\n    markerPixelExtent,\n  );\n  if (!collides) {\n    handleNonOverlappingMarker(processedMarkers, marker, markerKey);\n    return {\n      lastProcessedGroupKey: markerKey,\n      lastGroupPixelRight: markerPixelExtent?.[1] ?? NaN,\n    };\n  }\n\n  const groups = processedMarkers.get(state.lastProcessedGroupKey) ?? [];\n  if (handleRepeatedAnnotation(groups, marker, markerKey)) {\n    return {\n      lastProcessedGroupKey: state.lastProcessedGroupKey,\n      lastGroupPixelRight: growGroupPixelRight(\n        state.lastGroupPixelRight,\n        markerPixelExtent,\n      ),\n    };\n  }\n\n  const lastProcessedGroupKey = handleOverlappingMarker({\n    processedMarkers,\n    groups,\n    marker,\n    markerKey,\n    lastGroupStart,\n    lastGroupEnd,\n    markerStart,\n    markerEnd,\n    lastProcessedGroupKey: state.lastProcessedGroupKey,\n    trackIndex,\n  });\n  return {\n    lastProcessedGroupKey,\n    lastGroupPixelRight: growGroupPixelRight(\n      state.lastGroupPixelRight,\n      markerPixelExtent,\n    ),\n  };\n};\n\n/**\n * Process annotation markers.\n * That includes sorting and grouping by time.\n *\n * @param trackProps - track props\n * @param trackIndex - track index\n * @param domain - visible domain\n * @param scale - detects markers whose rendered labels\n * visually collide even though their data ranges don't overlap\n * @param textOverflow - how range marker labels behave when they don't fit\n * only relevant together with `scale`\n * @returns processed markers\n */\nexport function processAnnotationTracksData(\n  trackProps: AnnotationsTrackConfig,\n  trackIndex: number,\n  domain?: Date[] | number[],\n  scale?: AnnotationsScale,\n  textOverflow: TextOverflowOptions = DEFAULT_TEXT_OVERFLOW,\n): Map<string, AnnotationsMarkerGroup[]> {\n  const { markers } = trackProps;\n  const processedMarkers = new Map<string, AnnotationsMarkerGroup[]>();\n  if (markers.length === 0) {\n    return processedMarkers;\n  }\n  const sortedMarkers = sortMarkers(markers);\n  let state: GroupingState = {\n    lastProcessedGroupKey: '',\n    lastGroupPixelRight: NaN,\n  };\n  for (const marker of sortedMarkers) {\n    if (marker.hidden || outOfBounds(marker, domain)) {\n      continue;\n    }\n    const markerPixelExtent = scale\n      ? getMarkerPixelExtent(marker, scale, textOverflow)\n      : undefined;\n    state = processMarkerIntoGroups(\n      processedMarkers,\n      marker,\n      trackIndex,\n      markerPixelExtent,\n      state,\n    );\n  }\n  return processedMarkers;\n}\n\n/**\n * Sorts markers depending of type\n *\n * @param markers -\n */\nconst sortMarkers = (markers: AnnotationsMarkerConfig[]) => {\n  if (areNumerical(markers)) {\n    return sortNumericalMarkers(markers);\n  } else if (areTime(markers)) {\n    return sortTimeMarkers(markers);\n  } else {\n    throw new Error('Unsupported type of markers');\n  }\n};\n\n/**\n * Sorts markers by start value and end value.\n *\n * @param markers -\n */\nconst sortNumericalMarkers = (\n  markers: WithId<AnnotationsMarkerConfig & NumericalMarkerProps>[],\n): AnnotationsMarkerConfig[] => {\n  return markers.sort((a, b) => {\n    const aEnd = a.end ?? a.start;\n    const bEnd = b.end ?? b.start;\n\n    if (a.start === b.start) {\n      return aEnd - bEnd;\n    }\n\n    return a.start - b.start;\n  });\n};\n\n/**\n * Sorts markers by start time and end time.\n *\n * @param markers -\n */\nconst sortTimeMarkers = (\n  markers: WithId<AnnotationsMarkerConfig & TimeMarkerProps>[],\n): AnnotationsMarkerConfig[] => {\n  return markers.sort((a, b) => {\n    const aStart = a.start.getTime();\n    const bStart = b.start.getTime();\n    const aEnd = a.end ? a.end.getTime() : aStart;\n    const bEnd = b.end ? b.end.getTime() : bStart;\n\n    if (aStart === bStart) {\n      return aEnd - bEnd;\n    }\n\n    return a.start.getTime() - b.start.getTime();\n  });\n};\n\n/**\n * Creates a new group with a single annotation in it\n *\n * @param annotation - a single annotation to creat a group with\n * @param key - key of the group (\"start_end\" of the annotation)\n * @returns a new group with a single annotation in it\n */\nconst createGroup = (\n  annotation: AnnotationsMarkerConfig,\n  key: string,\n): AnnotationsMarkerGroup => ({\n  markers: [annotation],\n  priority: annotation.priority ?? DEFAULT_MARKER_PRIORITY,\n  key,\n});\n\n/**\n * Checks if the annotation overlaps with the last group\n *\n * @param groupStart - start of the last group\n * @param groupEnd - end of the last group\n * @param start - start of the annotation\n * @param end - end of the annotation\n */\nconst overlapsWithTheLastGroup = (\n  groupStart: number,\n  groupEnd: number,\n  start: number,\n  end: number,\n): boolean =>\n  (start >= groupStart && start <= groupEnd) ||\n  (end >= groupStart && end <= groupEnd);\n"],
+  "mappings": "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",
   "names": []
 }

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

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

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

@@ -1,5 +1,5 @@
 import "./Axis.css";
-var axis = "_90oaxp0-3-8-0";
+var axis = "_90oaxp0-3-9-0";
 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-8-0';"],
+  "sourcesContent": ["import './Axis.css';\nexport var axis = '_90oaxp0-3-9-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,OAAO;",
   "names": []
 }

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

@@ -1,4 +1,4 @@
-@keyframes _3rbllj2-3-8-0 {
+@keyframes _3rbllj2-3-9-0 {
   0% {
     transform: translateX(-4px);
     opacity: 0.2;
@@ -8,7 +8,7 @@
     opacity: 1;
   }
 }
-@keyframes _3rbllj3-3-8-0 {
+@keyframes _3rbllj3-3-9-0 {
   0% {
     transform: translateX(4px);
     opacity: 0.2;
@@ -18,7 +18,7 @@
     opacity: 1;
   }
 }
-._3rbllj4-3-8-0 {
+._3rbllj4-3-9-0 {
   opacity: 0;
   height: 100%;
   position: absolute;
@@ -34,29 +34,29 @@
   animation-delay: 0.2s;
   animation-fill-mode: forwards;
 }
-._3rbllj5-3-8-0 {
+._3rbllj5-3-9-0 {
   left: 0;
-  animation-name: _3rbllj2-3-8-0;
+  animation-name: _3rbllj2-3-9-0;
 }
-._3rbllj6-3-8-0 {
+._3rbllj6-3-9-0 {
   right: 0;
-  animation-name: _3rbllj3-3-8-0;
+  animation-name: _3rbllj3-3-9-0;
 }
-._3rbllj7-3-8-0 {
+._3rbllj7-3-9-0 {
   color: var(--dt-colors-icon-neutral-subdued, #595a7d);
 }
-._3rbllj7-3-8-0:hover {
+._3rbllj7-3-9-0:hover {
   color: var(--dt-colors-icon-neutral-subdued-hover, #434465);
 }
-._3rbllj7-3-8-0:active {
+._3rbllj7-3-9-0:active {
   color: var(--dt-colors-icon-neutral-subdued-active, #2f2f4f);
 }
-._3rbllj5-3-8-0 ~ div {
-  --_3rbllj0-3-8-0: rgba(0, 0, 0, 0) 12px, rgba(0, 0, 0, 1) 40px;
+._3rbllj5-3-9-0 ~ div {
+  --_3rbllj0-3-9-0: rgba(0, 0, 0, 0) 12px, rgba(0, 0, 0, 1) 40px;
 }
-._3rbllj6-3-8-0 ~ div {
-  --_3rbllj1-3-8-0: rgba(0, 0, 0, 1) calc(100% - 40px), rgba(0, 0, 0, 0) calc(100% - 12px);
+._3rbllj6-3-9-0 ~ div {
+  --_3rbllj1-3-9-0: rgba(0, 0, 0, 1) calc(100% - 40px), rgba(0, 0, 0, 0) calc(100% - 12px);
 }
-._3rbllj4-3-8-0 ~ div {
-  mask: linear-gradient(90deg, var(--_3rbllj0-3-8-0, rgba(0,0,0,1) 0%), var(--_3rbllj1-3-8-0, rgba(0,0,0,1) 0%));
+._3rbllj4-3-9-0 ~ div {
+  mask: linear-gradient(90deg, var(--_3rbllj0-3-9-0, rgba(0,0,0,1) 0%), var(--_3rbllj1-3-9-0, 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-8-0";
-var panningButtons = _7a468({ defaultClassName: "_3rbllj4-3-8-0", variantClassNames: { direction: { toLeft: "_3rbllj5-3-8-0", toRight: "_3rbllj6-3-8-0" } }, defaultVariants: {}, compoundVariants: [] });
+var panningArrow = "_3rbllj7-3-9-0";
+var panningButtons = _7a468({ defaultClassName: "_3rbllj4-3-9-0", variantClassNames: { direction: { toLeft: "_3rbllj5-3-9-0", toRight: "_3rbllj6-3-9-0" } }, 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-8-0';\nexport var panningButtons = _7a468({defaultClassName:'_3rbllj4-3-8-0',variantClassNames:{direction:{toLeft:'_3rbllj5-3-8-0',toRight:'_3rbllj6-3-8-0'}},defaultVariants:{},compoundVariants:[]});"],
+  "sourcesContent": ["import './PanningControls.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var panningArrow = '_3rbllj7-3-9-0';\nexport var panningButtons = _7a468({defaultClassName:'_3rbllj4-3-9-0',variantClassNames:{direction:{toLeft:'_3rbllj5-3-9-0',toRight:'_3rbllj6-3-9-0'}},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-8-0 {
+._13lzg4k0-3-9-0 {
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
 }
-._13lzg4k1-3-8-0 {
+._13lzg4k1-3-9-0 {
   box-sizing: content-box;
 }
-._13lzg4k2-3-8-0 {
+._13lzg4k2-3-9-0 {
   position: relative;
 }

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

@@ -1,7 +1,7 @@
 import "./ChartGrid.css";
-var area = "_13lzg4k1-3-8-0";
-var plot = "_13lzg4k2-3-8-0";
-var plotLayout = "_13lzg4k0-3-8-0";
+var area = "_13lzg4k1-3-9-0";
+var plot = "_13lzg4k2-3-9-0";
+var plotLayout = "_13lzg4k0-3-9-0";
 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-8-0';\nexport var plot = '_13lzg4k2-3-8-0';\nexport var plotLayout = '_13lzg4k0-3-8-0';"],
+  "sourcesContent": ["import './ChartGrid.css';\nexport var area = '_13lzg4k1-3-9-0';\nexport var plot = '_13lzg4k2-3-9-0';\nexport var plotLayout = '_13lzg4k0-3-9-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,OAAO;AACX,IAAI,OAAO;AACX,IAAI,aAAa;",
   "names": []
 }

package/esm/charts/core/components/chart-grid/ChartGridArea.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
-import useResizeObserver from "use-resize-observer";
 import { area } from "./ChartGrid.sty.js";
+import { useResizeObserver } from "../../../../core/hooks/useResizeObserver.js";
 import { Grid } from "../../../../layouts/grid/Grid.js";
 const ChartGridArea = ({
   gridArea,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/core/components/chart-grid/ChartGridArea.tsx"],
-  "sourcesContent": ["import { type JSX } from 'react';\nimport useResizeObserver from 'use-resize-observer';\n\nimport { area } from './ChartGrid.sty.js';\nimport { Grid, GridProps } from '../../../../layouts/grid/Grid.js';\n\n\n/**\n * @internal\n */\nexport interface ChartGridAreaProps extends Omit<GridProps<'div'>, 'children'> {\n  gridArea: string;\n  className?: string;\n  children: (props: {\n    availableWidth: number;\n    availableHeight: number;\n  }) => JSX.Element;\n}\n\n/**\n * A grid area in the that automatically adjusts its size to fit its container.\n * @internal\n */\nexport const ChartGridArea = ({\n  gridArea,\n  children,\n  ...rest\n}: ChartGridAreaProps) => {\n  const { width, height, ref } = useResizeObserver<HTMLDivElement>();\n\n  return (\n    <Grid<'div'>\n      ref={ref}\n      gridItem\n      className={area}\n      justifyContent=\"center\"\n      gridArea={gridArea}\n      {...rest}\n    >\n      {children({\n        availableWidth: width ?? 0,\n        availableHeight: height ?? 0,\n      })}\n    </Grid>\n  );\n};\n"],
-  "mappings": "AA+BI;AA9BJ,OAAO,uBAAuB;AAE9B,SAAS,YAAY;AACrB,SAAS,YAAuB;AAmBzB,MAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAA0B;AACxB,QAAM,EAAE,OAAO,QAAQ,IAAI,IAAI,kBAAkC;AAEjE,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,UAAQ;AAAA,MACR,WAAW;AAAA,MACX,gBAAe;AAAA,MACf;AAAA,MACC,GAAG;AAAA,MAEH,mBAAS;AAAA,QACR,gBAAgB,SAAS;AAAA,QACzB,iBAAiB,UAAU;AAAA,MAC7B,CAAC;AAAA;AAAA,EACH;AAEJ;",
+  "sourcesContent": ["import { type JSX } from 'react';\n\nimport { area } from './ChartGrid.sty.js';\nimport { useResizeObserver } from '../../../../core/hooks/useResizeObserver.js';\nimport { Grid, GridProps } from '../../../../layouts/grid/Grid.js';\n\n/**\n * @internal\n */\nexport interface ChartGridAreaProps extends Omit<GridProps<'div'>, 'children'> {\n  gridArea: string;\n  className?: string;\n  children: (props: {\n    availableWidth: number;\n    availableHeight: number;\n  }) => JSX.Element;\n}\n\n/**\n * A grid area in the that automatically adjusts its size to fit its container.\n * @internal\n */\nexport const ChartGridArea = ({\n  gridArea,\n  children,\n  ...rest\n}: ChartGridAreaProps) => {\n  const { width, height, ref } = useResizeObserver<HTMLDivElement>();\n\n  return (\n    <Grid<'div'>\n      ref={ref}\n      gridItem\n      className={area}\n      justifyContent=\"center\"\n      gridArea={gridArea}\n      {...rest}\n    >\n      {children({\n        availableWidth: width ?? 0,\n        availableHeight: height ?? 0,\n      })}\n    </Grid>\n  );\n};\n"],
+  "mappings": "AA8BI;AA5BJ,SAAS,YAAY;AACrB,SAAS,yBAAyB;AAClC,SAAS,YAAuB;AAkBzB,MAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAA0B;AACxB,QAAM,EAAE,OAAO,QAAQ,IAAI,IAAI,kBAAkC;AAEjE,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,UAAQ;AAAA,MACR,WAAW;AAAA,MACX,gBAAe;AAAA,MACf;AAAA,MACC,GAAG;AAAA,MAEH,mBAAS;AAAA,QACR,gBAAgB,SAAS;AAAA,QACzB,iBAAiB,UAAU;AAAA,MAC7B,CAAC;AAAA;AAAA,EACH;AAEJ;",
   "names": []
 }

package/esm/charts/core/components/chart-grid/providers/GridPlotSizeProvider.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { useMemo } from "react";
-import useResizeObserver from "use-resize-observer";
+import { useResizeObserver } from "../../../../../core/hooks/useResizeObserver.js";
 import { GridPlotContext } from "../context/GridPlotContext.js";
 const GridPlotSizeProvider = ({ children }) => {
   const { width = 0, height = 0, ref } = useResizeObserver();

package/esm/charts/core/components/chart-grid/providers/GridPlotSizeProvider.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/core/components/chart-grid/providers/GridPlotSizeProvider.tsx"],
-  "sourcesContent": ["import { type ReactNode, useMemo } from 'react';\nimport useResizeObserver from 'use-resize-observer';\n\nimport { GridPlotContext } from '../context/GridPlotContext.js';\n\nexport const GridPlotSizeProvider = ({ children }: { children: ReactNode }) => {\n  const { width = 0, height = 0, ref } = useResizeObserver<HTMLDivElement>();\n\n  const context = useMemo(() => ({ width, height, ref }), [width, height, ref]);\n\n  return (\n    <GridPlotContext.Provider value={context}>\n      {children}\n    </GridPlotContext.Provider>\n  );\n};\n\nGridPlotSizeProvider['displayName'] = 'GridPlotSizeProvider';\n"],
-  "mappings": "AAWI;AAXJ,SAAyB,eAAe;AACxC,OAAO,uBAAuB;AAE9B,SAAS,uBAAuB;AAEzB,MAAM,uBAAuB,CAAC,EAAE,SAAS,MAA+B;AAC7E,QAAM,EAAE,QAAQ,GAAG,SAAS,GAAG,IAAI,IAAI,kBAAkC;AAEzE,QAAM,UAAU,QAAQ,OAAO,EAAE,OAAO,QAAQ,IAAI,IAAI,CAAC,OAAO,QAAQ,GAAG,CAAC;AAE5E,SACE,oBAAC,gBAAgB,UAAhB,EAAyB,OAAO,SAC9B,UACH;AAEJ;AAEA,qBAAqB,aAAa,IAAI;",
+  "sourcesContent": ["import { type ReactNode, useMemo } from 'react';\n\nimport { useResizeObserver } from '../../../../../core/hooks/useResizeObserver.js';\nimport { GridPlotContext } from '../context/GridPlotContext.js';\n\nexport const GridPlotSizeProvider = ({ children }: { children: ReactNode }) => {\n  const { width = 0, height = 0, ref } = useResizeObserver<HTMLDivElement>();\n\n  const context = useMemo(() => ({ width, height, ref }), [width, height, ref]);\n\n  return (\n    <GridPlotContext.Provider value={context}>\n      {children}\n    </GridPlotContext.Provider>\n  );\n};\n\nGridPlotSizeProvider['displayName'] = 'GridPlotSizeProvider';\n"],
+  "mappings": "AAWI;AAXJ,SAAyB,eAAe;AAExC,SAAS,yBAAyB;AAClC,SAAS,uBAAuB;AAEzB,MAAM,uBAAuB,CAAC,EAAE,SAAS,MAA+B;AAC7E,QAAM,EAAE,QAAQ,GAAG,SAAS,GAAG,IAAI,IAAI,kBAAkC;AAEzE,QAAM,UAAU,QAAQ,OAAO,EAAE,OAAO,QAAQ,IAAI,IAAI,CAAC,OAAO,QAAQ,GAAG,CAAC;AAE5E,SACE,oBAAC,gBAAgB,UAAhB,EAAyB,OAAO,SAC9B,UACH;AAEJ;AAEA,qBAAqB,aAAa,IAAI;",
   "names": []
 }

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

@@ -1,46 +1,46 @@
-._l1klj80-3-8-0 {
+._l1klj80-3-9-0 {
   min-width: 0;
   grid-area: graphArea;
 }
-._l1klj81-3-8-0 {
+._l1klj81-3-9-0 {
   filter: opacity(40%);
   pointer-events: none;
 }
-._l1klj83-3-8-0 {
+._l1klj83-3-9-0 {
   height: inherit;
   grid-area: horizontalResize;
 }
-._l1klj84-3-8-0 {
+._l1klj84-3-9-0 {
   width: 100%;
   grid-area: verticalResize;
 }
-._l1klj85-3-8-0 {
+._l1klj85-3-9-0 {
   filter: opacity(40%);
   pointer-events: none;
 }
-._l1klj86-3-8-0 {
+._l1klj86-3-9-0 {
   height: 100%;
 }
-._l1klj87-3-8-0 {
+._l1klj87-3-9-0 {
   grid-area: verticalLegend;
 }
-._l1klj88-3-8-0 {
+._l1klj88-3-9-0 {
   grid-area: horizontalLegend;
 }
-._l1klj89-3-8-0 {
+._l1klj89-3-9-0 {
   filter: opacity(40%);
   pointer-events: none;
 }
-._l1klj8a-3-8-0 {
+._l1klj8a-3-9-0 {
   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-8-0:hover {
+._l1klj8a-3-9-0:hover {
   background: var(--dt-colors-border-primary-accent, #464cce);
 }
-._l1klj8b-3-8-0 {
+._l1klj8b-3-9-0 {
   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;
@@ -49,11 +49,11 @@
   grid-area: horizontalResize;
   align-self: center;
 }
-._l1klj8b-3-8-0:hover {
+._l1klj8b-3-9-0:hover {
   height: var(--dt-spacings-size-48, 48px);
   background-color: var(--dt-colors-border-neutral-accent-hover, #434465);
 }
-._l1klj8c-3-8-0 {
+._l1klj8c-3-9-0 {
   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;
@@ -62,7 +62,7 @@
   grid-area: verticalResize;
   align-self: flex-end;
 }
-._l1klj8c-3-8-0:hover {
+._l1klj8c-3-9-0:hover {
   width: var(--dt-spacings-size-48, 48px);
   background-color: var(--dt-colors-border-neutral-accent-hover, #434465);
 }

package/esm/charts/core/components/chart-layout/components/styles.sty.js

@@ -1,9 +1,9 @@
 import "./styles.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var graphContainer = _7a468({ defaultClassName: "_l1klj80-3-8-0", variantClassNames: { loading: { true: "_l1klj81-3-8-0" } }, defaultVariants: {}, compoundVariants: [] });
-var legendContainer = _7a468({ defaultClassName: "_l1klj86-3-8-0", variantClassNames: { orientation: { horizontal: "_l1klj87-3-8-0", vertical: "_l1klj88-3-8-0" }, loading: { true: "_l1klj89-3-8-0" } }, defaultVariants: {}, compoundVariants: [] });
-var legendResizeLine = _7a468({ defaultClassName: "_l1klj8a-3-8-0", variantClassNames: { orientation: { horizontal: "_l1klj8b-3-8-0", vertical: "_l1klj8c-3-8-0" } }, defaultVariants: {}, compoundVariants: [] });
-var resizeContainer = _7a468({ defaultClassName: "_l1klj82-3-8-0", variantClassNames: { orientation: { horizontal: "_l1klj83-3-8-0", vertical: "_l1klj84-3-8-0" }, loading: { true: "_l1klj85-3-8-0" } }, defaultVariants: {}, compoundVariants: [] });
+var graphContainer = _7a468({ defaultClassName: "_l1klj80-3-9-0", variantClassNames: { loading: { true: "_l1klj81-3-9-0" } }, defaultVariants: {}, compoundVariants: [] });
+var legendContainer = _7a468({ defaultClassName: "_l1klj86-3-9-0", variantClassNames: { orientation: { horizontal: "_l1klj87-3-9-0", vertical: "_l1klj88-3-9-0" }, loading: { true: "_l1klj89-3-9-0" } }, defaultVariants: {}, compoundVariants: [] });
+var legendResizeLine = _7a468({ defaultClassName: "_l1klj8a-3-9-0", variantClassNames: { orientation: { horizontal: "_l1klj8b-3-9-0", vertical: "_l1klj8c-3-9-0" } }, defaultVariants: {}, compoundVariants: [] });
+var resizeContainer = _7a468({ defaultClassName: "_l1klj82-3-9-0", variantClassNames: { orientation: { horizontal: "_l1klj83-3-9-0", vertical: "_l1klj84-3-9-0" }, loading: { true: "_l1klj85-3-9-0" } }, defaultVariants: {}, compoundVariants: [] });
 export {
   graphContainer,
   legendContainer,

package/esm/charts/core/components/chart-layout/components/styles.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/core/components/chart-layout/components/styles.css.ts"],
-  "sourcesContent": ["import './styles.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var graphContainer = _7a468({defaultClassName:'_l1klj80-3-8-0',variantClassNames:{loading:{true:'_l1klj81-3-8-0'}},defaultVariants:{},compoundVariants:[]});\nexport var legendContainer = _7a468({defaultClassName:'_l1klj86-3-8-0',variantClassNames:{orientation:{horizontal:'_l1klj87-3-8-0',vertical:'_l1klj88-3-8-0'},loading:{true:'_l1klj89-3-8-0'}},defaultVariants:{},compoundVariants:[]});\nexport var legendResizeLine = _7a468({defaultClassName:'_l1klj8a-3-8-0',variantClassNames:{orientation:{horizontal:'_l1klj8b-3-8-0',vertical:'_l1klj8c-3-8-0'}},defaultVariants:{},compoundVariants:[]});\nexport var resizeContainer = _7a468({defaultClassName:'_l1klj82-3-8-0',variantClassNames:{orientation:{horizontal:'_l1klj83-3-8-0',vertical:'_l1klj84-3-8-0'},loading:{true:'_l1klj85-3-8-0'}},defaultVariants:{},compoundVariants:[]});"],
+  "sourcesContent": ["import './styles.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var graphContainer = _7a468({defaultClassName:'_l1klj80-3-9-0',variantClassNames:{loading:{true:'_l1klj81-3-9-0'}},defaultVariants:{},compoundVariants:[]});\nexport var legendContainer = _7a468({defaultClassName:'_l1klj86-3-9-0',variantClassNames:{orientation:{horizontal:'_l1klj87-3-9-0',vertical:'_l1klj88-3-9-0'},loading:{true:'_l1klj89-3-9-0'}},defaultVariants:{},compoundVariants:[]});\nexport var legendResizeLine = _7a468({defaultClassName:'_l1klj8a-3-9-0',variantClassNames:{orientation:{horizontal:'_l1klj8b-3-9-0',vertical:'_l1klj8c-3-9-0'}},defaultVariants:{},compoundVariants:[]});\nexport var resizeContainer = _7a468({defaultClassName:'_l1klj82-3-9-0',variantClassNames:{orientation:{horizontal:'_l1klj83-3-9-0',vertical:'_l1klj84-3-9-0'},loading:{true:'_l1klj85-3-9-0'}},defaultVariants:{},compoundVariants:[]});"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,iBAAiB,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,SAAQ,EAAC,MAAK,iBAAgB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAC1J,IAAI,kBAAkB,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,aAAY,EAAC,YAAW,kBAAiB,UAAS,iBAAgB,GAAE,SAAQ,EAAC,MAAK,iBAAgB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAC/N,IAAI,mBAAmB,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,aAAY,EAAC,YAAW,kBAAiB,UAAS,iBAAgB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAChM,IAAI,kBAAkB,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,aAAY,EAAC,YAAW,kBAAiB,UAAS,iBAAgB,GAAE,SAAQ,EAAC,MAAK,iBAAgB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }

package/esm/charts/core/components/chart-states/ChartState.css

@@ -1,16 +1,16 @@
-._4pqs4v0-3-8-0 {
+._4pqs4v0-3-9-0 {
   color: var(--dt-colors-text-critical-default, #bb0731);
   font-size: var(--dt-typography-text-small-default-size, 12px);
 }
-._4pqs4v1-3-8-0 {
+._4pqs4v1-3-9-0 {
   color: var(--dt-colors-text-neutral-default, #2f2f4f);
   font-size: var(--dt-typography-text-small-default-size, 12px);
 }
-._4pqs4v2-3-8-0 {
+._4pqs4v2-3-9-0 {
   align-items: center;
   justify-content: center;
 }
-._4pqs4v3-3-8-0 {
+._4pqs4v3-3-9-0 {
   position: relative;
   width: 100%;
 }

package/esm/charts/core/components/chart-states/ChartState.sty.js

@@ -1,8 +1,8 @@
 import "./ChartState.css";
-var container = "_4pqs4v3-3-8-0";
-var emptyText = "_4pqs4v1-3-8-0";
-var errorText = "_4pqs4v0-3-8-0";
-var wrapper = "_4pqs4v2-3-8-0";
+var container = "_4pqs4v3-3-9-0";
+var emptyText = "_4pqs4v1-3-9-0";
+var errorText = "_4pqs4v0-3-9-0";
+var wrapper = "_4pqs4v2-3-9-0";
 export {
   container,
   emptyText,

package/esm/charts/core/components/chart-states/ChartState.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/core/components/chart-states/ChartState.css.ts"],
-  "sourcesContent": ["import './ChartState.css';\nexport var container = '_4pqs4v3-3-8-0';\nexport var emptyText = '_4pqs4v1-3-8-0';\nexport var errorText = '_4pqs4v0-3-8-0';\nexport var wrapper = '_4pqs4v2-3-8-0';"],
+  "sourcesContent": ["import './ChartState.css';\nexport var container = '_4pqs4v3-3-9-0';\nexport var emptyText = '_4pqs4v1-3-9-0';\nexport var errorText = '_4pqs4v0-3-9-0';\nexport var wrapper = '_4pqs4v2-3-9-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,YAAY;AAChB,IAAI,YAAY;AAChB,IAAI,YAAY;AAChB,IAAI,UAAU;",
   "names": []
 }

package/esm/charts/core/components/crosshair/components/Magnifier.css

@@ -1,4 +1,4 @@
-._nm3s3e0-3-8-0 {
+._nm3s3e0-3-9-0 {
   font-family: var(--dt-typography-text-small-default-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
   font-size: var(--dt-typography-text-small-default-size, 12px);
   font-weight: var(--dt-typography-text-small-default-weight, 400);
@@ -13,24 +13,24 @@
   z-index: var(--dt-elevations-sticky, 10);
   padding: var(--dt-spacings-size-2, 2px) var(--dt-spacings-size-4, 4px);
 }
-._nm3s3e1-3-8-0 {
+._nm3s3e1-3-9-0 {
   margin-left: -2px;
 }
-._nm3s3e2-3-8-0 {
+._nm3s3e2-3-9-0 {
   margin-left: var(--dt-spacings-size-2, 2px);
 }
-._nm3s3e3-3-8-0 {
+._nm3s3e3-3-9-0 {
   margin-top: var(--dt-spacings-size-2, 2px);
 }
-._nm3s3e4-3-8-0 {
+._nm3s3e4-3-9-0 {
   margin-top: -2px;
 }
-._nm3s3e5-3-8-0 {
+._nm3s3e5-3-9-0 {
   transform: rotate(-90deg);
   transform-origin: left bottom;
   margin-top: -2px;
 }
-._nm3s3e6-3-8-0 {
+._nm3s3e6-3-9-0 {
   transform: rotate(90deg) scaleX(-1) scaleY(-1) translateX(-100%) translateY(-100%);
   transform-origin: left top;
   margin-top: var(--dt-spacings-size-2, 2px);