@dynatrace/strato-components 3.13.2 → 3.14.0

package/esm/charts/core/components/annotations/components/canvas/renderers/value-marker-renderer/ValueMarkerRenderer.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../../../src/charts/core/components/annotations/components/canvas/renderers/value-marker-renderer/ValueMarkerRenderer.tsx"],
-  "sourcesContent": ["import {\n  isValidElement,\n  type PropsWithChildren,\n  type ReactNode,\n  useCallback,\n} from 'react';\n\nimport { CONTENT_OFFSET_Y, VALUE_MARKER_WIDTH } from './constants.js';\nimport { ValueMarkerPointerPosition } from './types.js';\nimport { calculateCenteredIcon } from './utils/calculate-centered-icon.js';\nimport { calculateCenteredText } from './utils/calculate-centered-text.js';\nimport { getMarkerGeometry } from './utils/get-marker-geometry.js';\nimport { useCanvas } from '../../../../../canvas/hooks/useCanvas.js';\nimport {\n  MARKER_BORDER_RADIUS,\n  MARKER_OPACITY,\n  MARKER_STROKE_WIDTH,\n} from '../../../../constants.js';\nimport { useAnnotationsIconImages } from '../../../../hooks/useAnnotationsIconImages.js';\nimport { CANVAS_PIXEL_OFFSET } from '../../constants.js';\nimport { applyMarkerStyles } from '../../utils/apply-marker-styles.js';\nimport { renderIconContent } from '../../utils/render-icon-to-canvas.js';\nimport { renderTextContent } from '../../utils/render-text-in-canvas.js';\n\nconst EXTENDED_AND_COLORED_EMOJI_REGEX =\n  /(\\p{Emoji}\\uFE0F|\\p{Emoji_Presentation})/gu;\n\nconst isEmojiSymbol = (text: ReactNode) =>\n  typeof text === 'string' &&\n  text.match(EXTENDED_AND_COLORED_EMOJI_REGEX)?.length === 1;\n\n// In retina display emojis are a little bit smaller.\nconst EMOJI_RETINA_OFFSET = 1.5;\n\nexport type ValueMarkerRendererProps = {\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n  fillColor: string;\n  strokeColor: string;\n  opacity?: number;\n  brightness?: string;\n  orientation?: ValueMarkerPointerPosition;\n  symbolColor?: string;\n};\n\nfunction renderStringToContext(\n  ctx: CanvasRenderingContext2D,\n  children: string,\n  x: number,\n  width: number,\n  orientation: ValueMarkerPointerPosition,\n  y: number,\n  fillColor: string,\n  symbolColor?: string,\n) {\n  const contentWidth = ctx.measureText(children).width;\n  const xOffset = calculateCenteredText(x, width, orientation, contentWidth);\n  const contentOffset = y + CONTENT_OFFSET_Y;\n  renderTextContent(\n    ctx,\n    children,\n    xOffset,\n    contentOffset,\n    orientation,\n    fillColor,\n    symbolColor,\n  );\n}\n\nexport const ValueMarkerRenderer = (\n  props: PropsWithChildren<ValueMarkerRendererProps>,\n) => {\n  const {\n    x,\n    y,\n    fillColor,\n    strokeColor,\n    children,\n    opacity = MARKER_OPACITY,\n    brightness,\n    width: widthProp,\n    orientation = 'center',\n    symbolColor,\n  } = props;\n\n  const width = Math.max(widthProp, VALUE_MARKER_WIDTH);\n  const geometry = getMarkerGeometry(\n    orientation,\n    x,\n    y - MARKER_STROKE_WIDTH,\n    isEmojiSymbol(children) ? VALUE_MARKER_WIDTH : width,\n  );\n\n  const iconImages = useAnnotationsIconImages();\n\n  const draw = useCallback(\n    (ctx: CanvasRenderingContext2D) => {\n      ctx.beginPath();\n      // Web-kit browsers need to move to the initial point to avoid weird behavior: APPDEV-8494\n      ctx.moveTo(geometry[0].x, geometry[0].y);\n      for (let i = 0; i < geometry.length; i += 2) {\n        const vertex = geometry[i];\n        const lineBisect = geometry[i + 1];\n\n        ctx.arcTo(\n          vertex.x - CANVAS_PIXEL_OFFSET,\n          vertex.y - CANVAS_PIXEL_OFFSET,\n          lineBisect.x - CANVAS_PIXEL_OFFSET,\n          lineBisect.y - CANVAS_PIXEL_OFFSET,\n          MARKER_BORDER_RADIUS,\n        );\n      }\n      applyMarkerStyles(ctx, opacity, brightness, fillColor, strokeColor);\n      ctx.closePath();\n\n      if (isValidElement(children)) {\n        const iconX = calculateCenteredIcon(x, orientation);\n\n        renderIconContent(ctx, children, iconImages, iconX, y);\n      } else if (\n        typeof children === 'string' &&\n        EXTENDED_AND_COLORED_EMOJI_REGEX.test(children)\n      ) {\n        // this makes no sense, but if I remove this assertion, a weird behavior is shown in retina.\n        EXTENDED_AND_COLORED_EMOJI_REGEX.test(children);\n        const retinaOffset = devicePixelRatio > 1 ? EMOJI_RETINA_OFFSET : 0;\n        renderStringToContext(\n          ctx,\n          children,\n          x + retinaOffset,\n          isEmojiSymbol(children) ? VALUE_MARKER_WIDTH : width,\n          orientation,\n          y,\n          fillColor,\n          symbolColor,\n        );\n      } else {\n        renderStringToContext(\n          ctx,\n          children as string,\n          x,\n          width,\n          orientation,\n          y,\n          fillColor,\n          symbolColor,\n        );\n      }\n\n      return false;\n    },\n    [\n      geometry,\n      opacity,\n      fillColor,\n      children,\n      iconImages,\n      x,\n      y,\n      brightness,\n      width,\n      symbolColor,\n    ],\n  );\n\n  useCanvas('annotations-value-marker', draw);\n\n  return null;\n};\n"],
-  "mappings": "AAAA;AAAA,EACE;AAAA,EAGA;AAAA,OACK;AAEP,SAAS,kBAAkB,0BAA0B;AAErD,SAAS,6BAA6B;AACtC,SAAS,6BAA6B;AACtC,SAAS,yBAAyB;AAClC,SAAS,iBAAiB;AAC1B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,gCAAgC;AACzC,SAAS,2BAA2B;AACpC,SAAS,yBAAyB;AAClC,SAAS,yBAAyB;AAClC,SAAS,yBAAyB;AAElC,MAAM,mCACJ;AAEF,MAAM,gBAAgB,CAAC,SACrB,OAAO,SAAS,YAChB,KAAK,MAAM,gCAAgC,GAAG,WAAW;AAG3D,MAAM,sBAAsB;AAe5B,SAAS,sBACP,KACA,UACA,GACA,OACA,aACA,GACA,WACA,aACA;AACA,QAAM,eAAe,IAAI,YAAY,QAAQ,EAAE;AAC/C,QAAM,UAAU,sBAAsB,GAAG,OAAO,aAAa,YAAY;AACzE,QAAM,gBAAgB,IAAI;AAC1B;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;AAEO,MAAM,sBAAsB,CACjC,UACG;AACH,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA,OAAO;AAAA,IACP,cAAc;AAAA,IACd;AAAA,EACF,IAAI;AAEJ,QAAM,QAAQ,KAAK,IAAI,WAAW,kBAAkB;AACpD,QAAM,WAAW;AAAA,IACf;AAAA,IACA;AAAA,IACA,IAAI;AAAA,IACJ,cAAc,QAAQ,IAAI,qBAAqB;AAAA,EACjD;AAEA,QAAM,aAAa,yBAAyB;AAE5C,QAAM,OAAO;AAAA,IACX,CAAC,QAAkC;AACjC,UAAI,UAAU;AAEd,UAAI,OAAO,SAAS,CAAC,EAAE,GAAG,SAAS,CAAC,EAAE,CAAC;AACvC,eAAS,IAAI,GAAG,IAAI,SAAS,QAAQ,KAAK,GAAG;AAC3C,cAAM,SAAS,SAAS,CAAC;AACzB,cAAM,aAAa,SAAS,IAAI,CAAC;AAEjC,YAAI;AAAA,UACF,OAAO,IAAI;AAAA,UACX,OAAO,IAAI;AAAA,UACX,WAAW,IAAI;AAAA,UACf,WAAW,IAAI;AAAA,UACf;AAAA,QACF;AAAA,MACF;AACA,wBAAkB,KAAK,SAAS,YAAY,WAAW,WAAW;AAClE,UAAI,UAAU;AAEd,UAAI,eAAe,QAAQ,GAAG;AAC5B,cAAM,QAAQ,sBAAsB,GAAG,WAAW;AAElD,0BAAkB,KAAK,UAAU,YAAY,OAAO,CAAC;AAAA,MACvD,WACE,OAAO,aAAa,YACpB,iCAAiC,KAAK,QAAQ,GAC9C;AAEA,yCAAiC,KAAK,QAAQ;AAC9C,cAAM,eAAe,mBAAmB,IAAI,sBAAsB;AAClE;AAAA,UACE;AAAA,UACA;AAAA,UACA,IAAI;AAAA,UACJ,cAAc,QAAQ,IAAI,qBAAqB;AAAA,UAC/C;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,MACF,OAAO;AACL;AAAA,UACE;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,MACF;AAEA,aAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAEA,YAAU,4BAA4B,IAAI;AAE1C,SAAO;AACT;",
+  "sourcesContent": ["import {\n  isValidElement,\n  type PropsWithChildren,\n  type ReactNode,\n  useCallback,\n} from 'react';\n\nimport {\n  CONTENT_OFFSET_Y,\n  DEFAULT_VALUE_MARKER_GEOMETRY,\n  VALUE_MARKER_WIDTH,\n} from './constants.js';\nimport {\n  type ValueMarkerGeometryDimensions,\n  ValueMarkerPointerPosition,\n} from './types.js';\nimport { calculateCenteredIcon } from './utils/calculate-centered-icon.js';\nimport { calculateCenteredText } from './utils/calculate-centered-text.js';\nimport { getMarkerGeometry } from './utils/get-marker-geometry.js';\nimport { useCanvas } from '../../../../../canvas/hooks/useCanvas.js';\nimport {\n  MARKER_BORDER_RADIUS,\n  MARKER_OPACITY,\n  MARKER_STROKE_WIDTH,\n} from '../../../../constants.js';\nimport { useAnnotationsIconImages } from '../../../../hooks/useAnnotationsIconImages.js';\nimport { CANVAS_PIXEL_OFFSET } from '../../constants.js';\nimport { applyMarkerStyles } from '../../utils/apply-marker-styles.js';\nimport { renderIconContent } from '../../utils/render-icon-to-canvas.js';\nimport { renderTextContent } from '../../utils/render-text-in-canvas.js';\n\nconst EXTENDED_AND_COLORED_EMOJI_REGEX =\n  /(\\p{Emoji}\\uFE0F|\\p{Emoji_Presentation})/gu;\n\nconst isEmojiSymbol = (text: ReactNode) =>\n  typeof text === 'string' &&\n  text.match(EXTENDED_AND_COLORED_EMOJI_REGEX)?.length === 1;\n\n// In retina display emojis are a little bit smaller.\nconst EMOJI_RETINA_OFFSET = 1.5;\n\nexport type ValueMarkerRendererProps = {\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n  fillColor: string;\n  strokeColor: string;\n  opacity?: number;\n  brightness?: string;\n  orientation?: ValueMarkerPointerPosition;\n  symbolColor?: string;\n  bodyHeight?: number;\n  triangleHeight?: number;\n  strokeInside?: boolean;\n};\n\nfunction renderStringToContext(\n  ctx: CanvasRenderingContext2D,\n  children: string,\n  x: number,\n  width: number,\n  orientation: ValueMarkerPointerPosition,\n  y: number,\n  fillColor: string,\n  symbolColor?: string,\n) {\n  const contentWidth = ctx.measureText(children).width;\n  const xOffset = calculateCenteredText(x, width, orientation, contentWidth);\n  const contentOffset = y + CONTENT_OFFSET_Y;\n  renderTextContent(\n    ctx,\n    children,\n    xOffset,\n    contentOffset,\n    orientation,\n    fillColor,\n    symbolColor,\n  );\n}\n\nexport const ValueMarkerRenderer = (\n  props: PropsWithChildren<ValueMarkerRendererProps>,\n) => {\n  const {\n    x,\n    y,\n    fillColor,\n    strokeColor,\n    children,\n    opacity = MARKER_OPACITY,\n    brightness,\n    width: widthProp,\n    orientation = 'center',\n    symbolColor,\n    bodyHeight = DEFAULT_VALUE_MARKER_GEOMETRY.bodyHeight,\n    triangleHeight = DEFAULT_VALUE_MARKER_GEOMETRY.triangleHeight,\n    strokeInside = DEFAULT_VALUE_MARKER_GEOMETRY.strokeInside,\n  } = props;\n\n  const dimensions: ValueMarkerGeometryDimensions = {\n    bodyHeight,\n    triangleHeight,\n    strokeInside,\n  };\n  const yOffset = strokeInside ? -MARKER_STROKE_WIDTH / 2 : MARKER_STROKE_WIDTH;\n  const minWidth = strokeInside\n    ? VALUE_MARKER_WIDTH - MARKER_STROKE_WIDTH * 2\n    : VALUE_MARKER_WIDTH;\n\n  const width = Math.max(widthProp, minWidth);\n  const geometry = getMarkerGeometry(\n    orientation,\n    x,\n    y - yOffset,\n    isEmojiSymbol(children) ? minWidth : width,\n    dimensions,\n  );\n\n  const iconImages = useAnnotationsIconImages();\n\n  const draw = useCallback(\n    (ctx: CanvasRenderingContext2D) => {\n      ctx.beginPath();\n      // Web-kit browsers need to move to the initial point to avoid weird behavior: APPDEV-8494\n      const [initialGeometry] = geometry;\n      if (!initialGeometry) {\n        return false;\n      }\n\n      ctx.moveTo(initialGeometry.x, initialGeometry.y);\n      for (let i = 0; i < geometry.length; i += 2) {\n        const vertex = geometry[i];\n        const lineBisect = geometry[i + 1];\n        if (!vertex || !lineBisect) {\n          return false;\n        }\n\n        ctx.arcTo(\n          vertex.x - CANVAS_PIXEL_OFFSET,\n          vertex.y - CANVAS_PIXEL_OFFSET,\n          lineBisect.x - CANVAS_PIXEL_OFFSET,\n          lineBisect.y - CANVAS_PIXEL_OFFSET,\n          MARKER_BORDER_RADIUS,\n        );\n      }\n      applyMarkerStyles(ctx, opacity, brightness, fillColor, strokeColor);\n      ctx.closePath();\n\n      if (isValidElement(children)) {\n        const iconX = calculateCenteredIcon(x, orientation);\n\n        renderIconContent(ctx, children, iconImages, iconX, y);\n      } else if (\n        typeof children === 'string' &&\n        EXTENDED_AND_COLORED_EMOJI_REGEX.test(children)\n      ) {\n        // this makes no sense, but if I remove this assertion, a weird behavior is shown in retina.\n        EXTENDED_AND_COLORED_EMOJI_REGEX.test(children);\n        const retinaOffset = devicePixelRatio > 1 ? EMOJI_RETINA_OFFSET : 0;\n        renderStringToContext(\n          ctx,\n          children,\n          x + retinaOffset,\n          isEmojiSymbol(children) ? minWidth : width,\n          orientation,\n          y,\n          fillColor,\n          symbolColor,\n        );\n      } else {\n        renderStringToContext(\n          ctx,\n          children as string,\n          x,\n          width,\n          orientation,\n          y,\n          fillColor,\n          symbolColor,\n        );\n      }\n\n      return false;\n    },\n    [\n      geometry,\n      opacity,\n      fillColor,\n      strokeColor,\n      children,\n      iconImages,\n      x,\n      y,\n      brightness,\n      width,\n      minWidth,\n      symbolColor,\n      orientation,\n    ],\n  );\n\n  useCanvas('annotations-value-marker', draw);\n\n  return null;\n};\n"],
+  "mappings": "AAAA;AAAA,EACE;AAAA,EAGA;AAAA,OACK;AAEP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAKP,SAAS,6BAA6B;AACtC,SAAS,6BAA6B;AACtC,SAAS,yBAAyB;AAClC,SAAS,iBAAiB;AAC1B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,gCAAgC;AACzC,SAAS,2BAA2B;AACpC,SAAS,yBAAyB;AAClC,SAAS,yBAAyB;AAClC,SAAS,yBAAyB;AAElC,MAAM,mCACJ;AAEF,MAAM,gBAAgB,CAAC,SACrB,OAAO,SAAS,YAChB,KAAK,MAAM,gCAAgC,GAAG,WAAW;AAG3D,MAAM,sBAAsB;AAkB5B,SAAS,sBACP,KACA,UACA,GACA,OACA,aACA,GACA,WACA,aACA;AACA,QAAM,eAAe,IAAI,YAAY,QAAQ,EAAE;AAC/C,QAAM,UAAU,sBAAsB,GAAG,OAAO,aAAa,YAAY;AACzE,QAAM,gBAAgB,IAAI;AAC1B;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;AAEO,MAAM,sBAAsB,CACjC,UACG;AACH,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA,OAAO;AAAA,IACP,cAAc;AAAA,IACd;AAAA,IACA,aAAa,8BAA8B;AAAA,IAC3C,iBAAiB,8BAA8B;AAAA,IAC/C,eAAe,8BAA8B;AAAA,EAC/C,IAAI;AAEJ,QAAM,aAA4C;AAAA,IAChD;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACA,QAAM,UAAU,eAAe,CAAC,sBAAsB,IAAI;AAC1D,QAAM,WAAW,eACb,qBAAqB,sBAAsB,IAC3C;AAEJ,QAAM,QAAQ,KAAK,IAAI,WAAW,QAAQ;AAC1C,QAAM,WAAW;AAAA,IACf;AAAA,IACA;AAAA,IACA,IAAI;AAAA,IACJ,cAAc,QAAQ,IAAI,WAAW;AAAA,IACrC;AAAA,EACF;AAEA,QAAM,aAAa,yBAAyB;AAE5C,QAAM,OAAO;AAAA,IACX,CAAC,QAAkC;AACjC,UAAI,UAAU;AAEd,YAAM,CAAC,eAAe,IAAI;AAC1B,UAAI,CAAC,iBAAiB;AACpB,eAAO;AAAA,MACT;AAEA,UAAI,OAAO,gBAAgB,GAAG,gBAAgB,CAAC;AAC/C,eAAS,IAAI,GAAG,IAAI,SAAS,QAAQ,KAAK,GAAG;AAC3C,cAAM,SAAS,SAAS,CAAC;AACzB,cAAM,aAAa,SAAS,IAAI,CAAC;AACjC,YAAI,CAAC,UAAU,CAAC,YAAY;AAC1B,iBAAO;AAAA,QACT;AAEA,YAAI;AAAA,UACF,OAAO,IAAI;AAAA,UACX,OAAO,IAAI;AAAA,UACX,WAAW,IAAI;AAAA,UACf,WAAW,IAAI;AAAA,UACf;AAAA,QACF;AAAA,MACF;AACA,wBAAkB,KAAK,SAAS,YAAY,WAAW,WAAW;AAClE,UAAI,UAAU;AAEd,UAAI,eAAe,QAAQ,GAAG;AAC5B,cAAM,QAAQ,sBAAsB,GAAG,WAAW;AAElD,0BAAkB,KAAK,UAAU,YAAY,OAAO,CAAC;AAAA,MACvD,WACE,OAAO,aAAa,YACpB,iCAAiC,KAAK,QAAQ,GAC9C;AAEA,yCAAiC,KAAK,QAAQ;AAC9C,cAAM,eAAe,mBAAmB,IAAI,sBAAsB;AAClE;AAAA,UACE;AAAA,UACA;AAAA,UACA,IAAI;AAAA,UACJ,cAAc,QAAQ,IAAI,WAAW;AAAA,UACrC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,MACF,OAAO;AACL;AAAA,UACE;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,MACF;AAEA,aAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAEA,YAAU,4BAA4B,IAAI;AAE1C,SAAO;AACT;",
   "names": []
 }

package/esm/charts/core/components/annotations/components/canvas/renderers/value-marker-renderer/build-marker-orientation-strategy.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../../../src/charts/core/components/annotations/components/canvas/renderers/value-marker-renderer/build-marker-orientation-strategy.ts"],
-  "sourcesContent": ["import { calculateCenterMarkerVertexes } from './utils/calculate-marker-pointer-center-vertexes.js';\nimport { calculateLeftMarkerVertexes } from './utils/calculate-marker-pointer-left-vertexes.js';\nimport { calculateRightMarkerVertexes } from './utils/calculate-marker-pointer-right-vertexes.js';\n\nexport const buildMarkerOrientationStrategy = {\n  center: calculateCenterMarkerVertexes,\n  left: calculateLeftMarkerVertexes,\n  right: calculateRightMarkerVertexes,\n};\n"],
+  "sourcesContent": ["import { calculateCenterMarkerVertexes } from './utils/calculate-marker-pointer-center-vertexes.js';\nimport { calculateLeftMarkerVertexes } from './utils/calculate-marker-pointer-left-vertexes.js';\nimport { calculateRightMarkerVertexes } from './utils/calculate-marker-pointer-right-vertexes.js';\n\nexport const buildMarkerOrientationStrategy = {\n  center: calculateCenterMarkerVertexes,\n  left: calculateLeftMarkerVertexes,\n  right: calculateRightMarkerVertexes,\n};\n\nexport type BuildMarkerOrientationStrategy =\n  (typeof buildMarkerOrientationStrategy)[keyof typeof buildMarkerOrientationStrategy];\n"],
   "mappings": "AAAA,SAAS,qCAAqC;AAC9C,SAAS,mCAAmC;AAC5C,SAAS,oCAAoC;AAEtC,MAAM,iCAAiC;AAAA,EAC5C,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,OAAO;AACT;",
   "names": []
 }

package/esm/charts/core/components/annotations/components/canvas/renderers/value-marker-renderer/constants.js

@@ -4,8 +4,14 @@ const MARKER_HALF_WIDTH = VALUE_MARKER_WIDTH / 2;
 const SQUARE_HEIGHT = 17 + MARKER_STROKE_WIDTH;
 const TRIANGLE_HEIGHT = 3 + MARKER_STROKE_WIDTH;
 const CONTENT_OFFSET_Y = 7.5;
+const DEFAULT_VALUE_MARKER_GEOMETRY = {
+  bodyHeight: SQUARE_HEIGHT,
+  triangleHeight: TRIANGLE_HEIGHT,
+  strokeInside: false
+};
 export {
   CONTENT_OFFSET_Y,
+  DEFAULT_VALUE_MARKER_GEOMETRY,
   MARKER_HALF_WIDTH,
   SQUARE_HEIGHT,
   TRIANGLE_HEIGHT,

package/esm/charts/core/components/annotations/components/canvas/renderers/value-marker-renderer/constants.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../../../src/charts/core/components/annotations/components/canvas/renderers/value-marker-renderer/constants.ts"],
-  "sourcesContent": ["import { MARKER_STROKE_WIDTH } from '../../../../constants.js';\n\nexport const VALUE_MARKER_WIDTH = 20 + MARKER_STROKE_WIDTH * 2;\nexport const MARKER_HALF_WIDTH = VALUE_MARKER_WIDTH / 2;\nexport const SQUARE_HEIGHT = 17 + MARKER_STROKE_WIDTH;\nexport const TRIANGLE_HEIGHT = 3 + MARKER_STROKE_WIDTH;\nexport const CONTENT_OFFSET_Y = 7.5;\n"],
-  "mappings": "AAAA,SAAS,2BAA2B;AAE7B,MAAM,qBAAqB,KAAK,sBAAsB;AACtD,MAAM,oBAAoB,qBAAqB;AAC/C,MAAM,gBAAgB,KAAK;AAC3B,MAAM,kBAAkB,IAAI;AAC5B,MAAM,mBAAmB;",
+  "sourcesContent": ["import type { ValueMarkerGeometryDimensions } from './types.js';\nimport { MARKER_STROKE_WIDTH } from '../../../../constants.js';\n\nexport const VALUE_MARKER_WIDTH = 20 + MARKER_STROKE_WIDTH * 2;\nexport const MARKER_HALF_WIDTH = VALUE_MARKER_WIDTH / 2;\nexport const SQUARE_HEIGHT = 17 + MARKER_STROKE_WIDTH;\nexport const TRIANGLE_HEIGHT = 3 + MARKER_STROKE_WIDTH;\nexport const CONTENT_OFFSET_Y = 7.5;\n\nexport const DEFAULT_VALUE_MARKER_GEOMETRY: ValueMarkerGeometryDimensions = {\n  bodyHeight: SQUARE_HEIGHT,\n  triangleHeight: TRIANGLE_HEIGHT,\n  strokeInside: false,\n};\n"],
+  "mappings": "AACA,SAAS,2BAA2B;AAE7B,MAAM,qBAAqB,KAAK,sBAAsB;AACtD,MAAM,oBAAoB,qBAAqB;AAC/C,MAAM,gBAAgB,KAAK;AAC3B,MAAM,kBAAkB,IAAI;AAC5B,MAAM,mBAAmB;AAEzB,MAAM,gCAA+D;AAAA,EAC1E,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,cAAc;AAChB;",
   "names": []
 }

package/esm/charts/core/components/annotations/components/canvas/renderers/value-marker-renderer/utils/calculate-marker-pointer-center-vertexes.js

@@ -1,15 +1,18 @@
 import {
+  DEFAULT_VALUE_MARKER_GEOMETRY,
   MARKER_HALF_WIDTH,
-  SQUARE_HEIGHT,
-  TRIANGLE_HEIGHT,
   VALUE_MARKER_WIDTH
 } from "../constants.js";
-const calculateCenterMarkerVertexes = (x, y, width) => {
+const calculateCenterMarkerVertexes = (x, y, width, dimensions = DEFAULT_VALUE_MARKER_GEOMETRY) => {
+  const strokeOffset = dimensions.strokeInside ? 0.5 : 0;
   const halfWidth = width / 2;
-  const leftXValues = x - halfWidth;
-  const rightXValues = x + halfWidth;
-  const bottomYValues = y + SQUARE_HEIGHT;
-  const bottomCenterVertex = { x, y: bottomYValues + TRIANGLE_HEIGHT };
+  const leftXValues = x - halfWidth + strokeOffset;
+  const rightXValues = x + halfWidth - strokeOffset;
+  const bottomYValues = y + dimensions.bodyHeight;
+  const bottomCenterVertex = {
+    x,
+    y: bottomYValues + dimensions.triangleHeight
+  };
   const triangleBottomLeftJoint = {
     x: x - MARKER_HALF_WIDTH,
     y: bottomYValues

package/esm/charts/core/components/annotations/components/canvas/renderers/value-marker-renderer/utils/calculate-marker-pointer-center-vertexes.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../../../../src/charts/core/components/annotations/components/canvas/renderers/value-marker-renderer/utils/calculate-marker-pointer-center-vertexes.ts"],
-  "sourcesContent": ["import {\n  MARKER_HALF_WIDTH,\n  SQUARE_HEIGHT,\n  TRIANGLE_HEIGHT,\n  VALUE_MARKER_WIDTH,\n} from '../constants.js';\n\nexport const calculateCenterMarkerVertexes = (\n  x: number,\n  y: number,\n  width: number,\n) => {\n  const halfWidth = width / 2;\n  const leftXValues = x - halfWidth;\n  const rightXValues = x + halfWidth;\n  const bottomYValues = y + SQUARE_HEIGHT;\n\n  const bottomCenterVertex = { x, y: bottomYValues + TRIANGLE_HEIGHT };\n  const triangleBottomLeftJoint = {\n    x: x - MARKER_HALF_WIDTH,\n    y: bottomYValues,\n  };\n  const topLeftVertex = { x: leftXValues, y };\n  const topRightVertex = { x: rightXValues, y };\n  const triangleBottomRightJoint = {\n    x: x + MARKER_HALF_WIDTH,\n    y: bottomYValues,\n  };\n\n  const shape = [\n    bottomCenterVertex,\n    triangleBottomLeftJoint,\n    topLeftVertex,\n    topRightVertex,\n    triangleBottomRightJoint,\n  ];\n\n  if (width !== VALUE_MARKER_WIDTH) {\n    const bottomLeftVertex = { x: leftXValues, y: bottomYValues };\n    const bottomRightVertex = { x: rightXValues, y: bottomYValues };\n    shape.splice(2, 0, bottomLeftVertex);\n    shape.splice(5, 0, bottomRightVertex);\n  }\n\n  return shape;\n};\n"],
-  "mappings": "AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEA,MAAM,gCAAgC,CAC3C,GACA,GACA,UACG;AACH,QAAM,YAAY,QAAQ;AAC1B,QAAM,cAAc,IAAI;AACxB,QAAM,eAAe,IAAI;AACzB,QAAM,gBAAgB,IAAI;AAE1B,QAAM,qBAAqB,EAAE,GAAG,GAAG,gBAAgB,gBAAgB;AACnE,QAAM,0BAA0B;AAAA,IAC9B,GAAG,IAAI;AAAA,IACP,GAAG;AAAA,EACL;AACA,QAAM,gBAAgB,EAAE,GAAG,aAAa,EAAE;AAC1C,QAAM,iBAAiB,EAAE,GAAG,cAAc,EAAE;AAC5C,QAAM,2BAA2B;AAAA,IAC/B,GAAG,IAAI;AAAA,IACP,GAAG;AAAA,EACL;AAEA,QAAM,QAAQ;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,MAAI,UAAU,oBAAoB;AAChC,UAAM,mBAAmB,EAAE,GAAG,aAAa,GAAG,cAAc;AAC5D,UAAM,oBAAoB,EAAE,GAAG,cAAc,GAAG,cAAc;AAC9D,UAAM,OAAO,GAAG,GAAG,gBAAgB;AACnC,UAAM,OAAO,GAAG,GAAG,iBAAiB;AAAA,EACtC;AAEA,SAAO;AACT;",
+  "sourcesContent": ["import {\n  DEFAULT_VALUE_MARKER_GEOMETRY,\n  MARKER_HALF_WIDTH,\n  VALUE_MARKER_WIDTH,\n} from '../constants.js';\nimport type { ValueMarkerGeometryDimensions } from '../types.js';\n\nexport const calculateCenterMarkerVertexes = (\n  x: number,\n  y: number,\n  width: number,\n  dimensions: ValueMarkerGeometryDimensions = DEFAULT_VALUE_MARKER_GEOMETRY,\n) => {\n  const strokeOffset = dimensions.strokeInside ? 0.5 : 0;\n  const halfWidth = width / 2;\n  const leftXValues = x - halfWidth + strokeOffset;\n  const rightXValues = x + halfWidth - strokeOffset;\n  const bottomYValues = y + dimensions.bodyHeight;\n\n  const bottomCenterVertex = {\n    x,\n    y: bottomYValues + dimensions.triangleHeight,\n  };\n  const triangleBottomLeftJoint = {\n    x: x - MARKER_HALF_WIDTH,\n    y: bottomYValues,\n  };\n  const topLeftVertex = { x: leftXValues, y };\n  const topRightVertex = { x: rightXValues, y };\n  const triangleBottomRightJoint = {\n    x: x + MARKER_HALF_WIDTH,\n    y: bottomYValues,\n  };\n\n  const shape = [\n    bottomCenterVertex,\n    triangleBottomLeftJoint,\n    topLeftVertex,\n    topRightVertex,\n    triangleBottomRightJoint,\n  ];\n\n  if (width !== VALUE_MARKER_WIDTH) {\n    const bottomLeftVertex = { x: leftXValues, y: bottomYValues };\n    const bottomRightVertex = { x: rightXValues, y: bottomYValues };\n    shape.splice(2, 0, bottomLeftVertex);\n    shape.splice(5, 0, bottomRightVertex);\n  }\n\n  return shape;\n};\n"],
+  "mappings": "AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAGA,MAAM,gCAAgC,CAC3C,GACA,GACA,OACA,aAA4C,kCACzC;AACH,QAAM,eAAe,WAAW,eAAe,MAAM;AACrD,QAAM,YAAY,QAAQ;AAC1B,QAAM,cAAc,IAAI,YAAY;AACpC,QAAM,eAAe,IAAI,YAAY;AACrC,QAAM,gBAAgB,IAAI,WAAW;AAErC,QAAM,qBAAqB;AAAA,IACzB;AAAA,IACA,GAAG,gBAAgB,WAAW;AAAA,EAChC;AACA,QAAM,0BAA0B;AAAA,IAC9B,GAAG,IAAI;AAAA,IACP,GAAG;AAAA,EACL;AACA,QAAM,gBAAgB,EAAE,GAAG,aAAa,EAAE;AAC1C,QAAM,iBAAiB,EAAE,GAAG,cAAc,EAAE;AAC5C,QAAM,2BAA2B;AAAA,IAC/B,GAAG,IAAI;AAAA,IACP,GAAG;AAAA,EACL;AAEA,QAAM,QAAQ;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,MAAI,UAAU,oBAAoB;AAChC,UAAM,mBAAmB,EAAE,GAAG,aAAa,GAAG,cAAc;AAC5D,UAAM,oBAAoB,EAAE,GAAG,cAAc,GAAG,cAAc;AAC9D,UAAM,OAAO,GAAG,GAAG,gBAAgB;AACnC,UAAM,OAAO,GAAG,GAAG,iBAAiB;AAAA,EACtC;AAEA,SAAO;AACT;",
   "names": []
 }

package/esm/charts/core/components/annotations/components/canvas/renderers/value-marker-renderer/utils/calculate-marker-pointer-left-vertexes.js

@@ -1,13 +1,16 @@
 import {
-  MARKER_HALF_WIDTH,
-  SQUARE_HEIGHT,
-  TRIANGLE_HEIGHT
+  DEFAULT_VALUE_MARKER_GEOMETRY,
+  MARKER_HALF_WIDTH
 } from "../constants.js";
-const calculateLeftMarkerVertexes = (x, y, width) => {
-  const leftXValues = x;
-  const rightXValues = x + width;
-  const bottomYValues = y + SQUARE_HEIGHT;
-  const bottomLeftVertex = { x, y: bottomYValues + TRIANGLE_HEIGHT };
+const calculateLeftMarkerVertexes = (x, y, width, dimensions = DEFAULT_VALUE_MARKER_GEOMETRY) => {
+  const strokeOffset = dimensions.strokeInside ? 0.5 : 0;
+  const leftXValues = x + strokeOffset;
+  const rightXValues = x + width - strokeOffset;
+  const bottomYValues = y + dimensions.bodyHeight;
+  const bottomLeftVertex = {
+    x,
+    y: bottomYValues + dimensions.triangleHeight
+  };
   const topLeftVertex = { x: leftXValues, y };
   const topRightVertex = { x: rightXValues, y };
   const bottomRightVertex = { x: rightXValues, y: bottomYValues };

package/esm/charts/core/components/annotations/components/canvas/renderers/value-marker-renderer/utils/calculate-marker-pointer-left-vertexes.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../../../../src/charts/core/components/annotations/components/canvas/renderers/value-marker-renderer/utils/calculate-marker-pointer-left-vertexes.ts"],
-  "sourcesContent": ["import {\n  MARKER_HALF_WIDTH,\n  SQUARE_HEIGHT,\n  TRIANGLE_HEIGHT,\n} from '../constants.js';\n\nexport const calculateLeftMarkerVertexes = (\n  x: number,\n  y: number,\n  width: number,\n) => {\n  const leftXValues = x;\n  const rightXValues = x + width;\n  const bottomYValues = y + SQUARE_HEIGHT;\n\n  const bottomLeftVertex = { x, y: bottomYValues + TRIANGLE_HEIGHT };\n  const topLeftVertex = { x: leftXValues, y };\n  const topRightVertex = { x: rightXValues, y };\n  const bottomRightVertex = { x: rightXValues, y: bottomYValues };\n  const triangleBottomRightJoint = {\n    x: x + MARKER_HALF_WIDTH,\n    y: bottomYValues,\n  };\n\n  return [\n    bottomLeftVertex,\n    topLeftVertex,\n    topRightVertex,\n    bottomRightVertex,\n    triangleBottomRightJoint,\n  ];\n};\n"],
-  "mappings": "AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEA,MAAM,8BAA8B,CACzC,GACA,GACA,UACG;AACH,QAAM,cAAc;AACpB,QAAM,eAAe,IAAI;AACzB,QAAM,gBAAgB,IAAI;AAE1B,QAAM,mBAAmB,EAAE,GAAG,GAAG,gBAAgB,gBAAgB;AACjE,QAAM,gBAAgB,EAAE,GAAG,aAAa,EAAE;AAC1C,QAAM,iBAAiB,EAAE,GAAG,cAAc,EAAE;AAC5C,QAAM,oBAAoB,EAAE,GAAG,cAAc,GAAG,cAAc;AAC9D,QAAM,2BAA2B;AAAA,IAC/B,GAAG,IAAI;AAAA,IACP,GAAG;AAAA,EACL;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
+  "sourcesContent": ["import {\n  DEFAULT_VALUE_MARKER_GEOMETRY,\n  MARKER_HALF_WIDTH,\n} from '../constants.js';\nimport type { ValueMarkerGeometryDimensions } from '../types.js';\n\nexport const calculateLeftMarkerVertexes = (\n  x: number,\n  y: number,\n  width: number,\n  dimensions: ValueMarkerGeometryDimensions = DEFAULT_VALUE_MARKER_GEOMETRY,\n) => {\n  const strokeOffset = dimensions.strokeInside ? 0.5 : 0;\n  const leftXValues = x + strokeOffset;\n  const rightXValues = x + width - strokeOffset;\n  const bottomYValues = y + dimensions.bodyHeight;\n\n  const bottomLeftVertex = {\n    x,\n    y: bottomYValues + dimensions.triangleHeight,\n  };\n  const topLeftVertex = { x: leftXValues, y };\n  const topRightVertex = { x: rightXValues, y };\n  const bottomRightVertex = { x: rightXValues, y: bottomYValues };\n  const triangleBottomRightJoint = {\n    x: x + MARKER_HALF_WIDTH,\n    y: bottomYValues,\n  };\n\n  return [\n    bottomLeftVertex,\n    topLeftVertex,\n    topRightVertex,\n    bottomRightVertex,\n    triangleBottomRightJoint,\n  ];\n};\n"],
+  "mappings": "AAAA;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAGA,MAAM,8BAA8B,CACzC,GACA,GACA,OACA,aAA4C,kCACzC;AACH,QAAM,eAAe,WAAW,eAAe,MAAM;AACrD,QAAM,cAAc,IAAI;AACxB,QAAM,eAAe,IAAI,QAAQ;AACjC,QAAM,gBAAgB,IAAI,WAAW;AAErC,QAAM,mBAAmB;AAAA,IACvB;AAAA,IACA,GAAG,gBAAgB,WAAW;AAAA,EAChC;AACA,QAAM,gBAAgB,EAAE,GAAG,aAAa,EAAE;AAC1C,QAAM,iBAAiB,EAAE,GAAG,cAAc,EAAE;AAC5C,QAAM,oBAAoB,EAAE,GAAG,cAAc,GAAG,cAAc;AAC9D,QAAM,2BAA2B;AAAA,IAC/B,GAAG,IAAI;AAAA,IACP,GAAG;AAAA,EACL;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
   "names": []
 }

package/esm/charts/core/components/annotations/components/canvas/renderers/value-marker-renderer/utils/calculate-marker-pointer-right-vertexes.js

@@ -1,15 +1,15 @@
 import {
-  MARKER_HALF_WIDTH,
-  SQUARE_HEIGHT,
-  TRIANGLE_HEIGHT
+  DEFAULT_VALUE_MARKER_GEOMETRY,
+  MARKER_HALF_WIDTH
 } from "../constants.js";
-const calculateRightMarkerVertexes = (x, y, width) => {
-  const leftXValues = x - width;
-  const rightXValues = x;
-  const bottomYValues = y + SQUARE_HEIGHT;
+const calculateRightMarkerVertexes = (x, y, width, dimensions = DEFAULT_VALUE_MARKER_GEOMETRY) => {
+  const strokeOffset = dimensions.strokeInside ? 0.5 : 0;
+  const leftXValues = x - width + strokeOffset;
+  const rightXValues = x - strokeOffset;
+  const bottomYValues = y + dimensions.bodyHeight;
   const bottomRightVertex = {
     x: rightXValues,
-    y: bottomYValues + TRIANGLE_HEIGHT
+    y: bottomYValues + dimensions.triangleHeight
   };
   const triangleBottomLeftJoint = {
     x: rightXValues - MARKER_HALF_WIDTH,

package/esm/charts/core/components/annotations/components/canvas/renderers/value-marker-renderer/utils/calculate-marker-pointer-right-vertexes.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../../../../src/charts/core/components/annotations/components/canvas/renderers/value-marker-renderer/utils/calculate-marker-pointer-right-vertexes.ts"],
-  "sourcesContent": ["import {\n  MARKER_HALF_WIDTH,\n  SQUARE_HEIGHT,\n  TRIANGLE_HEIGHT,\n} from '../constants.js';\n\nexport const calculateRightMarkerVertexes = (\n  x: number,\n  y: number,\n  width: number,\n) => {\n  const leftXValues = x - width;\n  const rightXValues = x;\n  const bottomYValues = y + SQUARE_HEIGHT;\n\n  const bottomRightVertex = {\n    x: rightXValues,\n    y: bottomYValues + TRIANGLE_HEIGHT,\n  };\n  const triangleBottomLeftJoint = {\n    x: rightXValues - MARKER_HALF_WIDTH,\n    y: bottomYValues,\n  };\n  const bottomLeftVertex = { x: leftXValues, y: bottomYValues };\n  const topLeftVertex = { x: leftXValues, y };\n  const topRightVertex = { x: rightXValues, y };\n\n  return [\n    bottomRightVertex,\n    triangleBottomLeftJoint,\n    bottomLeftVertex,\n    topLeftVertex,\n    topRightVertex,\n  ];\n};\n"],
-  "mappings": "AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEA,MAAM,+BAA+B,CAC1C,GACA,GACA,UACG;AACH,QAAM,cAAc,IAAI;AACxB,QAAM,eAAe;AACrB,QAAM,gBAAgB,IAAI;AAE1B,QAAM,oBAAoB;AAAA,IACxB,GAAG;AAAA,IACH,GAAG,gBAAgB;AAAA,EACrB;AACA,QAAM,0BAA0B;AAAA,IAC9B,GAAG,eAAe;AAAA,IAClB,GAAG;AAAA,EACL;AACA,QAAM,mBAAmB,EAAE,GAAG,aAAa,GAAG,cAAc;AAC5D,QAAM,gBAAgB,EAAE,GAAG,aAAa,EAAE;AAC1C,QAAM,iBAAiB,EAAE,GAAG,cAAc,EAAE;AAE5C,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
+  "sourcesContent": ["import {\n  DEFAULT_VALUE_MARKER_GEOMETRY,\n  MARKER_HALF_WIDTH,\n} from '../constants.js';\nimport type { ValueMarkerGeometryDimensions } from '../types.js';\n\nexport const calculateRightMarkerVertexes = (\n  x: number,\n  y: number,\n  width: number,\n  dimensions: ValueMarkerGeometryDimensions = DEFAULT_VALUE_MARKER_GEOMETRY,\n) => {\n  const strokeOffset = dimensions.strokeInside ? 0.5 : 0;\n  const leftXValues = x - width + strokeOffset;\n  const rightXValues = x - strokeOffset;\n  const bottomYValues = y + dimensions.bodyHeight;\n\n  const bottomRightVertex = {\n    x: rightXValues,\n    y: bottomYValues + dimensions.triangleHeight,\n  };\n  const triangleBottomLeftJoint = {\n    x: rightXValues - MARKER_HALF_WIDTH,\n    y: bottomYValues,\n  };\n  const bottomLeftVertex = { x: leftXValues, y: bottomYValues };\n  const topLeftVertex = { x: leftXValues, y };\n  const topRightVertex = { x: rightXValues, y };\n\n  return [\n    bottomRightVertex,\n    triangleBottomLeftJoint,\n    bottomLeftVertex,\n    topLeftVertex,\n    topRightVertex,\n  ];\n};\n"],
+  "mappings": "AAAA;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAGA,MAAM,+BAA+B,CAC1C,GACA,GACA,OACA,aAA4C,kCACzC;AACH,QAAM,eAAe,WAAW,eAAe,MAAM;AACrD,QAAM,cAAc,IAAI,QAAQ;AAChC,QAAM,eAAe,IAAI;AACzB,QAAM,gBAAgB,IAAI,WAAW;AAErC,QAAM,oBAAoB;AAAA,IACxB,GAAG;AAAA,IACH,GAAG,gBAAgB,WAAW;AAAA,EAChC;AACA,QAAM,0BAA0B;AAAA,IAC9B,GAAG,eAAe;AAAA,IAClB,GAAG;AAAA,EACL;AACA,QAAM,mBAAmB,EAAE,GAAG,aAAa,GAAG,cAAc;AAC5D,QAAM,gBAAgB,EAAE,GAAG,aAAa,EAAE;AAC1C,QAAM,iBAAiB,EAAE,GAAG,cAAc,EAAE;AAE5C,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
   "names": []
 }

package/esm/charts/core/components/annotations/components/canvas/renderers/value-marker-renderer/utils/get-marker-geometry.js

@@ -1,8 +1,9 @@
 import { getShapeLinesBisect } from "../../../../../../../utils/get-shape-lines-bisect.js";
 import { buildMarkerOrientationStrategy } from "../build-marker-orientation-strategy.js";
-const getMarkerGeometry = (orientation, x, y, width) => {
+import { DEFAULT_VALUE_MARKER_GEOMETRY } from "../constants.js";
+const getMarkerGeometry = (orientation, x, y, width, dimensions = DEFAULT_VALUE_MARKER_GEOMETRY) => {
   const valueMarkerBuilder = buildMarkerOrientationStrategy[orientation];
-  const markerVertexes = valueMarkerBuilder(x, y, width);
+  const markerVertexes = valueMarkerBuilder(x, y, width, dimensions);
   const markerLinesBisect = getShapeLinesBisect(markerVertexes);
   const markerGeometry = [];
   for (let i = 0; i < markerVertexes.length; i++) {

package/esm/charts/core/components/annotations/components/canvas/renderers/value-marker-renderer/utils/get-marker-geometry.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../../../../src/charts/core/components/annotations/components/canvas/renderers/value-marker-renderer/utils/get-marker-geometry.ts"],
-  "sourcesContent": ["import type { Point } from '../../../../../../../types/point.js';\nimport { getShapeLinesBisect } from '../../../../../../../utils/get-shape-lines-bisect.js';\nimport { buildMarkerOrientationStrategy } from '../build-marker-orientation-strategy.js';\nimport type { ValueMarkerPointerPosition } from '../types.js';\n\nexport const getMarkerGeometry = (\n  orientation: ValueMarkerPointerPosition,\n  x: number,\n  y: number,\n  width: number,\n) => {\n  const valueMarkerBuilder = buildMarkerOrientationStrategy[orientation];\n  const markerVertexes = valueMarkerBuilder(x, y, width);\n  const markerLinesBisect = getShapeLinesBisect(markerVertexes);\n\n  const markerGeometry: Point[] = [];\n\n  for (let i = 0; i < markerVertexes.length; i++) {\n    markerGeometry.push(markerVertexes[i]);\n    markerGeometry.push(markerLinesBisect[i]);\n  }\n\n  // We need to close the path rounding the initial point as well.\n  markerGeometry.push(markerVertexes[0]);\n  markerGeometry.push(markerLinesBisect[0]);\n\n  return markerGeometry;\n};\n"],
-  "mappings": "AACA,SAAS,2BAA2B;AACpC,SAAS,sCAAsC;AAGxC,MAAM,oBAAoB,CAC/B,aACA,GACA,GACA,UACG;AACH,QAAM,qBAAqB,+BAA+B,WAAW;AACrE,QAAM,iBAAiB,mBAAmB,GAAG,GAAG,KAAK;AACrD,QAAM,oBAAoB,oBAAoB,cAAc;AAE5D,QAAM,iBAA0B,CAAC;AAEjC,WAAS,IAAI,GAAG,IAAI,eAAe,QAAQ,KAAK;AAC9C,mBAAe,KAAK,eAAe,CAAC,CAAC;AACrC,mBAAe,KAAK,kBAAkB,CAAC,CAAC;AAAA,EAC1C;AAGA,iBAAe,KAAK,eAAe,CAAC,CAAC;AACrC,iBAAe,KAAK,kBAAkB,CAAC,CAAC;AAExC,SAAO;AACT;",
+  "sourcesContent": ["import type { Point } from '../../../../../../../types/point.js';\nimport { getShapeLinesBisect } from '../../../../../../../utils/get-shape-lines-bisect.js';\nimport { buildMarkerOrientationStrategy } from '../build-marker-orientation-strategy.js';\nimport { DEFAULT_VALUE_MARKER_GEOMETRY } from '../constants.js';\nimport type {\n  ValueMarkerGeometryDimensions,\n  ValueMarkerPointerPosition,\n} from '../types.js';\n\nexport const getMarkerGeometry = (\n  orientation: ValueMarkerPointerPosition,\n  x: number,\n  y: number,\n  width: number,\n  dimensions: ValueMarkerGeometryDimensions = DEFAULT_VALUE_MARKER_GEOMETRY,\n) => {\n  const valueMarkerBuilder = buildMarkerOrientationStrategy[orientation];\n  const markerVertexes = valueMarkerBuilder(x, y, width, dimensions);\n  const markerLinesBisect = getShapeLinesBisect(markerVertexes);\n\n  const markerGeometry: Point[] = [];\n\n  for (let i = 0; i < markerVertexes.length; i++) {\n    markerGeometry.push(markerVertexes[i]);\n    markerGeometry.push(markerLinesBisect[i]);\n  }\n\n  // We need to close the path rounding the initial point as well.\n  markerGeometry.push(markerVertexes[0]);\n  markerGeometry.push(markerLinesBisect[0]);\n\n  return markerGeometry;\n};\n"],
+  "mappings": "AACA,SAAS,2BAA2B;AACpC,SAAS,sCAAsC;AAC/C,SAAS,qCAAqC;AAMvC,MAAM,oBAAoB,CAC/B,aACA,GACA,GACA,OACA,aAA4C,kCACzC;AACH,QAAM,qBAAqB,+BAA+B,WAAW;AACrE,QAAM,iBAAiB,mBAAmB,GAAG,GAAG,OAAO,UAAU;AACjE,QAAM,oBAAoB,oBAAoB,cAAc;AAE5D,QAAM,iBAA0B,CAAC;AAEjC,WAAS,IAAI,GAAG,IAAI,eAAe,QAAQ,KAAK;AAC9C,mBAAe,KAAK,eAAe,CAAC,CAAC;AACrC,mBAAe,KAAK,kBAAkB,CAAC,CAAC;AAAA,EAC1C;AAGA,iBAAe,KAAK,eAAe,CAAC,CAAC;AACrC,iBAAe,KAAK,kBAAkB,CAAC,CAAC;AAExC,SAAO;AACT;",
   "names": []
 }

package/esm/charts/core/components/annotations/components/displays/AnnotationsNumericalDisplay.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../src/charts/core/components/annotations/components/displays/AnnotationsNumericalDisplay.tsx"],
-  "sourcesContent": ["import type { ScaleLinear, ScaleSymLog } from 'd3-scale';\n\nimport type {\n  ConvertibleUnit,\n  FormatOptions,\n  Unit,\n} from '@dynatrace-sdk/units';\n\nimport { AnnotationsContainer } from './AnnotationsContainer.js';\nimport { useBehavioralTrackingProps } from '../../../../../../core/hooks/useBehavioralTrackingProps.js';\nimport { BehaviorTrackingProps } from '../../../../../../core/types/behavior-tracking-props.js';\nimport type { TruncationMode } from '../../../../../../typography/text-ellipsis/TextEllipsis.js';\nimport type { Formatter } from '../../../../types/formatter.js';\nimport { OverlayProvider } from '../../../overlay-tooltip/contexts/OverlayContext.js';\nimport { TooltipProvider } from '../../../overlay-tooltip/contexts/TooltipContext.js';\nimport { AnnotationsProviders } from '../../providers/AnnotationsProviders.js';\nimport type { AnnotationsTrackConfig } from '../../types/annotations-track-props.js';\nimport type { AnnotationsActionsHandler } from '../../types/annotations.js';\nimport type { TextOverflowOptions } from '../../types/marker.js';\nimport type { SelectionState } from '../../types/state.js';\nimport { AnnotationsRenderer } from '../AnnotationsRenderer.js';\nimport { AnnotationsOverlayTooltip } from '../tooltip/AnnotationsOverlayTooltip.js';\nimport { AnnotationsTooltipFormatterContext } from '../tooltip/contexts/AnnotationsTooltipFormatter.context.js';\nimport type { AnnotationsTooltipConfig } from '../tooltip/types/annotations-tooltip-props.js';\n\n/**\n * @internal\n */\ntype AnnotationsNumericalDisplayProps = BehaviorTrackingProps & {\n  tracks: AnnotationsTrackConfig[];\n  scale: ScaleLinear<number, number> | ScaleSymLog<number, number>;\n  showLabels: boolean;\n  labelsOffset: number;\n  width: number;\n  textOverflow: TextOverflowOptions;\n  truncateMode?: TruncationMode;\n  maxLines?: number;\n  outerBottomLine?: boolean;\n  formatter?: Formatter | FormatOptions<Unit, ConvertibleUnit>;\n  annotationsActions?: AnnotationsActionsHandler;\n  markerGroupHover?: (event: Partial<SelectionState>) => void;\n  tooltipConfig?: AnnotationsTooltipConfig;\n  /**\n   * Optional data-dt-component attribute for RUM tracking.\n   */\n  'data-dt-component'?: string;\n};\n\nexport const AnnotationsNumericalDisplay = (\n  props: AnnotationsNumericalDisplayProps,\n) => {\n  const {\n    annotationsActions,\n    markerGroupHover,\n    formatter,\n    tooltipConfig,\n    'data-dt-component': dataDtComponent,\n    ...rendererProps\n  } = props;\n\n  const [behaviorTrackingProps] = useBehavioralTrackingProps(props);\n\n  return (\n    <OverlayProvider>\n      <AnnotationsContainer\n        {...behaviorTrackingProps}\n        data-dt-component={dataDtComponent}\n      >\n        <TooltipProvider persistedStore>\n          <AnnotationsProviders\n            onAnnotationsMarkersInteraction={markerGroupHover}\n            annotationsActions={annotationsActions}\n            tooltipConfig={tooltipConfig}\n          >\n            <AnnotationsTooltipFormatterContext.Provider value={formatter}>\n              <AnnotationsRenderer {...rendererProps} />\n              <AnnotationsOverlayTooltip\n                tooltipType=\"numerical\"\n                truncationMode={rendererProps.truncateMode}\n                maxLines={rendererProps.maxLines}\n              />\n            </AnnotationsTooltipFormatterContext.Provider>\n          </AnnotationsProviders>\n        </TooltipProvider>\n      </AnnotationsContainer>\n    </OverlayProvider>\n  );\n};\n\nAnnotationsNumericalDisplay['displayName'] = 'AnnotationsNumericalDisplay';\n"],
-  "mappings": "AA0EY,SACE,KADF;AAlEZ,SAAS,4BAA4B;AACrC,SAAS,kCAAkC;AAI3C,SAAS,uBAAuB;AAChC,SAAS,uBAAuB;AAChC,SAAS,4BAA4B;AAKrC,SAAS,2BAA2B;AACpC,SAAS,iCAAiC;AAC1C,SAAS,0CAA0C;AA0B5C,MAAM,8BAA8B,CACzC,UACG;AACH,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,qBAAqB;AAAA,IACrB,GAAG;AAAA,EACL,IAAI;AAEJ,QAAM,CAAC,qBAAqB,IAAI,2BAA2B,KAAK;AAEhE,SACE,oBAAC,mBACC;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,qBAAmB;AAAA,MAEnB,8BAAC,mBAAgB,gBAAc,MAC7B;AAAA,QAAC;AAAA;AAAA,UACC,iCAAiC;AAAA,UACjC;AAAA,UACA;AAAA,UAEA,+BAAC,mCAAmC,UAAnC,EAA4C,OAAO,WAClD;AAAA,gCAAC,uBAAqB,GAAG,eAAe;AAAA,YACxC;AAAA,cAAC;AAAA;AAAA,gBACC,aAAY;AAAA,gBACZ,gBAAgB,cAAc;AAAA,gBAC9B,UAAU,cAAc;AAAA;AAAA,YAC1B;AAAA,aACF;AAAA;AAAA,MACF,GACF;AAAA;AAAA,EACF,GACF;AAEJ;AAEA,4BAA4B,aAAa,IAAI;",
+  "sourcesContent": ["import type { ScaleLinear, ScaleSymLog } from 'd3-scale';\n\nimport type {\n  ConvertibleUnit,\n  FormatOptions,\n  Unit,\n} from '@dynatrace-sdk/units';\n\nimport { AnnotationsContainer } from './AnnotationsContainer.js';\nimport { useBehavioralTrackingProps } from '../../../../../../core/hooks/useBehavioralTrackingProps.js';\nimport { BehaviorTrackingProps } from '../../../../../../core/types/behavior-tracking-props.js';\nimport type { TruncationMode } from '../../../../../../typography/text-ellipsis/TextEllipsis.js';\nimport type { Formatter } from '../../../../types/formatter.js';\nimport { OverlayProvider } from '../../../overlay-tooltip/contexts/OverlayContext.js';\nimport { TooltipProvider } from '../../../overlay-tooltip/contexts/TooltipContext.js';\nimport type { AnnotationsDimensions } from '../../constants.js';\nimport { AnnotationsProviders } from '../../providers/AnnotationsProviders.js';\nimport type { AnnotationsTrackConfig } from '../../types/annotations-track-props.js';\nimport type { AnnotationsActionsHandler } from '../../types/annotations.js';\nimport type { TextOverflowOptions } from '../../types/marker.js';\nimport type { SelectionState } from '../../types/state.js';\nimport { AnnotationsRenderer } from '../AnnotationsRenderer.js';\nimport { AnnotationsOverlayTooltip } from '../tooltip/AnnotationsOverlayTooltip.js';\nimport { AnnotationsTooltipFormatterContext } from '../tooltip/contexts/AnnotationsTooltipFormatter.context.js';\nimport type { AnnotationsTooltipConfig } from '../tooltip/types/annotations-tooltip-props.js';\n\n/**\n * @internal\n */\ntype AnnotationsNumericalDisplayProps = BehaviorTrackingProps & {\n  tracks: AnnotationsTrackConfig[];\n  scale: ScaleLinear<number, number> | ScaleSymLog<number, number>;\n  showLabels: boolean;\n  labelsOffset: number;\n  width: number;\n  textOverflow: TextOverflowOptions;\n  truncateMode?: TruncationMode;\n  maxLines?: number;\n  outerBottomLine?: boolean;\n  dimensions?: AnnotationsDimensions;\n  showMarkerContent?: boolean;\n  formatter?: Formatter | FormatOptions<Unit, ConvertibleUnit>;\n  annotationsActions?: AnnotationsActionsHandler;\n  markerGroupHover?: (event: Partial<SelectionState>) => void;\n  tooltipConfig?: AnnotationsTooltipConfig;\n  /**\n   * Optional data-dt-component attribute for RUM tracking.\n   */\n  'data-dt-component'?: string;\n};\n\nexport const AnnotationsNumericalDisplay = (\n  props: AnnotationsNumericalDisplayProps,\n) => {\n  const {\n    annotationsActions,\n    markerGroupHover,\n    formatter,\n    tooltipConfig,\n    'data-dt-component': dataDtComponent,\n    ...rendererProps\n  } = props;\n\n  const [behaviorTrackingProps] = useBehavioralTrackingProps(props);\n\n  return (\n    <OverlayProvider>\n      <AnnotationsContainer\n        {...behaviorTrackingProps}\n        data-dt-component={dataDtComponent}\n      >\n        <TooltipProvider persistedStore>\n          <AnnotationsProviders\n            onAnnotationsMarkersInteraction={markerGroupHover}\n            annotationsActions={annotationsActions}\n            tooltipConfig={tooltipConfig}\n          >\n            <AnnotationsTooltipFormatterContext.Provider value={formatter}>\n              <AnnotationsRenderer {...rendererProps} />\n              <AnnotationsOverlayTooltip\n                tooltipType=\"numerical\"\n                truncationMode={rendererProps.truncateMode}\n                maxLines={rendererProps.maxLines}\n              />\n            </AnnotationsTooltipFormatterContext.Provider>\n          </AnnotationsProviders>\n        </TooltipProvider>\n      </AnnotationsContainer>\n    </OverlayProvider>\n  );\n};\n\nAnnotationsNumericalDisplay['displayName'] = 'AnnotationsNumericalDisplay';\n"],
+  "mappings": "AA6EY,SACE,KADF;AArEZ,SAAS,4BAA4B;AACrC,SAAS,kCAAkC;AAI3C,SAAS,uBAAuB;AAChC,SAAS,uBAAuB;AAEhC,SAAS,4BAA4B;AAKrC,SAAS,2BAA2B;AACpC,SAAS,iCAAiC;AAC1C,SAAS,0CAA0C;AA4B5C,MAAM,8BAA8B,CACzC,UACG;AACH,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,qBAAqB;AAAA,IACrB,GAAG;AAAA,EACL,IAAI;AAEJ,QAAM,CAAC,qBAAqB,IAAI,2BAA2B,KAAK;AAEhE,SACE,oBAAC,mBACC;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,qBAAmB;AAAA,MAEnB,8BAAC,mBAAgB,gBAAc,MAC7B;AAAA,QAAC;AAAA;AAAA,UACC,iCAAiC;AAAA,UACjC;AAAA,UACA;AAAA,UAEA,+BAAC,mCAAmC,UAAnC,EAA4C,OAAO,WAClD;AAAA,gCAAC,uBAAqB,GAAG,eAAe;AAAA,YACxC;AAAA,cAAC;AAAA;AAAA,gBACC,aAAY;AAAA,gBACZ,gBAAgB,cAAc;AAAA,gBAC9B,UAAU,cAAc;AAAA;AAAA,YAC1B;AAAA,aACF;AAAA;AAAA,MACF,GACF;AAAA;AAAA,EACF,GACF;AAEJ;AAEA,4BAA4B,aAAa,IAAI;",
   "names": []
 }

package/esm/charts/core/components/annotations/components/displays/AnnotationsTimeDisplay.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../src/charts/core/components/annotations/components/displays/AnnotationsTimeDisplay.tsx"],
-  "sourcesContent": ["import type { ScaleTime } from 'd3-scale';\n\nimport { AnnotationsContainer } from './AnnotationsContainer.js';\nimport { useBehavioralTrackingProps } from '../../../../../../core/hooks/useBehavioralTrackingProps.js';\nimport { BehaviorTrackingProps } from '../../../../../../core/types/behavior-tracking-props.js';\nimport type { TruncationMode } from '../../../../../../typography/text-ellipsis/TextEllipsis.js';\nimport { OverlayProvider } from '../../../overlay-tooltip/contexts/OverlayContext.js';\nimport { TooltipProvider } from '../../../overlay-tooltip/contexts/TooltipContext.js';\nimport { AnnotationsProviders } from '../../providers/AnnotationsProviders.js';\nimport type { AnnotationsTrackConfig } from '../../types/annotations-track-props.js';\nimport type { AnnotationsActionsHandler } from '../../types/annotations.js';\nimport type { TextOverflowOptions } from '../../types/marker.js';\nimport type { SelectionState } from '../../types/state.js';\nimport { AnnotationsRenderer } from '../AnnotationsRenderer.js';\nimport { AnnotationsOverlayTooltip } from '../tooltip/AnnotationsOverlayTooltip.js';\nimport type { AnnotationsTooltipConfig } from '../tooltip/types/annotations-tooltip-props.js';\n\n/**\n * @internal\n */\nexport type AnnotationsTimeDisplayProps = BehaviorTrackingProps & {\n  scale: ScaleTime<number, number>;\n  width: number;\n  tracks: AnnotationsTrackConfig[];\n  labelsOffset: number;\n  markerGroupHover?: (event: Partial<SelectionState>) => void;\n  showLabels: boolean;\n  annotationsActions?: AnnotationsActionsHandler;\n  tooltipConfig?: AnnotationsTooltipConfig;\n  textOverflow: TextOverflowOptions;\n  truncateMode?: TruncationMode;\n  maxLines?: number;\n  outerBottomLine?: boolean;\n  /**\n   * Optional explicit domain used for out-of-bounds filtering instead of\n   * `scale.domain()`. See `AnnotationsRendererProps.groupingDomain` for\n   * details.\n   */\n  groupingDomain?: Date[] | number[];\n  /**\n   * Optional data-dt-component attribute for RUM tracking.\n   */\n  'data-dt-component'?: string;\n};\n\nexport const AnnotationsTimeDisplay = (props: AnnotationsTimeDisplayProps) => {\n  const {\n    annotationsActions,\n    markerGroupHover,\n    tooltipConfig,\n    'data-dt-component': dataDtComponent,\n    ...rendererProps\n  } = props;\n\n  const [behaviorTrackingProps] = useBehavioralTrackingProps(props);\n\n  return (\n    <OverlayProvider>\n      <AnnotationsContainer\n        {...behaviorTrackingProps}\n        data-dt-component={dataDtComponent}\n      >\n        <TooltipProvider persistedStore>\n          <AnnotationsProviders\n            onAnnotationsMarkersInteraction={markerGroupHover}\n            annotationsActions={annotationsActions}\n            tooltipConfig={tooltipConfig}\n          >\n            <AnnotationsRenderer {...rendererProps} />\n            <AnnotationsOverlayTooltip\n              tooltipType=\"time\"\n              truncationMode={rendererProps.truncateMode}\n              maxLines={rendererProps.maxLines}\n            />\n          </AnnotationsProviders>\n        </TooltipProvider>\n      </AnnotationsContainer>\n    </OverlayProvider>\n  );\n};\nAnnotationsTimeDisplay['displayName'] = 'AnnotationsTimeDisplay';\n"],
-  "mappings": "AA+DU,SAKE,KALF;AA7DV,SAAS,4BAA4B;AACrC,SAAS,kCAAkC;AAG3C,SAAS,uBAAuB;AAChC,SAAS,uBAAuB;AAChC,SAAS,4BAA4B;AAKrC,SAAS,2BAA2B;AACpC,SAAS,iCAAiC;AA+BnC,MAAM,yBAAyB,CAAC,UAAuC;AAC5E,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,qBAAqB;AAAA,IACrB,GAAG;AAAA,EACL,IAAI;AAEJ,QAAM,CAAC,qBAAqB,IAAI,2BAA2B,KAAK;AAEhE,SACE,oBAAC,mBACC;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,qBAAmB;AAAA,MAEnB,8BAAC,mBAAgB,gBAAc,MAC7B;AAAA,QAAC;AAAA;AAAA,UACC,iCAAiC;AAAA,UACjC;AAAA,UACA;AAAA,UAEA;AAAA,gCAAC,uBAAqB,GAAG,eAAe;AAAA,YACxC;AAAA,cAAC;AAAA;AAAA,gBACC,aAAY;AAAA,gBACZ,gBAAgB,cAAc;AAAA,gBAC9B,UAAU,cAAc;AAAA;AAAA,YAC1B;AAAA;AAAA;AAAA,MACF,GACF;AAAA;AAAA,EACF,GACF;AAEJ;AACA,uBAAuB,aAAa,IAAI;",
+  "sourcesContent": ["import type { ScaleTime } from 'd3-scale';\n\nimport { AnnotationsContainer } from './AnnotationsContainer.js';\nimport { useBehavioralTrackingProps } from '../../../../../../core/hooks/useBehavioralTrackingProps.js';\nimport { BehaviorTrackingProps } from '../../../../../../core/types/behavior-tracking-props.js';\nimport type { TruncationMode } from '../../../../../../typography/text-ellipsis/TextEllipsis.js';\nimport { OverlayProvider } from '../../../overlay-tooltip/contexts/OverlayContext.js';\nimport { TooltipProvider } from '../../../overlay-tooltip/contexts/TooltipContext.js';\nimport type { AnnotationsDimensions } from '../../constants.js';\nimport { AnnotationsProviders } from '../../providers/AnnotationsProviders.js';\nimport type { AnnotationsTrackConfig } from '../../types/annotations-track-props.js';\nimport type { AnnotationsActionsHandler } from '../../types/annotations.js';\nimport type { TextOverflowOptions } from '../../types/marker.js';\nimport type { SelectionState } from '../../types/state.js';\nimport { AnnotationsRenderer } from '../AnnotationsRenderer.js';\nimport { AnnotationsOverlayTooltip } from '../tooltip/AnnotationsOverlayTooltip.js';\nimport type { AnnotationsTooltipConfig } from '../tooltip/types/annotations-tooltip-props.js';\n\n/**\n * @internal\n */\nexport type AnnotationsTimeDisplayProps = BehaviorTrackingProps & {\n  scale: ScaleTime<number, number>;\n  width: number;\n  tracks: AnnotationsTrackConfig[];\n  labelsOffset: number;\n  markerGroupHover?: (event: Partial<SelectionState>) => void;\n  showLabels: boolean;\n  annotationsActions?: AnnotationsActionsHandler;\n  tooltipConfig?: AnnotationsTooltipConfig;\n  textOverflow: TextOverflowOptions;\n  truncateMode?: TruncationMode;\n  maxLines?: number;\n  outerBottomLine?: boolean;\n  dimensions?: AnnotationsDimensions;\n  showMarkerContent?: boolean;\n  /**\n   * Optional explicit domain used for out-of-bounds filtering instead of\n   * `scale.domain()`. See `AnnotationsRendererProps.groupingDomain` for\n   * details.\n   */\n  groupingDomain?: Date[] | number[];\n  /**\n   * Optional data-dt-component attribute for RUM tracking.\n   */\n  'data-dt-component'?: string;\n};\n\nexport const AnnotationsTimeDisplay = (props: AnnotationsTimeDisplayProps) => {\n  const {\n    annotationsActions,\n    markerGroupHover,\n    tooltipConfig,\n    'data-dt-component': dataDtComponent,\n    ...rendererProps\n  } = props;\n\n  const [behaviorTrackingProps] = useBehavioralTrackingProps(props);\n\n  return (\n    <OverlayProvider>\n      <AnnotationsContainer\n        {...behaviorTrackingProps}\n        data-dt-component={dataDtComponent}\n      >\n        <TooltipProvider persistedStore>\n          <AnnotationsProviders\n            onAnnotationsMarkersInteraction={markerGroupHover}\n            annotationsActions={annotationsActions}\n            tooltipConfig={tooltipConfig}\n          >\n            <AnnotationsRenderer {...rendererProps} />\n            <AnnotationsOverlayTooltip\n              tooltipType=\"time\"\n              truncationMode={rendererProps.truncateMode}\n              maxLines={rendererProps.maxLines}\n            />\n          </AnnotationsProviders>\n        </TooltipProvider>\n      </AnnotationsContainer>\n    </OverlayProvider>\n  );\n};\nAnnotationsTimeDisplay['displayName'] = 'AnnotationsTimeDisplay';\n"],
+  "mappings": "AAkEU,SAKE,KALF;AAhEV,SAAS,4BAA4B;AACrC,SAAS,kCAAkC;AAG3C,SAAS,uBAAuB;AAChC,SAAS,uBAAuB;AAEhC,SAAS,4BAA4B;AAKrC,SAAS,2BAA2B;AACpC,SAAS,iCAAiC;AAiCnC,MAAM,yBAAyB,CAAC,UAAuC;AAC5E,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,qBAAqB;AAAA,IACrB,GAAG;AAAA,EACL,IAAI;AAEJ,QAAM,CAAC,qBAAqB,IAAI,2BAA2B,KAAK;AAEhE,SACE,oBAAC,mBACC;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,qBAAmB;AAAA,MAEnB,8BAAC,mBAAgB,gBAAc,MAC7B;AAAA,QAAC;AAAA;AAAA,UACC,iCAAiC;AAAA,UACjC;AAAA,UACA;AAAA,UAEA;AAAA,gCAAC,uBAAqB,GAAG,eAAe;AAAA,YACxC;AAAA,cAAC;AAAA;AAAA,gBACC,aAAY;AAAA,gBACZ,gBAAgB,cAAc;AAAA,gBAC9B,UAAU,cAAc;AAAA;AAAA,YAC1B;AAAA;AAAA;AAAA,MACF,GACF;AAAA;AAAA,EACF,GACF;AAEJ;AACA,uBAAuB,aAAa,IAAI;",
   "names": []
 }

package/esm/charts/core/components/annotations/components/indicators/IndicatorsRenderer.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../src/charts/core/components/annotations/components/indicators/IndicatorsRenderer.tsx"],
-  "sourcesContent": ["import type {\n  ScaleLinear,\n  ScaleLogarithmic,\n  ScaleSymLog,\n  ScaleTime,\n} from 'd3-scale';\n\n\nimport { AreaIndicator } from './AreaIndicator.js';\nimport { LineIndicator } from './LineIndicator.js';\nimport { useCurrentTheme } from '../../../../../../core/hooks/useCurrentTheme.js';\nimport { BrightnessFilter } from '../../../BrightnessFilter.js';\nimport { useGridPlotSize } from '../../../chart-grid/hooks/useGridPlotSize.js';\nimport { MarkerInteractionState } from '../../types/marker.js';\nimport { getMarkerBrightnessBasedOnState } from '../../utils/get-marker-brightness-based-on-state.js';\nimport { isRangeMarker } from '../../utils/is-range-marker.js';\nimport { serializeMarkerRange } from '../../utils/serialize-marker-range.js';\n\nexport interface IndicatorsRendererProps {\n  start: Date | number;\n  end?: Date | number;\n  color: string;\n  state: MarkerInteractionState;\n  trackIndex: number;\n  isInverted?: boolean;\n  scale:\n    | ScaleTime<number, number>\n    | ScaleLinear<number, number>\n    | ScaleLogarithmic<number, number>\n    | ScaleSymLog<number, number>;\n}\n\nexport const IndicatorsRenderer = ({\n  start,\n  end,\n  color,\n  state,\n  trackIndex,\n  scale,\n  isInverted = false,\n}: IndicatorsRendererProps) => {\n  const { height } = useGridPlotSize();\n  const theme = useCurrentTheme();\n  const slope = getMarkerBrightnessBasedOnState(theme, state);\n  let ShapeComponent;\n\n  const brightnessFilterId = `brightness_${serializeMarkerRange(\n    {\n      start: start.valueOf(),\n      end: end ? end.valueOf() : undefined,\n    },\n    trackIndex,\n  )}`;\n\n  const filter = `url(#${brightnessFilterId})`;\n\n  const range = { start, end };\n\n  if (isRangeMarker(range)) {\n    const x0 = scale(isInverted ? range.end : range.start) ?? 0;\n    const x1 = scale(isInverted ? range.start : range.end) ?? 0;\n    const width = x1 - x0;\n    ShapeComponent = AreaIndicator({\n      x: x0,\n      width,\n      height,\n      color,\n      filter,\n    });\n  } else {\n    const x0 = scale(range.start) ?? 0;\n    ShapeComponent = LineIndicator({ x: x0, height, color, filter });\n  }\n\n  return (\n    <>\n      <BrightnessFilter id={brightnessFilterId} slope={slope} />\n      {ShapeComponent}\n    </>\n  );\n};\n"],
-  "mappings": "AA2EI,mBACE,KADF;AAnEJ,SAAS,qBAAqB;AAC9B,SAAS,qBAAqB;AAC9B,SAAS,uBAAuB;AAChC,SAAS,wBAAwB;AACjC,SAAS,uBAAuB;AAEhC,SAAS,uCAAuC;AAChD,SAAS,qBAAqB;AAC9B,SAAS,4BAA4B;AAgB9B,MAAM,qBAAqB,CAAC;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAa;AACf,MAA+B;AAC7B,QAAM,EAAE,OAAO,IAAI,gBAAgB;AACnC,QAAM,QAAQ,gBAAgB;AAC9B,QAAM,QAAQ,gCAAgC,OAAO,KAAK;AAC1D,MAAI;AAEJ,QAAM,qBAAqB,cAAc;AAAA,IACvC;AAAA,MACE,OAAO,MAAM,QAAQ;AAAA,MACrB,KAAK,MAAM,IAAI,QAAQ,IAAI;AAAA,IAC7B;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,SAAS,QAAQ,kBAAkB;AAEzC,QAAM,QAAQ,EAAE,OAAO,IAAI;AAE3B,MAAI,cAAc,KAAK,GAAG;AACxB,UAAM,KAAK,MAAM,aAAa,MAAM,MAAM,MAAM,KAAK,KAAK;AAC1D,UAAM,KAAK,MAAM,aAAa,MAAM,QAAQ,MAAM,GAAG,KAAK;AAC1D,UAAM,QAAQ,KAAK;AACnB,qBAAiB,cAAc;AAAA,MAC7B,GAAG;AAAA,MACH;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAAA,EACH,OAAO;AACL,UAAM,KAAK,MAAM,MAAM,KAAK,KAAK;AACjC,qBAAiB,cAAc,EAAE,GAAG,IAAI,QAAQ,OAAO,OAAO,CAAC;AAAA,EACjE;AAEA,SACE,iCACE;AAAA,wBAAC,oBAAiB,IAAI,oBAAoB,OAAc;AAAA,IACvD;AAAA,KACH;AAEJ;",
+  "sourcesContent": ["import type {\n  ScaleLinear,\n  ScaleLogarithmic,\n  ScaleSymLog,\n  ScaleTime,\n} from 'd3-scale';\n\nimport { AreaIndicator } from './AreaIndicator.js';\nimport { LineIndicator } from './LineIndicator.js';\nimport { useCurrentTheme } from '../../../../../../core/hooks/useCurrentTheme.js';\nimport { BrightnessFilter } from '../../../BrightnessFilter.js';\nimport { useGridPlotSize } from '../../../chart-grid/hooks/useGridPlotSize.js';\nimport { MarkerInteractionState } from '../../types/marker.js';\nimport { getMarkerBrightnessBasedOnState } from '../../utils/get-marker-brightness-based-on-state.js';\nimport { isRangeMarker } from '../../utils/is-range-marker.js';\nimport { serializeMarkerRange } from '../../utils/serialize-marker-range.js';\n\nexport interface IndicatorsRendererProps {\n  start: Date | number;\n  end?: Date | number;\n  color: string;\n  state: MarkerInteractionState;\n  trackIndex: number;\n  isInverted?: boolean;\n  scale:\n    | ScaleTime<number, number>\n    | ScaleLinear<number, number>\n    | ScaleLogarithmic<number, number>\n    | ScaleSymLog<number, number>;\n}\n\nexport const IndicatorsRenderer = ({\n  start,\n  end,\n  color,\n  state,\n  trackIndex,\n  scale,\n  isInverted = false,\n}: IndicatorsRendererProps) => {\n  const { height } = useGridPlotSize();\n  const theme = useCurrentTheme();\n  const slope = getMarkerBrightnessBasedOnState(theme, state);\n  let ShapeComponent;\n\n  const brightnessFilterId = `brightness_${serializeMarkerRange(\n    {\n      start: start.valueOf(),\n      end: end ? end.valueOf() : undefined,\n    },\n    trackIndex,\n  )}`;\n\n  const filter = `url(#${brightnessFilterId})`;\n\n  const range = { start, end };\n\n  if (isRangeMarker(range)) {\n    const x0 = scale(isInverted ? range.end : range.start) ?? 0;\n    const x1 = scale(isInverted ? range.start : range.end) ?? 0;\n    const width = x1 - x0;\n    ShapeComponent = AreaIndicator({\n      x: x0,\n      width,\n      height,\n      color,\n      filter,\n    });\n  } else {\n    const x0 = scale(range.start) ?? 0;\n    ShapeComponent = LineIndicator({ x: x0, height, color, filter });\n  }\n\n  return (\n    <>\n      <BrightnessFilter id={brightnessFilterId} slope={slope} />\n      {ShapeComponent}\n    </>\n  );\n};\n"],
+  "mappings": "AA0EI,mBACE,KADF;AAnEJ,SAAS,qBAAqB;AAC9B,SAAS,qBAAqB;AAC9B,SAAS,uBAAuB;AAChC,SAAS,wBAAwB;AACjC,SAAS,uBAAuB;AAEhC,SAAS,uCAAuC;AAChD,SAAS,qBAAqB;AAC9B,SAAS,4BAA4B;AAgB9B,MAAM,qBAAqB,CAAC;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAa;AACf,MAA+B;AAC7B,QAAM,EAAE,OAAO,IAAI,gBAAgB;AACnC,QAAM,QAAQ,gBAAgB;AAC9B,QAAM,QAAQ,gCAAgC,OAAO,KAAK;AAC1D,MAAI;AAEJ,QAAM,qBAAqB,cAAc;AAAA,IACvC;AAAA,MACE,OAAO,MAAM,QAAQ;AAAA,MACrB,KAAK,MAAM,IAAI,QAAQ,IAAI;AAAA,IAC7B;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,SAAS,QAAQ,kBAAkB;AAEzC,QAAM,QAAQ,EAAE,OAAO,IAAI;AAE3B,MAAI,cAAc,KAAK,GAAG;AACxB,UAAM,KAAK,MAAM,aAAa,MAAM,MAAM,MAAM,KAAK,KAAK;AAC1D,UAAM,KAAK,MAAM,aAAa,MAAM,QAAQ,MAAM,GAAG,KAAK;AAC1D,UAAM,QAAQ,KAAK;AACnB,qBAAiB,cAAc;AAAA,MAC7B,GAAG;AAAA,MACH;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAAA,EACH,OAAO;AACL,UAAM,KAAK,MAAM,MAAM,KAAK,KAAK;AACjC,qBAAiB,cAAc,EAAE,GAAG,IAAI,QAAQ,OAAO,OAAO,CAAC;AAAA,EACjE;AAEA,SACE,iCACE;AAAA,wBAAC,oBAAiB,IAAI,oBAAoB,OAAc;AAAA,IACvD;AAAA,KACH;AAEJ;",
   "names": []
 }

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

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

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

@@ -2,14 +2,14 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useContext } from "react";
 import { annotationsOverlay } from "./AnnotationsOverlays.sty.js";
 import { Tooltip } from "../../../../../../overlays/tooltip/Tooltip.js";
-import { MARGIN_TOP_STROKE, TRACK_HEIGHT } from "../../constants.js";
+import { MARGIN_TOP_STROKE } from "../../constants.js";
 import { AnnotationsConfigContext } from "../../contexts/AnnotationsConfig.context.js";
 import { useOverlayEvents } from "../../hooks/useOverlayEvents.js";
 const AnnotationsOverlays = ({
   height,
   labelsPerTrack
 }) => {
-  const { labelsWidth, trackWidth, showLabels } = useContext(
+  const { labelsWidth, trackWidth, showLabels, dimensions } = useContext(
     AnnotationsConfigContext
   );
   const { handleMouseMove, handlePointerLeave, handleTouchEnd, handleClick } = useOverlayEvents();
@@ -30,8 +30,8 @@ const AnnotationsOverlays = ({
             style: {
               width: labelsWidth,
               left: 0,
-              top: MARGIN_TOP_STROKE + index * TRACK_HEIGHT,
-              height: TRACK_HEIGHT
+              top: MARGIN_TOP_STROKE + index * dimensions.trackHeight,
+              height: dimensions.trackHeight
             }
           }
         )

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../src/charts/core/components/annotations/components/overlays/AnnotationsOverlays.tsx"],
-  "sourcesContent": ["import { useContext } from 'react';\n\nimport { annotationsOverlay } from './AnnotationsOverlays.sty.js';\nimport { Tooltip } from '../../../../../../overlays/tooltip/Tooltip.js';\nimport { MARGIN_TOP_STROKE, TRACK_HEIGHT } from '../../constants.js';\nimport { AnnotationsConfigContext } from '../../contexts/AnnotationsConfig.context.js';\nimport { useOverlayEvents } from '../../hooks/useOverlayEvents.js';\nimport { type LabelInfo } from '../../utils/compute-labels-per-track.js';\n\nexport type AnnotationsOverlaysProps = {\n  height: number;\n  labelsPerTrack: LabelInfo[] | undefined;\n};\n\nexport const AnnotationsOverlays = ({\n  height,\n  labelsPerTrack,\n}: AnnotationsOverlaysProps) => {\n  const { labelsWidth, trackWidth, showLabels } = useContext(\n    AnnotationsConfigContext,\n  );\n\n  const { handleMouseMove, handlePointerLeave, handleTouchEnd, handleClick } =\n    useOverlayEvents();\n\n  return (\n    <>\n      {showLabels &&\n        labelsPerTrack?.map((labelInfo, index) => (\n          <Tooltip\n            key={labelInfo.id}\n            text={labelInfo.text}\n            disabled={!labelInfo.isTruncated}\n            placement=\"top\"\n            fallbackPlacements={['bottom', 'right']}\n            style={{ pointerEvents: 'none' }}\n          >\n            <div\n              aria-hidden=\"true\"\n              className={annotationsOverlay}\n              style={{\n                width: labelsWidth,\n                left: 0,\n                top: MARGIN_TOP_STROKE + index * TRACK_HEIGHT,\n                height: TRACK_HEIGHT,\n              }}\n            />\n          </Tooltip>\n        ))}\n      <div\n        aria-hidden=\"true\"\n        className={annotationsOverlay}\n        style={{\n          height,\n          width: trackWidth,\n          left: labelsWidth,\n          top: MARGIN_TOP_STROKE,\n        }}\n        onMouseMove={handleMouseMove}\n        onPointerLeave={handlePointerLeave}\n        onTouchEnd={handleTouchEnd}\n        onClick={handleClick}\n      />\n    </>\n  );\n};\n"],
-  "mappings": "AA0BI,mBAWQ,KAXR;AA1BJ,SAAS,kBAAkB;AAE3B,SAAS,0BAA0B;AACnC,SAAS,eAAe;AACxB,SAAS,mBAAmB,oBAAoB;AAChD,SAAS,gCAAgC;AACzC,SAAS,wBAAwB;AAQ1B,MAAM,sBAAsB,CAAC;AAAA,EAClC;AAAA,EACA;AACF,MAAgC;AAC9B,QAAM,EAAE,aAAa,YAAY,WAAW,IAAI;AAAA,IAC9C;AAAA,EACF;AAEA,QAAM,EAAE,iBAAiB,oBAAoB,gBAAgB,YAAY,IACvE,iBAAiB;AAEnB,SACE,iCACG;AAAA,kBACC,gBAAgB,IAAI,CAAC,WAAW,UAC9B;AAAA,MAAC;AAAA;AAAA,QAEC,MAAM,UAAU;AAAA,QAChB,UAAU,CAAC,UAAU;AAAA,QACrB,WAAU;AAAA,QACV,oBAAoB,CAAC,UAAU,OAAO;AAAA,QACtC,OAAO,EAAE,eAAe,OAAO;AAAA,QAE/B;AAAA,UAAC;AAAA;AAAA,YACC,eAAY;AAAA,YACZ,WAAW;AAAA,YACX,OAAO;AAAA,cACL,OAAO;AAAA,cACP,MAAM;AAAA,cACN,KAAK,oBAAoB,QAAQ;AAAA,cACjC,QAAQ;AAAA,YACV;AAAA;AAAA,QACF;AAAA;AAAA,MAhBK,UAAU;AAAA,IAiBjB,CACD;AAAA,IACH;AAAA,MAAC;AAAA;AAAA,QACC,eAAY;AAAA,QACZ,WAAW;AAAA,QACX,OAAO;AAAA,UACL;AAAA,UACA,OAAO;AAAA,UACP,MAAM;AAAA,UACN,KAAK;AAAA,QACP;AAAA,QACA,aAAa;AAAA,QACb,gBAAgB;AAAA,QAChB,YAAY;AAAA,QACZ,SAAS;AAAA;AAAA,IACX;AAAA,KACF;AAEJ;",
+  "sourcesContent": ["import { useContext } from 'react';\n\nimport { annotationsOverlay } from './AnnotationsOverlays.sty.js';\nimport { Tooltip } from '../../../../../../overlays/tooltip/Tooltip.js';\nimport { MARGIN_TOP_STROKE } from '../../constants.js';\nimport { AnnotationsConfigContext } from '../../contexts/AnnotationsConfig.context.js';\nimport { useOverlayEvents } from '../../hooks/useOverlayEvents.js';\nimport { type LabelInfo } from '../../utils/compute-labels-per-track.js';\n\nexport type AnnotationsOverlaysProps = {\n  height: number;\n  labelsPerTrack: LabelInfo[] | undefined;\n};\n\nexport const AnnotationsOverlays = ({\n  height,\n  labelsPerTrack,\n}: AnnotationsOverlaysProps) => {\n  const { labelsWidth, trackWidth, showLabels, dimensions } = useContext(\n    AnnotationsConfigContext,\n  );\n\n  const { handleMouseMove, handlePointerLeave, handleTouchEnd, handleClick } =\n    useOverlayEvents();\n\n  return (\n    <>\n      {showLabels &&\n        labelsPerTrack?.map((labelInfo, index) => (\n          <Tooltip\n            key={labelInfo.id}\n            text={labelInfo.text}\n            disabled={!labelInfo.isTruncated}\n            placement=\"top\"\n            fallbackPlacements={['bottom', 'right']}\n            style={{ pointerEvents: 'none' }}\n          >\n            <div\n              aria-hidden=\"true\"\n              className={annotationsOverlay}\n              style={{\n                width: labelsWidth,\n                left: 0,\n                top: MARGIN_TOP_STROKE + index * dimensions.trackHeight,\n                height: dimensions.trackHeight,\n              }}\n            />\n          </Tooltip>\n        ))}\n      <div\n        aria-hidden=\"true\"\n        className={annotationsOverlay}\n        style={{\n          height,\n          width: trackWidth,\n          left: labelsWidth,\n          top: MARGIN_TOP_STROKE,\n        }}\n        onMouseMove={handleMouseMove}\n        onPointerLeave={handlePointerLeave}\n        onTouchEnd={handleTouchEnd}\n        onClick={handleClick}\n      />\n    </>\n  );\n};\n"],
+  "mappings": "AA0BI,mBAWQ,KAXR;AA1BJ,SAAS,kBAAkB;AAE3B,SAAS,0BAA0B;AACnC,SAAS,eAAe;AACxB,SAAS,yBAAyB;AAClC,SAAS,gCAAgC;AACzC,SAAS,wBAAwB;AAQ1B,MAAM,sBAAsB,CAAC;AAAA,EAClC;AAAA,EACA;AACF,MAAgC;AAC9B,QAAM,EAAE,aAAa,YAAY,YAAY,WAAW,IAAI;AAAA,IAC1D;AAAA,EACF;AAEA,QAAM,EAAE,iBAAiB,oBAAoB,gBAAgB,YAAY,IACvE,iBAAiB;AAEnB,SACE,iCACG;AAAA,kBACC,gBAAgB,IAAI,CAAC,WAAW,UAC9B;AAAA,MAAC;AAAA;AAAA,QAEC,MAAM,UAAU;AAAA,QAChB,UAAU,CAAC,UAAU;AAAA,QACrB,WAAU;AAAA,QACV,oBAAoB,CAAC,UAAU,OAAO;AAAA,QACtC,OAAO,EAAE,eAAe,OAAO;AAAA,QAE/B;AAAA,UAAC;AAAA;AAAA,YACC,eAAY;AAAA,YACZ,WAAW;AAAA,YACX,OAAO;AAAA,cACL,OAAO;AAAA,cACP,MAAM;AAAA,cACN,KAAK,oBAAoB,QAAQ,WAAW;AAAA,cAC5C,QAAQ,WAAW;AAAA,YACrB;AAAA;AAAA,QACF;AAAA;AAAA,MAhBK,UAAU;AAAA,IAiBjB,CACD;AAAA,IACH;AAAA,MAAC;AAAA;AAAA,QACC,eAAY;AAAA,QACZ,WAAW;AAAA,QACX,OAAO;AAAA,UACL;AAAA,UACA,OAAO;AAAA,UACP,MAAM;AAAA,UACN,KAAK;AAAA,QACP;AAAA,QACA,aAAa;AAAA,QACb,gBAAgB;AAAA,QAChB,YAAY;AAAA,QACZ,SAAS;AAAA;AAAA,IACX;AAAA,KACF;AAEJ;",
   "names": []
 }

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

@@ -1,5 +1,5 @@
 import "./AnnotationsOverlays.css";
-var annotationsOverlay = "_107efci0-3-13-2";
+var annotationsOverlay = "_107efci0-3-14-0";
 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-13-2';"],
+  "sourcesContent": ["import './AnnotationsOverlays.css';\nexport var annotationsOverlay = '_107efci0-3-14-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,qBAAqB;",
   "names": []
 }

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

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

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

@@ -11,7 +11,8 @@ const AnnotationsScrollWrapper = ({
       className: scrollWrapper,
       style: {
         width,
-        height
+        height,
+        overflowY: "auto"
       },
       children
     }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../src/charts/core/components/annotations/components/overlays/AnnotationsScrollWrapper.tsx"],
-  "sourcesContent": ["import { type PropsWithChildren } from 'react';\n\nimport { scrollWrapper } from './AnnotationsScrollWrapper.sty.js';\n\ninterface AnnotationsScrollWrapperProps {\n  height: number | string;\n  width: number | string;\n}\n\nexport const AnnotationsScrollWrapper = ({\n  height,\n  width,\n  children,\n}: PropsWithChildren<AnnotationsScrollWrapperProps>) => {\n  return (\n    <div\n      className={scrollWrapper}\n      style={{\n        width: width,\n        height: height,\n      }}\n    >\n      {children}\n    </div>\n  );\n};\n"],
-  "mappings": "AAeI;AAbJ,SAAS,qBAAqB;AAOvB,MAAM,2BAA2B,CAAC;AAAA,EACvC;AAAA,EACA;AAAA,EACA;AACF,MAAwD;AACtD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,MACX,OAAO;AAAA,QACL;AAAA,QACA;AAAA,MACF;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ;",
+  "sourcesContent": ["import { type PropsWithChildren } from 'react';\n\nimport { scrollWrapper } from './AnnotationsScrollWrapper.sty.js';\n\ninterface AnnotationsScrollWrapperProps {\n  height: number | string;\n  width: number | string;\n}\n\nexport const AnnotationsScrollWrapper = ({\n  height,\n  width,\n  children,\n}: PropsWithChildren<AnnotationsScrollWrapperProps>) => {\n  return (\n    <div\n      className={scrollWrapper}\n      style={{\n        width: width,\n        height: height,\n        overflowY: 'auto',\n      }}\n    >\n      {children}\n    </div>\n  );\n};\n"],
+  "mappings": "AAeI;AAbJ,SAAS,qBAAqB;AAOvB,MAAM,2BAA2B,CAAC;AAAA,EACvC;AAAA,EACA;AAAA,EACA;AACF,MAAwD;AACtD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,MACX,OAAO;AAAA,QACL;AAAA,QACA;AAAA,QACA,WAAW;AAAA,MACb;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ;",
   "names": []
 }

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

@@ -1,5 +1,5 @@
 import "./AnnotationsScrollWrapper.css";
-var scrollWrapper = "_uzgvu30-3-13-2";
+var scrollWrapper = "_uzgvu30-3-14-0";
 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-13-2';"],
+  "sourcesContent": ["import './AnnotationsScrollWrapper.css';\nexport var scrollWrapper = '_uzgvu30-3-14-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,gBAAgB;",
   "names": []
 }

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

@@ -7,6 +7,10 @@ const TRACK_SEPARATOR_STROKE_WIDTH = 1;
 const TRACK_PADDING_Y = 1;
 const LABEL_OFFSET = 12;
 const PILL_MARKER_HEIGHT = 20;
+const COMPACT_TRACK_HEIGHT = 10;
+const COMPACT_MARKER_HEIGHT = 6;
+const COMPACT_VALUE_MARKER_BODY_HEIGHT = 4;
+const COMPACT_VALUE_MARKER_TRIANGLE_HEIGHT = 2;
 const OUTLINE_STROKE_WIDTH = 2;
 const DEFAULT_MARKER_COLOR = Colors.Charts.Categorical.Color01.Default;
 const MARKER_RADIUS = 10;
@@ -45,7 +49,30 @@ const FOREIGN_OBJECT_THRESHOLD = 8;
 const MARKER_BORDER_RADIUS = 2;
 const MARKER_CONTENT_TO_BORDER_PADDING = 4;
 const MARGIN_TOP_STROKE = 1;
+const DEFAULT_VALUE_MARKER_BODY_HEIGHT = 17;
+const DEFAULT_VALUE_MARKER_TRIANGLE_HEIGHT = 3;
+const DEFAULT_ANNOTATIONS_DIMENSIONS = {
+  trackHeight: TRACK_HEIGHT,
+  pillMarkerHeight: PILL_MARKER_HEIGHT,
+  valueMarkerBodyHeight: DEFAULT_VALUE_MARKER_BODY_HEIGHT + MARKER_STROKE_WIDTH,
+  valueMarkerTriangleHeight: DEFAULT_VALUE_MARKER_TRIANGLE_HEIGHT + MARKER_STROKE_WIDTH,
+  markerStrokeInside: false
+};
+const COMPACT_ANNOTATIONS_DIMENSIONS = {
+  trackHeight: COMPACT_TRACK_HEIGHT,
+  pillMarkerHeight: COMPACT_MARKER_HEIGHT,
+  valueMarkerBodyHeight: COMPACT_VALUE_MARKER_BODY_HEIGHT,
+  valueMarkerTriangleHeight: COMPACT_VALUE_MARKER_TRIANGLE_HEIGHT,
+  markerStrokeInside: true,
+  visibleTracksLimit: 1
+};
 export {
+  COMPACT_ANNOTATIONS_DIMENSIONS,
+  COMPACT_MARKER_HEIGHT,
+  COMPACT_TRACK_HEIGHT,
+  COMPACT_VALUE_MARKER_BODY_HEIGHT,
+  COMPACT_VALUE_MARKER_TRIANGLE_HEIGHT,
+  DEFAULT_ANNOTATIONS_DIMENSIONS,
   DEFAULT_ICON_COLOR,
   DEFAULT_INTEGRATION_TEXT_OVERFLOW,
   DEFAULT_LABELS_OFFSET,
@@ -59,6 +86,8 @@ export {
   DEFAULT_TOOLTIP_Y_OFFSET,
   DEFAULT_TRACK_HIDDEN,
   DEFAULT_TRUNCATION_MODE,
+  DEFAULT_VALUE_MARKER_BODY_HEIGHT,
+  DEFAULT_VALUE_MARKER_TRIANGLE_HEIGHT,
   FOREIGN_OBJECT_THRESHOLD,
   LABEL_OFFSET,
   MARGIN_TOP_STROKE,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/core/components/annotations/constants.ts"],
-  "sourcesContent": ["import Colors from '@dynatrace/strato-design-tokens/colors';\n\nexport const DEFAULT_LABELS_WIDTH = 60;\nexport const DEFAULT_LABELS_OFFSET = 20;\nexport const TRACK_HEIGHT = 24;\nexport const TRACK_SEPARATOR_COLOR = Colors.Border.Neutral.Default;\nexport const TRACK_SEPARATOR_STROKE_WIDTH = 1;\nexport const TRACK_PADDING_Y = 1;\n\nexport const LABEL_OFFSET = 12;\nexport const PILL_MARKER_HEIGHT = 20;\nexport const OUTLINE_STROKE_WIDTH = 2;\n\nexport const DEFAULT_MARKER_COLOR = Colors.Charts.Categorical.Color01.Default;\n\nexport const MARKER_RADIUS = 10;\nexport const MINIMUM_MARKER_WIDTH = 3;\nexport const MARKER_OPACITY = 0.85;\nexport const MARKER_STROKE_WIDTH = 1;\nexport const MARKER_STROKE_COLOR = Colors.Background.Base.Default;\nexport const OUTER_CIRCLE_RADIUS = MARKER_RADIUS + OUTLINE_STROKE_WIDTH;\n\nexport const SCROLLBAR_THRESHOLD = 15;\nexport const SCROLLBAR_WIDTH = 8;\nexport const DEFAULT_ICON_COLOR = Colors.Text.Neutral.OnAccent.Default;\n\nexport const MARKER_PROPS = {\n  opacity: MARKER_OPACITY,\n  stroke: MARKER_STROKE_COLOR,\n  strokeWidth: MARKER_STROKE_WIDTH,\n};\n\nexport const DEFAULT_TRACK_HIDDEN = false;\nexport const DEFAULT_MARKER_PRIORITY = 0;\nexport const DEFAULT_MARKER_HIDDEN = false;\nexport const DEFAULT_TOOLTIP_Y_OFFSET = 40;\nexport const DEFAULT_SHOW_LABELS = true;\nexport const DEFAULT_TEXT_OVERFLOW = 'truncate';\nexport const DEFAULT_TRUNCATION_MODE = 'middle';\nexport const DEFAULT_TOOLTIP_MAX_LINES = 1;\nexport const DEFAULT_INTEGRATION_TEXT_OVERFLOW = 'expand';\n\nexport const enum TestIds {\n  Marker = 'marker',\n  Track = 'track',\n  MarkerGroup = 'marker-group',\n  AnnotationIndicator = 'annotation-indicator',\n}\n\nexport const MARKER_ICON_OFFSET = 2;\nexport const MARKER_LABEL_PADDING = 6;\nexport const FOREIGN_OBJECT_THRESHOLD = 8;\nexport const MARKER_BORDER_RADIUS = 2;\nexport const MARKER_CONTENT_TO_BORDER_PADDING = 4;\nexport const MARGIN_TOP_STROKE = 1;\n"],
-  "mappings": "AAAA,OAAO,YAAY;AAEZ,MAAM,uBAAuB;AAC7B,MAAM,wBAAwB;AAC9B,MAAM,eAAe;AACrB,MAAM,wBAAwB,OAAO,OAAO,QAAQ;AACpD,MAAM,+BAA+B;AACrC,MAAM,kBAAkB;AAExB,MAAM,eAAe;AACrB,MAAM,qBAAqB;AAC3B,MAAM,uBAAuB;AAE7B,MAAM,uBAAuB,OAAO,OAAO,YAAY,QAAQ;AAE/D,MAAM,gBAAgB;AACtB,MAAM,uBAAuB;AAC7B,MAAM,iBAAiB;AACvB,MAAM,sBAAsB;AAC5B,MAAM,sBAAsB,OAAO,WAAW,KAAK;AACnD,MAAM,sBAAsB,gBAAgB;AAE5C,MAAM,sBAAsB;AAC5B,MAAM,kBAAkB;AACxB,MAAM,qBAAqB,OAAO,KAAK,QAAQ,SAAS;AAExD,MAAM,eAAe;AAAA,EAC1B,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,aAAa;AACf;AAEO,MAAM,uBAAuB;AAC7B,MAAM,0BAA0B;AAChC,MAAM,wBAAwB;AAC9B,MAAM,2BAA2B;AACjC,MAAM,sBAAsB;AAC5B,MAAM,wBAAwB;AAC9B,MAAM,0BAA0B;AAChC,MAAM,4BAA4B;AAClC,MAAM,oCAAoC;AAE1C,IAAW,UAAX,kBAAWA,aAAX;AACL,EAAAA,SAAA,YAAS;AACT,EAAAA,SAAA,WAAQ;AACR,EAAAA,SAAA,iBAAc;AACd,EAAAA,SAAA,yBAAsB;AAJN,SAAAA;AAAA,GAAA;AAOX,MAAM,qBAAqB;AAC3B,MAAM,uBAAuB;AAC7B,MAAM,2BAA2B;AACjC,MAAM,uBAAuB;AAC7B,MAAM,mCAAmC;AACzC,MAAM,oBAAoB;",
+  "sourcesContent": ["import Colors from '@dynatrace/strato-design-tokens/colors';\n\nexport const DEFAULT_LABELS_WIDTH = 60;\nexport const DEFAULT_LABELS_OFFSET = 20;\nexport const TRACK_HEIGHT = 24;\nexport const TRACK_SEPARATOR_COLOR = Colors.Border.Neutral.Default;\nexport const TRACK_SEPARATOR_STROKE_WIDTH = 1;\nexport const TRACK_PADDING_Y = 1;\n\nexport const LABEL_OFFSET = 12;\nexport const PILL_MARKER_HEIGHT = 20;\nexport const COMPACT_TRACK_HEIGHT = 10;\nexport const COMPACT_MARKER_HEIGHT = 6;\nexport const COMPACT_VALUE_MARKER_BODY_HEIGHT = 4;\nexport const COMPACT_VALUE_MARKER_TRIANGLE_HEIGHT = 2;\nexport const OUTLINE_STROKE_WIDTH = 2;\n\nexport const DEFAULT_MARKER_COLOR = Colors.Charts.Categorical.Color01.Default;\n\nexport const MARKER_RADIUS = 10;\nexport const MINIMUM_MARKER_WIDTH = 3;\nexport const MARKER_OPACITY = 0.85;\nexport const MARKER_STROKE_WIDTH = 1;\nexport const MARKER_STROKE_COLOR = Colors.Background.Base.Default;\nexport const OUTER_CIRCLE_RADIUS = MARKER_RADIUS + OUTLINE_STROKE_WIDTH;\n\nexport const SCROLLBAR_THRESHOLD = 15;\nexport const SCROLLBAR_WIDTH = 8;\nexport const DEFAULT_ICON_COLOR = Colors.Text.Neutral.OnAccent.Default;\n\nexport const MARKER_PROPS = {\n  opacity: MARKER_OPACITY,\n  stroke: MARKER_STROKE_COLOR,\n  strokeWidth: MARKER_STROKE_WIDTH,\n};\n\nexport const DEFAULT_TRACK_HIDDEN = false;\nexport const DEFAULT_MARKER_PRIORITY = 0;\nexport const DEFAULT_MARKER_HIDDEN = false;\nexport const DEFAULT_TOOLTIP_Y_OFFSET = 40;\nexport const DEFAULT_SHOW_LABELS = true;\nexport const DEFAULT_TEXT_OVERFLOW = 'truncate';\nexport const DEFAULT_TRUNCATION_MODE = 'middle';\nexport const DEFAULT_TOOLTIP_MAX_LINES = 1;\nexport const DEFAULT_INTEGRATION_TEXT_OVERFLOW = 'expand';\n\nexport const enum TestIds {\n  Marker = 'marker',\n  Track = 'track',\n  MarkerGroup = 'marker-group',\n  AnnotationIndicator = 'annotation-indicator',\n}\n\nexport const MARKER_ICON_OFFSET = 2;\nexport const MARKER_LABEL_PADDING = 6;\nexport const FOREIGN_OBJECT_THRESHOLD = 8;\nexport const MARKER_BORDER_RADIUS = 2;\nexport const MARKER_CONTENT_TO_BORDER_PADDING = 4;\nexport const MARGIN_TOP_STROKE = 1;\n\n/**\n * @internal\n */\nexport type AnnotationsDimensions = {\n  trackHeight: number;\n  pillMarkerHeight: number;\n  valueMarkerBodyHeight: number;\n  valueMarkerTriangleHeight: number;\n  markerStrokeInside: boolean;\n  visibleTracksLimit?: number;\n};\n\nexport const DEFAULT_VALUE_MARKER_BODY_HEIGHT = 17;\nexport const DEFAULT_VALUE_MARKER_TRIANGLE_HEIGHT = 3;\n\nexport const DEFAULT_ANNOTATIONS_DIMENSIONS: AnnotationsDimensions = {\n  trackHeight: TRACK_HEIGHT,\n  pillMarkerHeight: PILL_MARKER_HEIGHT,\n  valueMarkerBodyHeight: DEFAULT_VALUE_MARKER_BODY_HEIGHT + MARKER_STROKE_WIDTH,\n  valueMarkerTriangleHeight:\n    DEFAULT_VALUE_MARKER_TRIANGLE_HEIGHT + MARKER_STROKE_WIDTH,\n  markerStrokeInside: false,\n};\n\nexport const COMPACT_ANNOTATIONS_DIMENSIONS: AnnotationsDimensions = {\n  trackHeight: COMPACT_TRACK_HEIGHT,\n  pillMarkerHeight: COMPACT_MARKER_HEIGHT,\n  valueMarkerBodyHeight: COMPACT_VALUE_MARKER_BODY_HEIGHT,\n  valueMarkerTriangleHeight: COMPACT_VALUE_MARKER_TRIANGLE_HEIGHT,\n  markerStrokeInside: true,\n  visibleTracksLimit: 1,\n};\n"],
+  "mappings": "AAAA,OAAO,YAAY;AAEZ,MAAM,uBAAuB;AAC7B,MAAM,wBAAwB;AAC9B,MAAM,eAAe;AACrB,MAAM,wBAAwB,OAAO,OAAO,QAAQ;AACpD,MAAM,+BAA+B;AACrC,MAAM,kBAAkB;AAExB,MAAM,eAAe;AACrB,MAAM,qBAAqB;AAC3B,MAAM,uBAAuB;AAC7B,MAAM,wBAAwB;AAC9B,MAAM,mCAAmC;AACzC,MAAM,uCAAuC;AAC7C,MAAM,uBAAuB;AAE7B,MAAM,uBAAuB,OAAO,OAAO,YAAY,QAAQ;AAE/D,MAAM,gBAAgB;AACtB,MAAM,uBAAuB;AAC7B,MAAM,iBAAiB;AACvB,MAAM,sBAAsB;AAC5B,MAAM,sBAAsB,OAAO,WAAW,KAAK;AACnD,MAAM,sBAAsB,gBAAgB;AAE5C,MAAM,sBAAsB;AAC5B,MAAM,kBAAkB;AACxB,MAAM,qBAAqB,OAAO,KAAK,QAAQ,SAAS;AAExD,MAAM,eAAe;AAAA,EAC1B,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,aAAa;AACf;AAEO,MAAM,uBAAuB;AAC7B,MAAM,0BAA0B;AAChC,MAAM,wBAAwB;AAC9B,MAAM,2BAA2B;AACjC,MAAM,sBAAsB;AAC5B,MAAM,wBAAwB;AAC9B,MAAM,0BAA0B;AAChC,MAAM,4BAA4B;AAClC,MAAM,oCAAoC;AAE1C,IAAW,UAAX,kBAAWA,aAAX;AACL,EAAAA,SAAA,YAAS;AACT,EAAAA,SAAA,WAAQ;AACR,EAAAA,SAAA,iBAAc;AACd,EAAAA,SAAA,yBAAsB;AAJN,SAAAA;AAAA,GAAA;AAOX,MAAM,qBAAqB;AAC3B,MAAM,uBAAuB;AAC7B,MAAM,2BAA2B;AACjC,MAAM,uBAAuB;AAC7B,MAAM,mCAAmC;AACzC,MAAM,oBAAoB;AAc1B,MAAM,mCAAmC;AACzC,MAAM,uCAAuC;AAE7C,MAAM,iCAAwD;AAAA,EACnE,aAAa;AAAA,EACb,kBAAkB;AAAA,EAClB,uBAAuB,mCAAmC;AAAA,EAC1D,2BACE,uCAAuC;AAAA,EACzC,oBAAoB;AACtB;AAEO,MAAM,iCAAwD;AAAA,EACnE,aAAa;AAAA,EACb,kBAAkB;AAAA,EAClB,uBAAuB;AAAA,EACvB,2BAA2B;AAAA,EAC3B,oBAAoB;AAAA,EACpB,oBAAoB;AACtB;",
   "names": ["TestIds"]
 }

package/esm/charts/core/components/annotations/contexts/AnnotationsConfig.context.js

@@ -1,9 +1,15 @@
 import { createContext } from "react";
-import { DEFAULT_LABELS_OFFSET, DEFAULT_LABELS_WIDTH } from "../constants.js";
+import {
+  DEFAULT_ANNOTATIONS_DIMENSIONS,
+  DEFAULT_LABELS_OFFSET,
+  DEFAULT_LABELS_WIDTH
+} from "../constants.js";
 const AnnotationsConfigContext = createContext({
   showLabels: true,
   labelsWidth: DEFAULT_LABELS_OFFSET + DEFAULT_LABELS_WIDTH,
   trackWidth: 0,
+  dimensions: DEFAULT_ANNOTATIONS_DIMENSIONS,
+  showMarkerContent: true,
   outerBottomLine: false
 });
 AnnotationsConfigContext["displayName"] = "AnnotationsConfig.Context";

package/esm/charts/core/components/annotations/contexts/AnnotationsConfig.context.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/core/components/annotations/contexts/AnnotationsConfig.context.ts"],
-  "sourcesContent": ["import { createContext } from 'react';\n\nimport { DEFAULT_LABELS_OFFSET, DEFAULT_LABELS_WIDTH } from '../constants.js';\n\ninterface AnnotationsContextProps {\n  showLabels: boolean;\n  labelsWidth: number;\n  trackWidth: number;\n  /**\n   * Draws a separator line below the last (bottom-most) track, closing off the\n   * markers band. Used by charts where the annotations area is not directly\n   * adjacent to the plot (e.g. an XY chart with a top axis), so the plot border\n   * cannot serve as the separator.\n   */\n  outerBottomLine?: boolean;\n}\n\nexport const AnnotationsConfigContext = createContext<AnnotationsContextProps>({\n  showLabels: true,\n  labelsWidth: DEFAULT_LABELS_OFFSET + DEFAULT_LABELS_WIDTH,\n  trackWidth: 0,\n  outerBottomLine: false,\n});\n\nAnnotationsConfigContext['displayName'] = 'AnnotationsConfig.Context';\n"],
-  "mappings": "AAAA,SAAS,qBAAqB;AAE9B,SAAS,uBAAuB,4BAA4B;AAerD,MAAM,2BAA2B,cAAuC;AAAA,EAC7E,YAAY;AAAA,EACZ,aAAa,wBAAwB;AAAA,EACrC,YAAY;AAAA,EACZ,iBAAiB;AACnB,CAAC;AAED,yBAAyB,aAAa,IAAI;",
+  "sourcesContent": ["import { createContext } from 'react';\n\nimport {\n  DEFAULT_ANNOTATIONS_DIMENSIONS,\n  DEFAULT_LABELS_OFFSET,\n  DEFAULT_LABELS_WIDTH,\n  type AnnotationsDimensions,\n} from '../constants.js';\n\ninterface AnnotationsContextProps {\n  showLabels: boolean;\n  labelsWidth: number;\n  trackWidth: number;\n  dimensions: AnnotationsDimensions;\n  showMarkerContent: boolean;\n  /**\n   * Draws a separator line below the last (bottom-most) track, closing off the\n   * markers band. Used by charts where the annotations area is not directly\n   * adjacent to the plot (e.g. an XY chart with a top axis), so the plot border\n   * cannot serve as the separator.\n   */\n  outerBottomLine?: boolean;\n}\n\nexport const AnnotationsConfigContext = createContext<AnnotationsContextProps>({\n  showLabels: true,\n  labelsWidth: DEFAULT_LABELS_OFFSET + DEFAULT_LABELS_WIDTH,\n  trackWidth: 0,\n  dimensions: DEFAULT_ANNOTATIONS_DIMENSIONS,\n  showMarkerContent: true,\n  outerBottomLine: false,\n});\n\nAnnotationsConfigContext['displayName'] = 'AnnotationsConfig.Context';\n"],
+  "mappings": "AAAA,SAAS,qBAAqB;AAE9B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AAiBA,MAAM,2BAA2B,cAAuC;AAAA,EAC7E,YAAY;AAAA,EACZ,aAAa,wBAAwB;AAAA,EACrC,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,mBAAmB;AAAA,EACnB,iBAAiB;AACnB,CAAC;AAED,yBAAyB,aAAa,IAAI;",
   "names": []
 }