@dynatrace/strato-components 3.6.0 → 3.7.0

package/esm/charts/core/components/annotations/components/canvas/renderers/AnnotationsLabelRenderer.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../../src/charts/core/components/annotations/components/canvas/renderers/AnnotationsLabelRenderer.tsx"],
-  "sourcesContent": ["import { Point } from '@visx/brush/lib/types';\nimport { useCallback } from 'react';\n\nimport Colors from '@dynatrace/strato-design-tokens/colors';\nimport Typography from '@dynatrace/strato-design-tokens/typography';\n\nimport { getTokenComputedStyle } from '../../../../../utils/getTokenComputedStyle.js';\nimport { useCanvas } from '../../../../canvas/hooks/useCanvas.js';\nimport { charsFontWidth12pixelsSize400Map } from '../../../../text-ellipsis/chars-font-width-map.js';\nimport {\n  calculateWidth,\n  truncateString,\n} from '../../../../text-ellipsis/truncate-string.js';\n\ninterface AnnotationsLabelRendererProps extends Point {\n  text: string;\n  maxWidth?: number;\n  textAlign?: CanvasTextAlign;\n  ellipsis?: boolean;\n}\n\nconst getLabelFont = () => {\n  const fontSize = getTokenComputedStyle(Typography.Text.Small.Default.Size);\n  const fontFamily = getTokenComputedStyle(\n    Typography.Text.Small.Default.Family,\n  );\n\n  const fontWeight = getTokenComputedStyle(\n    Typography.Text.Small.Default.Weight,\n  );\n\n  return [fontWeight, fontSize, fontFamily];\n};\n\nexport const AnnotationsLabelRenderer = (\n  props: AnnotationsLabelRendererProps,\n) => {\n  const {\n    text: originalText,\n    x,\n    y,\n    maxWidth,\n    textAlign = 'right',\n    ellipsis,\n  } = props;\n\n  const color = getTokenComputedStyle(Colors.Text.Neutral.Subdued);\n\n  const [fontWeight, fontSize, fontFamily] = getLabelFont();\n\n  const font = [fontWeight, fontSize, fontFamily].join(' ');\n\n  const draw = useCallback(\n    (ctx: CanvasRenderingContext2D) => {\n      ctx.font = font;\n\n      const textWidth = calculateWidth(\n        originalText,\n        charsFontWidth12pixelsSize400Map,\n      );\n      const applyEllipsis = ellipsis && maxWidth && textWidth > maxWidth;\n      const textToRender = applyEllipsis\n        ? truncateString(\n            originalText,\n            maxWidth,\n            charsFontWidth12pixelsSize400Map,\n            'end',\n          )\n        : originalText;\n      ctx.textAlign = textAlign;\n      ctx.fillStyle = color;\n      ctx.textBaseline = 'middle';\n\n      ctx.fillText(textToRender, x, y, maxWidth);\n\n      return false;\n    },\n    [originalText, x, y, maxWidth],\n  );\n\n  useCanvas('annotations-label', draw);\n\n  return null;\n};\n\nAnnotationsLabelRenderer['displayName'] = 'AnnotationsLabelRenderer';\n"],
-  "mappings": "AACA,SAAS,mBAAmB;AAE5B,OAAO,YAAY;AACnB,OAAO,gBAAgB;AAEvB,SAAS,6BAA6B;AACtC,SAAS,iBAAiB;AAC1B,SAAS,wCAAwC;AACjD;AAAA,EACE;AAAA,EACA;AAAA,OACK;AASP,MAAM,eAAe,MAAM;AACzB,QAAM,WAAW,sBAAsB,WAAW,KAAK,MAAM,QAAQ,IAAI;AACzE,QAAM,aAAa;AAAA,IACjB,WAAW,KAAK,MAAM,QAAQ;AAAA,EAChC;AAEA,QAAM,aAAa;AAAA,IACjB,WAAW,KAAK,MAAM,QAAQ;AAAA,EAChC;AAEA,SAAO,CAAC,YAAY,UAAU,UAAU;AAC1C;AAEO,MAAM,2BAA2B,CACtC,UACG;AACH,QAAM;AAAA,IACJ,MAAM;AAAA,IACN;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ;AAAA,EACF,IAAI;AAEJ,QAAM,QAAQ,sBAAsB,OAAO,KAAK,QAAQ,OAAO;AAE/D,QAAM,CAAC,YAAY,UAAU,UAAU,IAAI,aAAa;AAExD,QAAM,OAAO,CAAC,YAAY,UAAU,UAAU,EAAE,KAAK,GAAG;AAExD,QAAM,OAAO;AAAA,IACX,CAAC,QAAkC;AACjC,UAAI,OAAO;AAEX,YAAM,YAAY;AAAA,QAChB;AAAA,QACA;AAAA,MACF;AACA,YAAM,gBAAgB,YAAY,YAAY,YAAY;AAC1D,YAAM,eAAe,gBACjB;AAAA,QACE;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF,IACA;AACJ,UAAI,YAAY;AAChB,UAAI,YAAY;AAChB,UAAI,eAAe;AAEnB,UAAI,SAAS,cAAc,GAAG,GAAG,QAAQ;AAEzC,aAAO;AAAA,IACT;AAAA,IACA,CAAC,cAAc,GAAG,GAAG,QAAQ;AAAA,EAC/B;AAEA,YAAU,qBAAqB,IAAI;AAEnC,SAAO;AACT;AAEA,yBAAyB,aAAa,IAAI;",
+  "sourcesContent": ["import { useCallback } from 'react';\n\nimport Colors from '@dynatrace/strato-design-tokens/colors';\nimport Typography from '@dynatrace/strato-design-tokens/typography';\n\nimport { Point } from '../../../../../types/point.js';\nimport { getTokenComputedStyle } from '../../../../../utils/getTokenComputedStyle.js';\nimport { useCanvas } from '../../../../canvas/hooks/useCanvas.js';\nimport { charsFontWidth12pixelsSize400Map } from '../../../../text-ellipsis/chars-font-width-map.js';\nimport {\n  calculateWidth,\n  truncateString,\n} from '../../../../text-ellipsis/truncate-string.js';\n\ninterface AnnotationsLabelRendererProps extends Point {\n  text: string;\n  maxWidth?: number;\n  textAlign?: CanvasTextAlign;\n  ellipsis?: boolean;\n}\n\nconst getLabelFont = () => {\n  const fontSize = getTokenComputedStyle(Typography.Text.Small.Default.Size);\n  const fontFamily = getTokenComputedStyle(\n    Typography.Text.Small.Default.Family,\n  );\n\n  const fontWeight = getTokenComputedStyle(\n    Typography.Text.Small.Default.Weight,\n  );\n\n  return [fontWeight, fontSize, fontFamily];\n};\n\nexport const AnnotationsLabelRenderer = (\n  props: AnnotationsLabelRendererProps,\n) => {\n  const {\n    text: originalText,\n    x,\n    y,\n    maxWidth,\n    textAlign = 'right',\n    ellipsis,\n  } = props;\n\n  const color = getTokenComputedStyle(Colors.Text.Neutral.Subdued);\n\n  const [fontWeight, fontSize, fontFamily] = getLabelFont();\n\n  const font = [fontWeight, fontSize, fontFamily].join(' ');\n\n  const draw = useCallback(\n    (ctx: CanvasRenderingContext2D) => {\n      ctx.font = font;\n\n      const textWidth = calculateWidth(\n        originalText,\n        charsFontWidth12pixelsSize400Map,\n      );\n      const applyEllipsis = ellipsis && maxWidth && textWidth > maxWidth;\n      const textToRender = applyEllipsis\n        ? truncateString(\n            originalText,\n            maxWidth,\n            charsFontWidth12pixelsSize400Map,\n            'end',\n          )\n        : originalText;\n      ctx.textAlign = textAlign;\n      ctx.fillStyle = color;\n      ctx.textBaseline = 'middle';\n\n      ctx.fillText(textToRender, x, y, maxWidth);\n\n      return false;\n    },\n    [originalText, x, y, maxWidth],\n  );\n\n  useCanvas('annotations-label', draw);\n\n  return null;\n};\n\nAnnotationsLabelRenderer['displayName'] = 'AnnotationsLabelRenderer';\n"],
+  "mappings": "AAAA,SAAS,mBAAmB;AAE5B,OAAO,YAAY;AACnB,OAAO,gBAAgB;AAGvB,SAAS,6BAA6B;AACtC,SAAS,iBAAiB;AAC1B,SAAS,wCAAwC;AACjD;AAAA,EACE;AAAA,EACA;AAAA,OACK;AASP,MAAM,eAAe,MAAM;AACzB,QAAM,WAAW,sBAAsB,WAAW,KAAK,MAAM,QAAQ,IAAI;AACzE,QAAM,aAAa;AAAA,IACjB,WAAW,KAAK,MAAM,QAAQ;AAAA,EAChC;AAEA,QAAM,aAAa;AAAA,IACjB,WAAW,KAAK,MAAM,QAAQ;AAAA,EAChC;AAEA,SAAO,CAAC,YAAY,UAAU,UAAU;AAC1C;AAEO,MAAM,2BAA2B,CACtC,UACG;AACH,QAAM;AAAA,IACJ,MAAM;AAAA,IACN;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ;AAAA,EACF,IAAI;AAEJ,QAAM,QAAQ,sBAAsB,OAAO,KAAK,QAAQ,OAAO;AAE/D,QAAM,CAAC,YAAY,UAAU,UAAU,IAAI,aAAa;AAExD,QAAM,OAAO,CAAC,YAAY,UAAU,UAAU,EAAE,KAAK,GAAG;AAExD,QAAM,OAAO;AAAA,IACX,CAAC,QAAkC;AACjC,UAAI,OAAO;AAEX,YAAM,YAAY;AAAA,QAChB;AAAA,QACA;AAAA,MACF;AACA,YAAM,gBAAgB,YAAY,YAAY,YAAY;AAC1D,YAAM,eAAe,gBACjB;AAAA,QACE;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF,IACA;AACJ,UAAI,YAAY;AAChB,UAAI,YAAY;AAChB,UAAI,eAAe;AAEnB,UAAI,SAAS,cAAc,GAAG,GAAG,QAAQ;AAEzC,aAAO;AAAA,IACT;AAAA,IACA,CAAC,cAAc,GAAG,GAAG,QAAQ;AAAA,EAC/B;AAEA,YAAU,qBAAqB,IAAI;AAEnC,SAAO;AACT;AAEA,yBAAyB,aAAa,IAAI;",
   "names": []
 }

package/esm/charts/core/components/annotations/components/canvas/renderers/AnnotationsLineRenderer.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../../src/charts/core/components/annotations/components/canvas/renderers/AnnotationsLineRenderer.tsx"],
-  "sourcesContent": ["import { Point } from '@visx/brush/lib/types';\nimport { useCallback } from 'react';\n\nimport { getTokenComputedStyle } from '../../../../../utils/getTokenComputedStyle.js';\nimport { useCanvas } from '../../../../canvas/hooks/useCanvas.js';\nimport {\n  TRACK_SEPARATOR_COLOR,\n  TRACK_SEPARATOR_STROKE_WIDTH,\n} from '../../../constants.js';\nimport { CANVAS_PIXEL_OFFSET } from '../constants.js';\n\ninterface AnnotationsLineRendererProps {\n  source: Point;\n  destination: Point;\n  strokeColor: string;\n}\n\nexport const AnnotationsLineRenderer = (\n  props: AnnotationsLineRendererProps,\n) => {\n  const {\n    source,\n    destination,\n    strokeColor = getTokenComputedStyle(TRACK_SEPARATOR_COLOR),\n  } = props;\n\n  const draw = useCallback(\n    (ctx: CanvasRenderingContext2D) => {\n      ctx.beginPath();\n      ctx.moveTo(\n        source.x - CANVAS_PIXEL_OFFSET,\n        source.y - CANVAS_PIXEL_OFFSET,\n      );\n      ctx.lineTo(\n        destination.x - CANVAS_PIXEL_OFFSET,\n        destination.y - CANVAS_PIXEL_OFFSET,\n      );\n      ctx.lineWidth = TRACK_SEPARATOR_STROKE_WIDTH;\n      ctx.strokeStyle = strokeColor;\n      ctx.stroke();\n      ctx.closePath();\n\n      return false;\n    },\n    [source, destination, strokeColor],\n  );\n\n  useCanvas('annotations-line', draw);\n\n  return null;\n};\n\nAnnotationsLineRenderer['displayName'] = 'AnnotationsLineRenderer';\n"],
-  "mappings": "AACA,SAAS,mBAAmB;AAE5B,SAAS,6BAA6B;AACtC,SAAS,iBAAiB;AAC1B;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,2BAA2B;AAQ7B,MAAM,0BAA0B,CACrC,UACG;AACH,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,cAAc,sBAAsB,qBAAqB;AAAA,EAC3D,IAAI;AAEJ,QAAM,OAAO;AAAA,IACX,CAAC,QAAkC;AACjC,UAAI,UAAU;AACd,UAAI;AAAA,QACF,OAAO,IAAI;AAAA,QACX,OAAO,IAAI;AAAA,MACb;AACA,UAAI;AAAA,QACF,YAAY,IAAI;AAAA,QAChB,YAAY,IAAI;AAAA,MAClB;AACA,UAAI,YAAY;AAChB,UAAI,cAAc;AAClB,UAAI,OAAO;AACX,UAAI,UAAU;AAEd,aAAO;AAAA,IACT;AAAA,IACA,CAAC,QAAQ,aAAa,WAAW;AAAA,EACnC;AAEA,YAAU,oBAAoB,IAAI;AAElC,SAAO;AACT;AAEA,wBAAwB,aAAa,IAAI;",
+  "sourcesContent": ["import { useCallback } from 'react';\n\nimport { Point } from '../../../../../types/point.js';\nimport { getTokenComputedStyle } from '../../../../../utils/getTokenComputedStyle.js';\nimport { useCanvas } from '../../../../canvas/hooks/useCanvas.js';\nimport {\n  TRACK_SEPARATOR_COLOR,\n  TRACK_SEPARATOR_STROKE_WIDTH,\n} from '../../../constants.js';\nimport { CANVAS_PIXEL_OFFSET } from '../constants.js';\n\ninterface AnnotationsLineRendererProps {\n  source: Point;\n  destination: Point;\n  strokeColor: string;\n}\n\nexport const AnnotationsLineRenderer = (\n  props: AnnotationsLineRendererProps,\n) => {\n  const {\n    source,\n    destination,\n    strokeColor = getTokenComputedStyle(TRACK_SEPARATOR_COLOR),\n  } = props;\n\n  const draw = useCallback(\n    (ctx: CanvasRenderingContext2D) => {\n      ctx.beginPath();\n      ctx.moveTo(\n        source.x - CANVAS_PIXEL_OFFSET,\n        source.y - CANVAS_PIXEL_OFFSET,\n      );\n      ctx.lineTo(\n        destination.x - CANVAS_PIXEL_OFFSET,\n        destination.y - CANVAS_PIXEL_OFFSET,\n      );\n      ctx.lineWidth = TRACK_SEPARATOR_STROKE_WIDTH;\n      ctx.strokeStyle = strokeColor;\n      ctx.stroke();\n      ctx.closePath();\n\n      return false;\n    },\n    [source, destination, strokeColor],\n  );\n\n  useCanvas('annotations-line', draw);\n\n  return null;\n};\n\nAnnotationsLineRenderer['displayName'] = 'AnnotationsLineRenderer';\n"],
+  "mappings": "AAAA,SAAS,mBAAmB;AAG5B,SAAS,6BAA6B;AACtC,SAAS,iBAAiB;AAC1B;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,2BAA2B;AAQ7B,MAAM,0BAA0B,CACrC,UACG;AACH,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,cAAc,sBAAsB,qBAAqB;AAAA,EAC3D,IAAI;AAEJ,QAAM,OAAO;AAAA,IACX,CAAC,QAAkC;AACjC,UAAI,UAAU;AACd,UAAI;AAAA,QACF,OAAO,IAAI;AAAA,QACX,OAAO,IAAI;AAAA,MACb;AACA,UAAI;AAAA,QACF,YAAY,IAAI;AAAA,QAChB,YAAY,IAAI;AAAA,MAClB;AACA,UAAI,YAAY;AAChB,UAAI,cAAc;AAClB,UAAI,OAAO;AACX,UAAI,UAAU;AAEd,aAAO;AAAA,IACT;AAAA,IACA,CAAC,QAAQ,aAAa,WAAW;AAAA,EACnC;AAEA,YAAU,oBAAoB,IAAI;AAElC,SAAO;AACT;AAEA,wBAAwB,aAAa,IAAI;",
   "names": []
 }

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

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

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

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

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

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

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

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

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

@@ -3,7 +3,7 @@ import { Fragment } from "react";
 import { useIntl } from "react-intl";
 import { formatDate } from "@dynatrace-sdk/units";
 import { useAnnotationsTooltipFormatter } from "./hooks/useAnnotationsTooltipFormatter.js";
-import { getSymbol } from "./utils/get-symbol.js";
+import { getAnnotationSeriesSymbolProps } from "./utils/get-symbol.js";
 import { Divider } from "../../../../../../layouts/divider/Divider.js";
 import { Footer } from "../../../overlay-tooltip/components/Footer.js";
 import { Header } from "../../../overlay-tooltip/components/header/Header.js";
@@ -25,6 +25,7 @@ const buildExternalConfig = (truncationMode) => ({
   seriesHeader: null,
   displayHeaderDivider: false,
   symbolPosition: "left",
+  symbolVerticalAlignment: "start",
   truncationMode,
   defaultActionsConfig: BASE_ACTIONS_CONFIG,
   variant: "single"
@@ -77,7 +78,7 @@ const AnnotationsDefaultTooltipContent = (props) => {
           }
         ),
         /* @__PURE__ */ jsx("div", { className: seriesGridContainer, children: annotationGroup.markers.map((marker) => {
-          const icon = getSymbol(marker);
+          const symbolProps = getAnnotationSeriesSymbolProps(marker);
           const {
             id,
             symbol,
@@ -99,15 +100,15 @@ const AnnotationsDefaultTooltipContent = (props) => {
             symbol
           };
           const actions = annotationsActions?.(payload);
+          const truncationProps = maxLines > 1 ? { multiLine: true } : { multiLine: false, maxLines };
           return /* @__PURE__ */ jsx(
             SeriesItem,
             {
               name: markerTitle ?? "",
               description: markerDescription,
               value: "",
-              icon,
-              multiLine: maxLines > 1,
-              maxLines,
+              ...symbolProps,
+              ...truncationProps,
               actions: actions ? () => actions : void 0
             },
             id

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../src/charts/core/components/annotations/components/tooltip/AnnotationsDefaultTooltipContent.tsx"],
-  "sourcesContent": ["import { Fragment, type JSX } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport { formatDate } from '@dynatrace-sdk/units';\n\nimport { useAnnotationsTooltipFormatter } from './hooks/useAnnotationsTooltipFormatter.js';\nimport { getSymbol } from './utils/get-symbol.js';\nimport { Divider } from '../../../../../../layouts/divider/Divider.js';\nimport type { TruncationMode } from '../../../../../../typography/text-ellipsis/TextEllipsis.js';\nimport { Footer } from '../../../overlay-tooltip/components/Footer.js';\nimport { Header } from '../../../overlay-tooltip/components/header/Header.js';\nimport { SeriesItem } from '../../../overlay-tooltip/components/series/SeriesItem.js';\nimport { ExternalConfigContext } from '../../../overlay-tooltip/contexts/ExternalConfigContext.js';\nimport { OVERLAY_TOOLTIP_MESSAGES } from '../../../overlay-tooltip/messages.js';\nimport { useSelector } from '../../../overlay-tooltip/selectors.js';\nimport {\n  annotationsGroupsScrollContainer,\n  divider,\n  seriesGridContainer,\n} from '../../../overlay-tooltip/tooltip.sty.js';\nimport type {\n  ExternalConfig,\n  HeaderData,\n} from '../../../overlay-tooltip/types.js';\nimport { useAnnotationsActions } from '../../hooks/useAnnotationsActions.js';\nimport type {\n  AnnotationsActionsPayload,\n  AnnotationsMarkerGroup,\n} from '../../types/annotations.js';\nimport { deserializeMarkerRange } from '../../utils/serialize-marker-range.js';\n\nconst BASE_ACTIONS_CONFIG: ExternalConfig['defaultActionsConfig'] = new Map([\n  ['name', { field: 'valueLabel' }],\n]);\n\nconst buildExternalConfig = (\n  truncationMode: TruncationMode,\n): ExternalConfig => ({\n  seriesHeader: null,\n  displayHeaderDivider: false,\n  symbolPosition: 'left',\n  truncationMode,\n  defaultActionsConfig: BASE_ACTIONS_CONFIG,\n  variant: 'single',\n});\n\ntype AnnotationsDefaultTooltipContentProps = {\n  data: AnnotationsMarkerGroup[];\n  tooltipType: 'time' | 'numerical';\n  truncationMode: TruncationMode;\n  maxLines: number;\n};\n\nconst X_VALUE_LABEL = 'X-value';\n\n/**\n * Default tooltip content for AnnotationsChart, rendered through\n * OverlayTooltip primitives. Supports multiple (Header, Series) pairs for\n * collided marker groups.\n *\n * @internal\n */\nexport const AnnotationsDefaultTooltipContent = (\n  props: AnnotationsDefaultTooltipContentProps,\n) => {\n  const { data, tooltipType, truncationMode, maxLines } = props;\n  const formatter = useAnnotationsTooltipFormatter();\n  const annotationsActions = useAnnotationsActions();\n  const config = buildExternalConfig(truncationMode);\n  const intl = useIntl();\n  const unpinnedPlaceholderText = intl.formatMessage(\n    OVERLAY_TOOLTIP_MESSAGES.unpinnedPlaceholderMessage,\n  );\n  // Direct subscription needed: passed as stable legacyTemplate prop, so no parent re-render reaches this fiber when pinned changes.\n  const pinned = useSelector((state) => state.pinned);\n\n  return (\n    <ExternalConfigContext.Provider value={config}>\n      <div className={annotationsGroupsScrollContainer}>\n        {data.map((annotationGroup, groupIndex) => {\n          const [from, to] = deserializeMarkerRange(annotationGroup.key);\n          const isRange = to > from;\n\n          let header1: HeaderData;\n          let showRangeDuration = false;\n          let duration: string | undefined;\n\n          if (tooltipType === 'numerical' && isRange) {\n            header1 = [formatter(from), formatter(to)] as HeaderData;\n            duration = String(Math.abs(to - from));\n          } else if (tooltipType === 'numerical') {\n            header1 = formatter(from);\n          } else if (isRange) {\n            header1 = [new Date(from), new Date(to)] as HeaderData;\n            showRangeDuration = true;\n          } else {\n            header1 = formatDate(new Date(from), {\n              day: '2-digit',\n              month: 'short',\n              year: 'numeric',\n              hour: '2-digit',\n              minute: '2-digit',\n            });\n          }\n\n          return (\n            <Fragment key={annotationGroup.key}>\n              {groupIndex > 0 && (\n                <Divider orientation=\"horizontal\" className={divider} />\n              )}\n              <Header\n                header1={header1}\n                label={X_VALUE_LABEL}\n                showRangeDuration1={showRangeDuration}\n                duration1={duration}\n                maxLines={maxLines}\n              />\n              <div className={seriesGridContainer}>\n                {annotationGroup.markers.map((marker) => {\n                  const icon = getSymbol(marker) as JSX.Element;\n                  const {\n                    id,\n                    symbol,\n                    title: markerTitle,\n                    description: markerDescription,\n                    start,\n                    end,\n                    color,\n                    priority,\n                    hidden: markerHidden,\n                    ...extraFields\n                  } = marker;\n                  const payload: AnnotationsActionsPayload = {\n                    ...extraFields,\n                    start,\n                    end,\n                    title: markerTitle,\n                    description: markerDescription,\n                    symbol,\n                  };\n                  const actions = annotationsActions?.(payload);\n                  return (\n                    <SeriesItem\n                      key={id}\n                      name={markerTitle ?? ''}\n                      description={markerDescription}\n                      value=\"\"\n                      icon={icon}\n                      multiLine={maxLines > 1}\n                      maxLines={maxLines}\n                      actions={actions ? () => actions : undefined}\n                    />\n                  );\n                })}\n              </div>\n            </Fragment>\n          );\n        })}\n      </div>\n      {!pinned && (\n        <Footer\n          actions={[]}\n          unpinnedPlaceholderText={unpinnedPlaceholderText}\n        />\n      )}\n    </ExternalConfigContext.Provider>\n  );\n};\n\nAnnotationsDefaultTooltipContent.displayName =\n  'AnnotationsDefaultTooltipContent';\n"],
-  "mappings": "AA0GY,SAEI,KAFJ;AA1GZ,SAAS,gBAA0B;AACnC,SAAS,eAAe;AAExB,SAAS,kBAAkB;AAE3B,SAAS,sCAAsC;AAC/C,SAAS,iBAAiB;AAC1B,SAAS,eAAe;AAExB,SAAS,cAAc;AACvB,SAAS,cAAc;AACvB,SAAS,kBAAkB;AAC3B,SAAS,6BAA6B;AACtC,SAAS,gCAAgC;AACzC,SAAS,mBAAmB;AAC5B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAKP,SAAS,6BAA6B;AAKtC,SAAS,8BAA8B;AAEvC,MAAM,sBAA8D,oBAAI,IAAI;AAAA,EAC1E,CAAC,QAAQ,EAAE,OAAO,aAAa,CAAC;AAClC,CAAC;AAED,MAAM,sBAAsB,CAC1B,oBACoB;AAAA,EACpB,cAAc;AAAA,EACd,sBAAsB;AAAA,EACtB,gBAAgB;AAAA,EAChB;AAAA,EACA,sBAAsB;AAAA,EACtB,SAAS;AACX;AASA,MAAM,gBAAgB;AASf,MAAM,mCAAmC,CAC9C,UACG;AACH,QAAM,EAAE,MAAM,aAAa,gBAAgB,SAAS,IAAI;AACxD,QAAM,YAAY,+BAA+B;AACjD,QAAM,qBAAqB,sBAAsB;AACjD,QAAM,SAAS,oBAAoB,cAAc;AACjD,QAAM,OAAO,QAAQ;AACrB,QAAM,0BAA0B,KAAK;AAAA,IACnC,yBAAyB;AAAA,EAC3B;AAEA,QAAM,SAAS,YAAY,CAAC,UAAU,MAAM,MAAM;AAElD,SACE,qBAAC,sBAAsB,UAAtB,EAA+B,OAAO,QACrC;AAAA,wBAAC,SAAI,WAAW,kCACb,eAAK,IAAI,CAAC,iBAAiB,eAAe;AACzC,YAAM,CAAC,MAAM,EAAE,IAAI,uBAAuB,gBAAgB,GAAG;AAC7D,YAAM,UAAU,KAAK;AAErB,UAAI;AACJ,UAAI,oBAAoB;AACxB,UAAI;AAEJ,UAAI,gBAAgB,eAAe,SAAS;AAC1C,kBAAU,CAAC,UAAU,IAAI,GAAG,UAAU,EAAE,CAAC;AACzC,mBAAW,OAAO,KAAK,IAAI,KAAK,IAAI,CAAC;AAAA,MACvC,WAAW,gBAAgB,aAAa;AACtC,kBAAU,UAAU,IAAI;AAAA,MAC1B,WAAW,SAAS;AAClB,kBAAU,CAAC,IAAI,KAAK,IAAI,GAAG,IAAI,KAAK,EAAE,CAAC;AACvC,4BAAoB;AAAA,MACtB,OAAO;AACL,kBAAU,WAAW,IAAI,KAAK,IAAI,GAAG;AAAA,UACnC,KAAK;AAAA,UACL,OAAO;AAAA,UACP,MAAM;AAAA,UACN,MAAM;AAAA,UACN,QAAQ;AAAA,QACV,CAAC;AAAA,MACH;AAEA,aACE,qBAAC,YACE;AAAA,qBAAa,KACZ,oBAAC,WAAQ,aAAY,cAAa,WAAW,SAAS;AAAA,QAExD;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA,OAAO;AAAA,YACP,oBAAoB;AAAA,YACpB,WAAW;AAAA,YACX;AAAA;AAAA,QACF;AAAA,QACA,oBAAC,SAAI,WAAW,qBACb,0BAAgB,QAAQ,IAAI,CAAC,WAAW;AACvC,gBAAM,OAAO,UAAU,MAAM;AAC7B,gBAAM;AAAA,YACJ;AAAA,YACA;AAAA,YACA,OAAO;AAAA,YACP,aAAa;AAAA,YACb;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA,QAAQ;AAAA,YACR,GAAG;AAAA,UACL,IAAI;AACJ,gBAAM,UAAqC;AAAA,YACzC,GAAG;AAAA,YACH;AAAA,YACA;AAAA,YACA,OAAO;AAAA,YACP,aAAa;AAAA,YACb;AAAA,UACF;AACA,gBAAM,UAAU,qBAAqB,OAAO;AAC5C,iBACE;AAAA,YAAC;AAAA;AAAA,cAEC,MAAM,eAAe;AAAA,cACrB,aAAa;AAAA,cACb,OAAM;AAAA,cACN;AAAA,cACA,WAAW,WAAW;AAAA,cACtB;AAAA,cACA,SAAS,UAAU,MAAM,UAAU;AAAA;AAAA,YAP9B;AAAA,UAQP;AAAA,QAEJ,CAAC,GACH;AAAA,WAhDa,gBAAgB,GAiD/B;AAAA,IAEJ,CAAC,GACH;AAAA,IACC,CAAC,UACA;AAAA,MAAC;AAAA;AAAA,QACC,SAAS,CAAC;AAAA,QACV;AAAA;AAAA,IACF;AAAA,KAEJ;AAEJ;AAEA,iCAAiC,cAC/B;",
+  "sourcesContent": ["import { Fragment } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport { formatDate } from '@dynatrace-sdk/units';\n\nimport { useAnnotationsTooltipFormatter } from './hooks/useAnnotationsTooltipFormatter.js';\nimport { getAnnotationSeriesSymbolProps } from './utils/get-symbol.js';\nimport { Divider } from '../../../../../../layouts/divider/Divider.js';\nimport type { TruncationMode } from '../../../../../../typography/text-ellipsis/TextEllipsis.js';\nimport { Footer } from '../../../overlay-tooltip/components/Footer.js';\nimport { Header } from '../../../overlay-tooltip/components/header/Header.js';\nimport { SeriesItem } from '../../../overlay-tooltip/components/series/SeriesItem.js';\nimport { ExternalConfigContext } from '../../../overlay-tooltip/contexts/ExternalConfigContext.js';\nimport { OVERLAY_TOOLTIP_MESSAGES } from '../../../overlay-tooltip/messages.js';\nimport { useSelector } from '../../../overlay-tooltip/selectors.js';\nimport {\n  annotationsGroupsScrollContainer,\n  divider,\n  seriesGridContainer,\n} from '../../../overlay-tooltip/tooltip.sty.js';\nimport type {\n  ExternalConfig,\n  HeaderData,\n} from '../../../overlay-tooltip/types.js';\nimport { useAnnotationsActions } from '../../hooks/useAnnotationsActions.js';\nimport type {\n  AnnotationsActionsPayload,\n  AnnotationsMarkerGroup,\n} from '../../types/annotations.js';\nimport { deserializeMarkerRange } from '../../utils/serialize-marker-range.js';\n\nconst BASE_ACTIONS_CONFIG: ExternalConfig['defaultActionsConfig'] = new Map([\n  ['name', { field: 'valueLabel' }],\n]);\n\nconst buildExternalConfig = (\n  truncationMode: TruncationMode,\n): ExternalConfig => ({\n  seriesHeader: null,\n  displayHeaderDivider: false,\n  symbolPosition: 'left',\n  symbolVerticalAlignment: 'start',\n  truncationMode,\n  defaultActionsConfig: BASE_ACTIONS_CONFIG,\n  variant: 'single',\n});\n\ntype AnnotationsDefaultTooltipContentProps = {\n  data: AnnotationsMarkerGroup[];\n  tooltipType: 'time' | 'numerical';\n  truncationMode: TruncationMode;\n  maxLines: number;\n};\n\nconst X_VALUE_LABEL = 'X-value';\n\n/**\n * Default tooltip content for AnnotationsChart, rendered through\n * OverlayTooltip primitives. Supports multiple (Header, Series) pairs for\n * collided marker groups.\n *\n * @internal\n */\nexport const AnnotationsDefaultTooltipContent = (\n  props: AnnotationsDefaultTooltipContentProps,\n) => {\n  const { data, tooltipType, truncationMode, maxLines } = props;\n  const formatter = useAnnotationsTooltipFormatter();\n  const annotationsActions = useAnnotationsActions();\n  const config = buildExternalConfig(truncationMode);\n  const intl = useIntl();\n  const unpinnedPlaceholderText = intl.formatMessage(\n    OVERLAY_TOOLTIP_MESSAGES.unpinnedPlaceholderMessage,\n  );\n  // Direct subscription needed: passed as stable legacyTemplate prop, so no parent re-render reaches this fiber when pinned changes.\n  const pinned = useSelector((state) => state.pinned);\n\n  return (\n    <ExternalConfigContext.Provider value={config}>\n      <div className={annotationsGroupsScrollContainer}>\n        {data.map((annotationGroup, groupIndex) => {\n          const [from, to] = deserializeMarkerRange(annotationGroup.key);\n          const isRange = to > from;\n\n          let header1: HeaderData;\n          let showRangeDuration = false;\n          let duration: string | undefined;\n\n          if (tooltipType === 'numerical' && isRange) {\n            header1 = [formatter(from), formatter(to)] as HeaderData;\n            duration = String(Math.abs(to - from));\n          } else if (tooltipType === 'numerical') {\n            header1 = formatter(from);\n          } else if (isRange) {\n            header1 = [new Date(from), new Date(to)] as HeaderData;\n            showRangeDuration = true;\n          } else {\n            header1 = formatDate(new Date(from), {\n              day: '2-digit',\n              month: 'short',\n              year: 'numeric',\n              hour: '2-digit',\n              minute: '2-digit',\n            });\n          }\n\n          return (\n            <Fragment key={annotationGroup.key}>\n              {groupIndex > 0 && (\n                <Divider orientation=\"horizontal\" className={divider} />\n              )}\n              <Header\n                header1={header1}\n                label={X_VALUE_LABEL}\n                showRangeDuration1={showRangeDuration}\n                duration1={duration}\n                maxLines={maxLines}\n              />\n              <div className={seriesGridContainer}>\n                {annotationGroup.markers.map((marker) => {\n                  const symbolProps = getAnnotationSeriesSymbolProps(marker);\n                  const {\n                    id,\n                    symbol,\n                    title: markerTitle,\n                    description: markerDescription,\n                    start,\n                    end,\n                    color,\n                    priority,\n                    hidden: markerHidden,\n                    ...extraFields\n                  } = marker;\n                  const payload: AnnotationsActionsPayload = {\n                    ...extraFields,\n                    start,\n                    end,\n                    title: markerTitle,\n                    description: markerDescription,\n                    symbol,\n                  };\n                  const actions = annotationsActions?.(payload);\n                  const truncationProps =\n                    maxLines > 1\n                      ? ({ multiLine: true } as const)\n                      : ({ multiLine: false, maxLines } as const);\n\n                  return (\n                    <SeriesItem\n                      key={id}\n                      name={markerTitle ?? ''}\n                      description={markerDescription}\n                      value=\"\"\n                      {...symbolProps}\n                      {...truncationProps}\n                      actions={actions ? () => actions : undefined}\n                    />\n                  );\n                })}\n              </div>\n            </Fragment>\n          );\n        })}\n      </div>\n      {!pinned && (\n        <Footer\n          actions={[]}\n          unpinnedPlaceholderText={unpinnedPlaceholderText}\n        />\n      )}\n    </ExternalConfigContext.Provider>\n  );\n};\n\nAnnotationsDefaultTooltipContent.displayName =\n  'AnnotationsDefaultTooltipContent';\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/charts/core/components/annotations/components/tooltip/utils/get-symbol.js

@@ -14,7 +14,21 @@ function getSymbol(marker) {
   }
   return isRangeMarker(marker) ? /* @__PURE__ */ jsx(MultiDataPointShape, { color }) : /* @__PURE__ */ jsx(SingleDataPointShape, { color });
 }
+function getAnnotationSeriesSymbolProps(marker) {
+  const { color, symbol } = marker;
+  if (symbol !== void 0 && symbol !== null) {
+    if (isNumber(symbol) || isString(symbol)) {
+      return { symbol: sanitizeSymbol(`${symbol}`) };
+    }
+    return { icon: symbol };
+  }
+  return {
+    color,
+    shape: "circle"
+  };
+}
 export {
+  getAnnotationSeriesSymbolProps,
   getSymbol
 };
 //# sourceMappingURL=get-symbol.js.map

package/esm/charts/core/components/annotations/components/tooltip/utils/get-symbol.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../../src/charts/core/components/annotations/components/tooltip/utils/get-symbol.tsx"],
-  "sourcesContent": ["import { isNumber, isString } from 'lodash-es';\n\nimport { _sanitizeSymbol as sanitizeSymbol } from '../../../../../../../core/utils/sanitize-symbol.js';\nimport { MultiDataPointShape } from '../../../../shape/MultiDataPointShape.js';\nimport { SingleDataPointShape } from '../../../../shape/SingleDataPointShape.js';\nimport { AnnotationsMarkerConfig } from '../../../types/annotations-marker-props.js';\nimport { isRangeMarker } from '../../../utils/is-range-marker.js';\n\nexport function getSymbol(marker: AnnotationsMarkerConfig) {\n  const { color, symbol } = marker;\n\n  if (symbol) {\n    if (isNumber(symbol) || isString(symbol)) {\n      return sanitizeSymbol(`${symbol}`);\n    }\n\n    return symbol;\n  }\n\n  return isRangeMarker(marker) ? (\n    <MultiDataPointShape color={color} />\n  ) : (\n    <SingleDataPointShape color={color} />\n  );\n}\n"],
-  "mappings": "AAoBI;AApBJ,SAAS,UAAU,gBAAgB;AAEnC,SAAS,mBAAmB,sBAAsB;AAClD,SAAS,2BAA2B;AACpC,SAAS,4BAA4B;AAErC,SAAS,qBAAqB;AAEvB,SAAS,UAAU,QAAiC;AACzD,QAAM,EAAE,OAAO,OAAO,IAAI;AAE1B,MAAI,QAAQ;AACV,QAAI,SAAS,MAAM,KAAK,SAAS,MAAM,GAAG;AACxC,aAAO,eAAe,GAAG,MAAM,EAAE;AAAA,IACnC;AAEA,WAAO;AAAA,EACT;AAEA,SAAO,cAAc,MAAM,IACzB,oBAAC,uBAAoB,OAAc,IAEnC,oBAAC,wBAAqB,OAAc;AAExC;",
+  "sourcesContent": ["import { isNumber, isString } from 'lodash-es';\nimport type { JSX } from 'react';\n\nimport { _sanitizeSymbol as sanitizeSymbol } from '../../../../../../../core/utils/sanitize-symbol.js';\nimport { MultiDataPointShape } from '../../../../shape/MultiDataPointShape.js';\nimport { SingleDataPointShape } from '../../../../shape/SingleDataPointShape.js';\nimport type { VariantShape } from '../../../../shape/type.js';\nimport { AnnotationsMarkerConfig } from '../../../types/annotations-marker-props.js';\nimport { isRangeMarker } from '../../../utils/is-range-marker.js';\n\ntype AnnotationSeriesSymbolProps =\n  | {\n      color: string;\n      shape: VariantShape;\n      icon?: never;\n      symbol?: never;\n    }\n  | {\n      symbol: string;\n      color?: never;\n      shape?: never;\n      icon?: never;\n    }\n  | {\n      icon: JSX.Element;\n      color?: never;\n      shape?: never;\n      symbol?: never;\n    };\n\nexport function getSymbol(marker: AnnotationsMarkerConfig) {\n  const { color, symbol } = marker;\n\n  if (symbol) {\n    if (isNumber(symbol) || isString(symbol)) {\n      return sanitizeSymbol(`${symbol}`);\n    }\n\n    return symbol;\n  }\n\n  return isRangeMarker(marker) ? (\n    <MultiDataPointShape color={color} />\n  ) : (\n    <SingleDataPointShape color={color} />\n  );\n}\n\n/**\n * Returns the correct props for SeriesItem/SeriesSymbol for an annotation marker.\n *\n * Built-in markers (no custom symbol) go through the `color + shape` path in\n * SeriesSymbol so they render as a proper circle via ShapeIcon, not as a\n * customSymbol pill wrapper.\n *\n * Custom emoji/text symbols \u2192 `symbol` prop (rendered as text in customSymbol span).\n * Custom React element symbols \u2192 `icon` prop (rendered in customSymbol span).\n *\n * @internal\n */\nexport function getAnnotationSeriesSymbolProps(\n  marker: AnnotationsMarkerConfig,\n): AnnotationSeriesSymbolProps {\n  const { color, symbol } = marker;\n\n  if (symbol !== undefined && symbol !== null) {\n    if (isNumber(symbol) || isString(symbol)) {\n      return { symbol: sanitizeSymbol(`${symbol}`) };\n    }\n    // React element\n    return { icon: symbol as JSX.Element };\n  }\n\n  // Built-in: use color + circle shape so SeriesSymbol renders via ShapeIcon.\n  return {\n    color,\n    shape: 'circle',\n  };\n}\n"],
+  "mappings": "AA0CI;AA1CJ,SAAS,UAAU,gBAAgB;AAGnC,SAAS,mBAAmB,sBAAsB;AAClD,SAAS,2BAA2B;AACpC,SAAS,4BAA4B;AAGrC,SAAS,qBAAqB;AAsBvB,SAAS,UAAU,QAAiC;AACzD,QAAM,EAAE,OAAO,OAAO,IAAI;AAE1B,MAAI,QAAQ;AACV,QAAI,SAAS,MAAM,KAAK,SAAS,MAAM,GAAG;AACxC,aAAO,eAAe,GAAG,MAAM,EAAE;AAAA,IACnC;AAEA,WAAO;AAAA,EACT;AAEA,SAAO,cAAc,MAAM,IACzB,oBAAC,uBAAoB,OAAc,IAEnC,oBAAC,wBAAqB,OAAc;AAExC;AAcO,SAAS,+BACd,QAC6B;AAC7B,QAAM,EAAE,OAAO,OAAO,IAAI;AAE1B,MAAI,WAAW,UAAa,WAAW,MAAM;AAC3C,QAAI,SAAS,MAAM,KAAK,SAAS,MAAM,GAAG;AACxC,aAAO,EAAE,QAAQ,eAAe,GAAG,MAAM,EAAE,EAAE;AAAA,IAC/C;AAEA,WAAO,EAAE,MAAM,OAAsB;AAAA,EACvC;AAGA,SAAO;AAAA,IACL;AAAA,IACA,OAAO;AAAA,EACT;AACF;",
   "names": []
 }

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

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

@@ -4,7 +4,7 @@ import { getTokenComputedStyle } from "../../../utils/getTokenComputedStyle.js";
 import { isValidCSSColor } from "../../../utils/getValidColor.js";
 const getCanvasColor = memoize(
   (color, fallbackColor = SCALE_FALLBACK_COLOR) => {
-    let transformedColor = color ?? fallbackColor;
+    let transformedColor = color || fallbackColor;
     if (transformedColor.indexOf("var") >= 0) {
       transformedColor = getTokenComputedStyle(transformedColor);
       return transformedColor ? transformedColor : getTokenComputedStyle(fallbackColor);

package/esm/charts/core/components/canvas/utils/canvas-color.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/core/components/canvas/utils/canvas-color.ts"],
-  "sourcesContent": ["import { memoize } from 'lodash-es';\n\nimport { SCALE_FALLBACK_COLOR } from '../../../constants.js';\nimport { getTokenComputedStyle } from '../../../utils/getTokenComputedStyle.js';\nimport { isValidCSSColor } from '../../../utils/getValidColor.js';\n\n/**\n * Transforms the color to be used in a canvas. If it's a token,\n * gets the HSL color, otherwise returns the color or the default one\n * if undefined.\n *\n * @internal\n * @param color - The color to be transformed.\n * @param fallbackColor - The color to be applied if transformation fails. Default: Colors.Background.Container.Neutral.Accent\n */\nexport const getCanvasColor: (\n  color: string | undefined,\n  fallbackColor?: string,\n) => string = memoize(\n  (color: string | undefined, fallbackColor = SCALE_FALLBACK_COLOR): string => {\n    let transformedColor = color ?? fallbackColor;\n\n    if (transformedColor.indexOf('var') >= 0) {\n      transformedColor = getTokenComputedStyle(transformedColor);\n\n      return transformedColor\n        ? transformedColor\n        : getTokenComputedStyle(fallbackColor);\n    }\n\n    if (!isValidCSSColor(transformedColor)) {\n      return getTokenComputedStyle(fallbackColor);\n    }\n\n    return transformedColor;\n  },\n);\n"],
+  "sourcesContent": ["import { memoize } from 'lodash-es';\n\nimport { SCALE_FALLBACK_COLOR } from '../../../constants.js';\nimport { getTokenComputedStyle } from '../../../utils/getTokenComputedStyle.js';\nimport { isValidCSSColor } from '../../../utils/getValidColor.js';\n\n/**\n * Transforms the color to be used in a canvas. If it's a token,\n * gets the HSL color, otherwise returns the color or the default one\n * if undefined.\n *\n * @internal\n * @param color - The color to be transformed.\n * @param fallbackColor - The color to be applied if transformation fails. Default: Colors.Background.Container.Neutral.Accent\n */\nexport const getCanvasColor: (\n  color: string | undefined,\n  fallbackColor?: string,\n) => string = memoize(\n  (color: string | undefined, fallbackColor = SCALE_FALLBACK_COLOR): string => {\n    let transformedColor = color || fallbackColor;\n\n    if (transformedColor.indexOf('var') >= 0) {\n      transformedColor = getTokenComputedStyle(transformedColor);\n\n      return transformedColor\n        ? transformedColor\n        : getTokenComputedStyle(fallbackColor);\n    }\n\n    if (!isValidCSSColor(transformedColor)) {\n      return getTokenComputedStyle(fallbackColor);\n    }\n\n    return transformedColor;\n  },\n);\n"],
   "mappings": "AAAA,SAAS,eAAe;AAExB,SAAS,4BAA4B;AACrC,SAAS,6BAA6B;AACtC,SAAS,uBAAuB;AAWzB,MAAM,iBAGC;AAAA,EACZ,CAAC,OAA2B,gBAAgB,yBAAiC;AAC3E,QAAI,mBAAmB,SAAS;AAEhC,QAAI,iBAAiB,QAAQ,KAAK,KAAK,GAAG;AACxC,yBAAmB,sBAAsB,gBAAgB;AAEzD,aAAO,mBACH,mBACA,sBAAsB,aAAa;AAAA,IACzC;AAEA,QAAI,CAAC,gBAAgB,gBAAgB,GAAG;AACtC,aAAO,sBAAsB,aAAa;AAAA,IAC5C;AAEA,WAAO;AAAA,EACT;AACF;",
   "names": []
 }

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

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

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

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

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

@@ -1,46 +1,46 @@
-._l1klj80-3-6-0 {
+._l1klj80-3-7-0 {
   min-width: 0;
   grid-area: graphArea;
 }
-._l1klj81-3-6-0 {
+._l1klj81-3-7-0 {
   filter: opacity(40%);
   pointer-events: none;
 }
-._l1klj83-3-6-0 {
+._l1klj83-3-7-0 {
   height: inherit;
   grid-area: horizontalResize;
 }
-._l1klj84-3-6-0 {
+._l1klj84-3-7-0 {
   width: 100%;
   grid-area: verticalResize;
 }
-._l1klj85-3-6-0 {
+._l1klj85-3-7-0 {
   filter: opacity(40%);
   pointer-events: none;
 }
-._l1klj86-3-6-0 {
+._l1klj86-3-7-0 {
   height: 100%;
 }
-._l1klj87-3-6-0 {
+._l1klj87-3-7-0 {
   grid-area: verticalLegend;
 }
-._l1klj88-3-6-0 {
+._l1klj88-3-7-0 {
   grid-area: horizontalLegend;
 }
-._l1klj89-3-6-0 {
+._l1klj89-3-7-0 {
   filter: opacity(40%);
   pointer-events: none;
 }
-._l1klj8a-3-6-0 {
+._l1klj8a-3-7-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-6-0:hover {
+._l1klj8a-3-7-0:hover {
   background: var(--dt-colors-border-primary-accent, #464cce);
 }
-._l1klj8b-3-6-0 {
+._l1klj8b-3-7-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-6-0:hover {
+._l1klj8b-3-7-0:hover {
   height: var(--dt-spacings-size-48, 48px);
   background-color: var(--dt-colors-border-neutral-accent-hover, #434465);
 }
-._l1klj8c-3-6-0 {
+._l1klj8c-3-7-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-6-0:hover {
+._l1klj8c-3-7-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-6-0", variantClassNames: { loading: { true: "_l1klj81-3-6-0" } }, defaultVariants: {}, compoundVariants: [] });
-var legendContainer = _7a468({ defaultClassName: "_l1klj86-3-6-0", variantClassNames: { orientation: { horizontal: "_l1klj87-3-6-0", vertical: "_l1klj88-3-6-0" }, loading: { true: "_l1klj89-3-6-0" } }, defaultVariants: {}, compoundVariants: [] });
-var legendResizeLine = _7a468({ defaultClassName: "_l1klj8a-3-6-0", variantClassNames: { orientation: { horizontal: "_l1klj8b-3-6-0", vertical: "_l1klj8c-3-6-0" } }, defaultVariants: {}, compoundVariants: [] });
-var resizeContainer = _7a468({ defaultClassName: "_l1klj82-3-6-0", variantClassNames: { orientation: { horizontal: "_l1klj83-3-6-0", vertical: "_l1klj84-3-6-0" }, loading: { true: "_l1klj85-3-6-0" } }, defaultVariants: {}, compoundVariants: [] });
+var graphContainer = _7a468({ defaultClassName: "_l1klj80-3-7-0", variantClassNames: { loading: { true: "_l1klj81-3-7-0" } }, defaultVariants: {}, compoundVariants: [] });
+var legendContainer = _7a468({ defaultClassName: "_l1klj86-3-7-0", variantClassNames: { orientation: { horizontal: "_l1klj87-3-7-0", vertical: "_l1klj88-3-7-0" }, loading: { true: "_l1klj89-3-7-0" } }, defaultVariants: {}, compoundVariants: [] });
+var legendResizeLine = _7a468({ defaultClassName: "_l1klj8a-3-7-0", variantClassNames: { orientation: { horizontal: "_l1klj8b-3-7-0", vertical: "_l1klj8c-3-7-0" } }, defaultVariants: {}, compoundVariants: [] });
+var resizeContainer = _7a468({ defaultClassName: "_l1klj82-3-7-0", variantClassNames: { orientation: { horizontal: "_l1klj83-3-7-0", vertical: "_l1klj84-3-7-0" }, loading: { true: "_l1klj85-3-7-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-6-0',variantClassNames:{loading:{true:'_l1klj81-3-6-0'}},defaultVariants:{},compoundVariants:[]});\nexport var legendContainer = _7a468({defaultClassName:'_l1klj86-3-6-0',variantClassNames:{orientation:{horizontal:'_l1klj87-3-6-0',vertical:'_l1klj88-3-6-0'},loading:{true:'_l1klj89-3-6-0'}},defaultVariants:{},compoundVariants:[]});\nexport var legendResizeLine = _7a468({defaultClassName:'_l1klj8a-3-6-0',variantClassNames:{orientation:{horizontal:'_l1klj8b-3-6-0',vertical:'_l1klj8c-3-6-0'}},defaultVariants:{},compoundVariants:[]});\nexport var resizeContainer = _7a468({defaultClassName:'_l1klj82-3-6-0',variantClassNames:{orientation:{horizontal:'_l1klj83-3-6-0',vertical:'_l1klj84-3-6-0'},loading:{true:'_l1klj85-3-6-0'}},defaultVariants:{},compoundVariants:[]});"],
+  "sourcesContent": ["import './styles.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var graphContainer = _7a468({defaultClassName:'_l1klj80-3-7-0',variantClassNames:{loading:{true:'_l1klj81-3-7-0'}},defaultVariants:{},compoundVariants:[]});\nexport var legendContainer = _7a468({defaultClassName:'_l1klj86-3-7-0',variantClassNames:{orientation:{horizontal:'_l1klj87-3-7-0',vertical:'_l1klj88-3-7-0'},loading:{true:'_l1klj89-3-7-0'}},defaultVariants:{},compoundVariants:[]});\nexport var legendResizeLine = _7a468({defaultClassName:'_l1klj8a-3-7-0',variantClassNames:{orientation:{horizontal:'_l1klj8b-3-7-0',vertical:'_l1klj8c-3-7-0'}},defaultVariants:{},compoundVariants:[]});\nexport var resizeContainer = _7a468({defaultClassName:'_l1klj82-3-7-0',variantClassNames:{orientation:{horizontal:'_l1klj83-3-7-0',vertical:'_l1klj84-3-7-0'},loading:{true:'_l1klj85-3-7-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-6-0 {
+._4pqs4v0-3-7-0 {
   color: var(--dt-colors-text-critical-default, #bb0731);
   font-size: var(--dt-typography-text-small-default-size, 12px);
 }
-._4pqs4v1-3-6-0 {
+._4pqs4v1-3-7-0 {
   color: var(--dt-colors-text-neutral-default, #2f2f4f);
   font-size: var(--dt-typography-text-small-default-size, 12px);
 }
-._4pqs4v2-3-6-0 {
+._4pqs4v2-3-7-0 {
   align-items: center;
   justify-content: center;
 }
-._4pqs4v3-3-6-0 {
+._4pqs4v3-3-7-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-6-0";
-var emptyText = "_4pqs4v1-3-6-0";
-var errorText = "_4pqs4v0-3-6-0";
-var wrapper = "_4pqs4v2-3-6-0";
+var container = "_4pqs4v3-3-7-0";
+var emptyText = "_4pqs4v1-3-7-0";
+var errorText = "_4pqs4v0-3-7-0";
+var wrapper = "_4pqs4v2-3-7-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-6-0';\nexport var emptyText = '_4pqs4v1-3-6-0';\nexport var errorText = '_4pqs4v0-3-6-0';\nexport var wrapper = '_4pqs4v2-3-6-0';"],
+  "sourcesContent": ["import './ChartState.css';\nexport var container = '_4pqs4v3-3-7-0';\nexport var emptyText = '_4pqs4v1-3-7-0';\nexport var errorText = '_4pqs4v0-3-7-0';\nexport var wrapper = '_4pqs4v2-3-7-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-6-0 {
+._nm3s3e0-3-7-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-6-0 {
+._nm3s3e1-3-7-0 {
   margin-left: -2px;
 }
-._nm3s3e2-3-6-0 {
+._nm3s3e2-3-7-0 {
   margin-left: var(--dt-spacings-size-2, 2px);
 }
-._nm3s3e3-3-6-0 {
+._nm3s3e3-3-7-0 {
   margin-top: var(--dt-spacings-size-2, 2px);
 }
-._nm3s3e4-3-6-0 {
+._nm3s3e4-3-7-0 {
   margin-top: -2px;
 }
-._nm3s3e5-3-6-0 {
+._nm3s3e5-3-7-0 {
   transform: rotate(-90deg);
   transform-origin: left bottom;
   margin-top: -2px;
 }
-._nm3s3e6-3-6-0 {
+._nm3s3e6-3-7-0 {
   transform: rotate(90deg) scaleX(-1) scaleY(-1) translateX(-100%) translateY(-100%);
   transform-origin: left top;
   margin-top: var(--dt-spacings-size-2, 2px);