@dynatrace/strato-components 3.12.2 → 3.13.0

package/esm/charts/flame/shared/utils/order-spans-hierarchically.js

@@ -1,4 +1,4 @@
-import { DEPTH_FIELD } from "../constants.js";
+import { CHILDREN_COUNT_FIELD, DEPTH_FIELD } from "../constants.js";
 function orderSpansHierarchically(spans, {
   spanIdAccessor,
   parentIdAccessor,
@@ -46,7 +46,12 @@ function orderSpansHierarchically(spans, {
     const x0 = Number(span[x0Accessor]);
     const x1 = Number(span[x1Accessor]);
     const widened = x0 === x1 ? { [x1Accessor]: x1 + 1 } : void 0;
-    result.push({ ...span, ...widened, [DEPTH_FIELD]: depth });
+    result.push({
+      ...span,
+      ...widened,
+      [DEPTH_FIELD]: depth,
+      [CHILDREN_COUNT_FIELD]: childrenMap.get(span[spanIdAccessor])?.length ?? 0
+    });
     const children = childrenMap.get(span[spanIdAccessor]);
     if (!children) {
       continue;

package/esm/charts/flame/shared/utils/order-spans-hierarchically.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/flame/shared/utils/order-spans-hierarchically.ts"],
-  "sourcesContent": ["import type { ChartDatapoint } from '../../../core/types/chart-data.js';\nimport { DEPTH_FIELD } from '../constants.js';\n\ntype OrderingAccessors = {\n  spanIdAccessor: string;\n  parentIdAccessor: string;\n  x0Accessor: string;\n  x1Accessor: string;\n};\n\ntype Entry = {\n  span: ChartDatapoint;\n  index: number;\n  x0: number;\n};\n\ntype Frame = { span: ChartDatapoint; depth: number };\n\n/**\n * Traverses the span forest in DFS pre-order (parent before children, siblings\n * sorted by `x0` with original index as tie-breaker) and returns a flat list\n * where each span carries its `depth`. Zero-width spans are widened by 1 so\n * they remain paintable on the canvas.\n *\n * Numeric x0/x1 are parsed once per span and cached on the internal `Entry`,\n * so the sort comparator does not re-run `Number()` at every comparison.\n * Traversal is iterative to avoid stack overflows on deep flame graphs.\n */\nexport function orderSpansHierarchically(\n  spans: ChartDatapoint[],\n  {\n    spanIdAccessor,\n    parentIdAccessor,\n    x0Accessor,\n    x1Accessor,\n  }: OrderingAccessors,\n): ChartDatapoint[] {\n  const spanIds = new Set<unknown>();\n  for (const span of spans) {\n    spanIds.add(span[spanIdAccessor]);\n  }\n\n  const childrenMap = new Map<unknown, Entry[]>();\n  const roots: Entry[] = [];\n\n  for (let index = 0; index < spans.length; index++) {\n    const span = spans[index];\n    const entry: Entry = {\n      span,\n      index,\n      x0: Number(span[x0Accessor]),\n    };\n    const parentId = span[parentIdAccessor];\n    const isRoot =\n      parentId === null || parentId === undefined || !spanIds.has(parentId);\n\n    if (isRoot) {\n      roots.push(entry);\n      continue;\n    }\n\n    const siblings = childrenMap.get(parentId);\n    if (siblings) {\n      siblings.push(entry);\n    } else {\n      childrenMap.set(parentId, [entry]);\n    }\n  }\n\n  const byX0AndIndex = (a: Entry, b: Entry) => a.x0 - b.x0 || a.index - b.index;\n\n  roots.sort(byX0AndIndex);\n  for (const children of childrenMap.values()) {\n    children.sort(byX0AndIndex);\n  }\n\n  const result: ChartDatapoint[] = [];\n  const stack: Frame[] = [];\n  for (let i = roots.length - 1; i >= 0; i--) {\n    stack.push({ span: roots[i].span, depth: 0 });\n  }\n\n  for (let frame = stack.pop(); frame !== undefined; frame = stack.pop()) {\n    const { span, depth } = frame;\n    const x0 = Number(span[x0Accessor]);\n    const x1 = Number(span[x1Accessor]);\n    const widened = x0 === x1 ? { [x1Accessor]: x1 + 1 } : undefined;\n    result.push({ ...span, ...widened, [DEPTH_FIELD]: depth });\n\n    const children = childrenMap.get(span[spanIdAccessor]);\n    if (!children) {\n      continue;\n    }\n    for (let i = children.length - 1; i >= 0; i--) {\n      stack.push({ span: children[i].span, depth: depth + 1 });\n    }\n  }\n\n  return result;\n}\n"],
-  "mappings": "AACA,SAAS,mBAAmB;AA2BrB,SAAS,yBACd,OACA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GACkB;AAClB,QAAM,UAAU,oBAAI,IAAa;AACjC,aAAW,QAAQ,OAAO;AACxB,YAAQ,IAAI,KAAK,cAAc,CAAC;AAAA,EAClC;AAEA,QAAM,cAAc,oBAAI,IAAsB;AAC9C,QAAM,QAAiB,CAAC;AAExB,WAAS,QAAQ,GAAG,QAAQ,MAAM,QAAQ,SAAS;AACjD,UAAM,OAAO,MAAM,KAAK;AACxB,UAAM,QAAe;AAAA,MACnB;AAAA,MACA;AAAA,MACA,IAAI,OAAO,KAAK,UAAU,CAAC;AAAA,IAC7B;AACA,UAAM,WAAW,KAAK,gBAAgB;AACtC,UAAM,SACJ,aAAa,QAAQ,aAAa,UAAa,CAAC,QAAQ,IAAI,QAAQ;AAEtE,QAAI,QAAQ;AACV,YAAM,KAAK,KAAK;AAChB;AAAA,IACF;AAEA,UAAM,WAAW,YAAY,IAAI,QAAQ;AACzC,QAAI,UAAU;AACZ,eAAS,KAAK,KAAK;AAAA,IACrB,OAAO;AACL,kBAAY,IAAI,UAAU,CAAC,KAAK,CAAC;AAAA,IACnC;AAAA,EACF;AAEA,QAAM,eAAe,CAAC,GAAU,MAAa,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE;AAExE,QAAM,KAAK,YAAY;AACvB,aAAW,YAAY,YAAY,OAAO,GAAG;AAC3C,aAAS,KAAK,YAAY;AAAA,EAC5B;AAEA,QAAM,SAA2B,CAAC;AAClC,QAAM,QAAiB,CAAC;AACxB,WAAS,IAAI,MAAM,SAAS,GAAG,KAAK,GAAG,KAAK;AAC1C,UAAM,KAAK,EAAE,MAAM,MAAM,CAAC,EAAE,MAAM,OAAO,EAAE,CAAC;AAAA,EAC9C;AAEA,WAAS,QAAQ,MAAM,IAAI,GAAG,UAAU,QAAW,QAAQ,MAAM,IAAI,GAAG;AACtE,UAAM,EAAE,MAAM,MAAM,IAAI;AACxB,UAAM,KAAK,OAAO,KAAK,UAAU,CAAC;AAClC,UAAM,KAAK,OAAO,KAAK,UAAU,CAAC;AAClC,UAAM,UAAU,OAAO,KAAK,EAAE,CAAC,UAAU,GAAG,KAAK,EAAE,IAAI;AACvD,WAAO,KAAK,EAAE,GAAG,MAAM,GAAG,SAAS,CAAC,WAAW,GAAG,MAAM,CAAC;AAEzD,UAAM,WAAW,YAAY,IAAI,KAAK,cAAc,CAAC;AACrD,QAAI,CAAC,UAAU;AACb;AAAA,IACF;AACA,aAAS,IAAI,SAAS,SAAS,GAAG,KAAK,GAAG,KAAK;AAC7C,YAAM,KAAK,EAAE,MAAM,SAAS,CAAC,EAAE,MAAM,OAAO,QAAQ,EAAE,CAAC;AAAA,IACzD;AAAA,EACF;AAEA,SAAO;AACT;",
+  "sourcesContent": ["import type { ChartDatapoint } from '../../../core/types/chart-data.js';\nimport { CHILDREN_COUNT_FIELD, DEPTH_FIELD } from '../constants.js';\n\ntype OrderingAccessors = {\n  spanIdAccessor: string;\n  parentIdAccessor: string;\n  x0Accessor: string;\n  x1Accessor: string;\n};\n\ntype Entry = {\n  span: ChartDatapoint;\n  index: number;\n  x0: number;\n};\n\ntype Frame = { span: ChartDatapoint; depth: number };\n\n/**\n * Traverses the span forest in DFS pre-order (parent before children, siblings\n * sorted by `x0` with original index as tie-breaker) and returns a flat list\n * where each span carries its `depth`. Zero-width spans are widened by 1 so\n * they remain paintable on the canvas.\n *\n * Numeric x0/x1 are parsed once per span and cached on the internal `Entry`,\n * so the sort comparator does not re-run `Number()` at every comparison.\n * Traversal is iterative to avoid stack overflows on deep flame graphs.\n */\nexport function orderSpansHierarchically(\n  spans: ChartDatapoint[],\n  {\n    spanIdAccessor,\n    parentIdAccessor,\n    x0Accessor,\n    x1Accessor,\n  }: OrderingAccessors,\n): ChartDatapoint[] {\n  const spanIds = new Set<unknown>();\n  for (const span of spans) {\n    spanIds.add(span[spanIdAccessor]);\n  }\n\n  const childrenMap = new Map<unknown, Entry[]>();\n  const roots: Entry[] = [];\n\n  for (let index = 0; index < spans.length; index++) {\n    const span = spans[index];\n    const entry: Entry = {\n      span,\n      index,\n      x0: Number(span[x0Accessor]),\n    };\n    const parentId = span[parentIdAccessor];\n    const isRoot =\n      parentId === null || parentId === undefined || !spanIds.has(parentId);\n\n    if (isRoot) {\n      roots.push(entry);\n      continue;\n    }\n\n    const siblings = childrenMap.get(parentId);\n    if (siblings) {\n      siblings.push(entry);\n    } else {\n      childrenMap.set(parentId, [entry]);\n    }\n  }\n\n  const byX0AndIndex = (a: Entry, b: Entry) => a.x0 - b.x0 || a.index - b.index;\n\n  roots.sort(byX0AndIndex);\n  for (const children of childrenMap.values()) {\n    children.sort(byX0AndIndex);\n  }\n\n  const result: ChartDatapoint[] = [];\n  const stack: Frame[] = [];\n  for (let i = roots.length - 1; i >= 0; i--) {\n    stack.push({ span: roots[i].span, depth: 0 });\n  }\n\n  for (let frame = stack.pop(); frame !== undefined; frame = stack.pop()) {\n    const { span, depth } = frame;\n    const x0 = Number(span[x0Accessor]);\n    const x1 = Number(span[x1Accessor]);\n    const widened = x0 === x1 ? { [x1Accessor]: x1 + 1 } : undefined;\n    result.push({\n      ...span,\n      ...widened,\n      [DEPTH_FIELD]: depth,\n      [CHILDREN_COUNT_FIELD]:\n        childrenMap.get(span[spanIdAccessor])?.length ?? 0,\n    });\n\n    const children = childrenMap.get(span[spanIdAccessor]);\n    if (!children) {\n      continue;\n    }\n    for (let i = children.length - 1; i >= 0; i--) {\n      stack.push({ span: children[i].span, depth: depth + 1 });\n    }\n  }\n\n  return result;\n}\n"],
+  "mappings": "AACA,SAAS,sBAAsB,mBAAmB;AA2B3C,SAAS,yBACd,OACA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GACkB;AAClB,QAAM,UAAU,oBAAI,IAAa;AACjC,aAAW,QAAQ,OAAO;AACxB,YAAQ,IAAI,KAAK,cAAc,CAAC;AAAA,EAClC;AAEA,QAAM,cAAc,oBAAI,IAAsB;AAC9C,QAAM,QAAiB,CAAC;AAExB,WAAS,QAAQ,GAAG,QAAQ,MAAM,QAAQ,SAAS;AACjD,UAAM,OAAO,MAAM,KAAK;AACxB,UAAM,QAAe;AAAA,MACnB;AAAA,MACA;AAAA,MACA,IAAI,OAAO,KAAK,UAAU,CAAC;AAAA,IAC7B;AACA,UAAM,WAAW,KAAK,gBAAgB;AACtC,UAAM,SACJ,aAAa,QAAQ,aAAa,UAAa,CAAC,QAAQ,IAAI,QAAQ;AAEtE,QAAI,QAAQ;AACV,YAAM,KAAK,KAAK;AAChB;AAAA,IACF;AAEA,UAAM,WAAW,YAAY,IAAI,QAAQ;AACzC,QAAI,UAAU;AACZ,eAAS,KAAK,KAAK;AAAA,IACrB,OAAO;AACL,kBAAY,IAAI,UAAU,CAAC,KAAK,CAAC;AAAA,IACnC;AAAA,EACF;AAEA,QAAM,eAAe,CAAC,GAAU,MAAa,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE;AAExE,QAAM,KAAK,YAAY;AACvB,aAAW,YAAY,YAAY,OAAO,GAAG;AAC3C,aAAS,KAAK,YAAY;AAAA,EAC5B;AAEA,QAAM,SAA2B,CAAC;AAClC,QAAM,QAAiB,CAAC;AACxB,WAAS,IAAI,MAAM,SAAS,GAAG,KAAK,GAAG,KAAK;AAC1C,UAAM,KAAK,EAAE,MAAM,MAAM,CAAC,EAAE,MAAM,OAAO,EAAE,CAAC;AAAA,EAC9C;AAEA,WAAS,QAAQ,MAAM,IAAI,GAAG,UAAU,QAAW,QAAQ,MAAM,IAAI,GAAG;AACtE,UAAM,EAAE,MAAM,MAAM,IAAI;AACxB,UAAM,KAAK,OAAO,KAAK,UAAU,CAAC;AAClC,UAAM,KAAK,OAAO,KAAK,UAAU,CAAC;AAClC,UAAM,UAAU,OAAO,KAAK,EAAE,CAAC,UAAU,GAAG,KAAK,EAAE,IAAI;AACvD,WAAO,KAAK;AAAA,MACV,GAAG;AAAA,MACH,GAAG;AAAA,MACH,CAAC,WAAW,GAAG;AAAA,MACf,CAAC,oBAAoB,GACnB,YAAY,IAAI,KAAK,cAAc,CAAC,GAAG,UAAU;AAAA,IACrD,CAAC;AAED,UAAM,WAAW,YAAY,IAAI,KAAK,cAAc,CAAC;AACrD,QAAI,CAAC,UAAU;AACb;AAAA,IACF;AACA,aAAS,IAAI,SAAS,SAAS,GAAG,KAAK,GAAG,KAAK;AAC7C,YAAM,KAAK,EAAE,MAAM,SAAS,CAAC,EAAE,MAAM,OAAO,QAAQ,EAAE,CAAC;AAAA,IACzD;AAAA,EACF;AAEA,SAAO;AACT;",
   "names": []
 }

package/esm/charts/flame/shared/utils/resolve-flame-tooltip-content.js

@@ -0,0 +1,26 @@
+import { FLAME_ORIGINAL_IDX } from "../constants.js";
+const resolveFlameTooltipContent = (payload, originalData, customTooltipTemplate, renderDefaultTooltip) => {
+  const transformedDatapoint = payload.rectPayload?.datapoint;
+  if (!transformedDatapoint) {
+    return;
+  }
+  const originalIdx = transformedDatapoint[FLAME_ORIGINAL_IDX];
+  const originalDatapoint = originalData[originalIdx];
+  if (customTooltipTemplate) {
+    const template = customTooltipTemplate({
+      ...payload.rectPayload,
+      datapoint: originalDatapoint
+    });
+    if (template === null) {
+      return null;
+    }
+    if (template) {
+      return template;
+    }
+  }
+  return renderDefaultTooltip(originalDatapoint);
+};
+export {
+  resolveFlameTooltipContent
+};
+//# sourceMappingURL=resolve-flame-tooltip-content.js.map

package/esm/charts/flame/shared/utils/resolve-flame-tooltip-content.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/charts/flame/shared/utils/resolve-flame-tooltip-content.ts"],
+  "sourcesContent": ["import type { ReactNode } from 'react';\n\nimport type { ChartDatapoint } from '../../../core/types/chart-data.js';\nimport type { XYChartTooltipPayload } from '../../../xy-chart/types/xy-chart.js';\nimport { FLAME_ORIGINAL_IDX } from '../constants.js';\nimport type { CustomTooltipTemplate } from '../types/flame-internal.js';\n\nexport const resolveFlameTooltipContent = <TData extends ChartDatapoint>(\n  payload: XYChartTooltipPayload,\n  originalData: readonly TData[],\n  customTooltipTemplate: CustomTooltipTemplate<TData> | undefined,\n  renderDefaultTooltip: (datapoint: TData) => ReactNode,\n): ReactNode => {\n  const transformedDatapoint = payload.rectPayload?.datapoint as\n    | TData\n    | undefined;\n\n  if (!transformedDatapoint) {\n    return;\n  }\n\n  const originalIdx = transformedDatapoint[FLAME_ORIGINAL_IDX] as number;\n  const originalDatapoint = originalData[originalIdx];\n\n  if (customTooltipTemplate) {\n    const template = customTooltipTemplate({\n      ...payload.rectPayload,\n      datapoint: originalDatapoint,\n    });\n\n    if (template === null) {\n      return null;\n    }\n    if (template) {\n      return template;\n    }\n  }\n\n  return renderDefaultTooltip(originalDatapoint);\n};\n"],
+  "mappings": "AAIA,SAAS,0BAA0B;AAG5B,MAAM,6BAA6B,CACxC,SACA,cACA,uBACA,yBACc;AACd,QAAM,uBAAuB,QAAQ,aAAa;AAIlD,MAAI,CAAC,sBAAsB;AACzB;AAAA,EACF;AAEA,QAAM,cAAc,qBAAqB,kBAAkB;AAC3D,QAAM,oBAAoB,aAAa,WAAW;AAElD,MAAI,uBAAuB;AACzB,UAAM,WAAW,sBAAsB;AAAA,MACrC,GAAG,QAAQ;AAAA,MACX,WAAW;AAAA,IACb,CAAC;AAED,QAAI,aAAa,MAAM;AACrB,aAAO;AAAA,IACT;AACA,QAAI,UAAU;AACZ,aAAO;AAAA,IACT;AAAA,EACF;AAEA,SAAO,qBAAqB,iBAAiB;AAC/C;",
+  "names": []
+}

package/esm/charts/gantt-chart/GanttChartLine.css

@@ -1,4 +1,4 @@
-._1pk2ed10-3-12-2 {
+._1pk2ed10-3-13-0 {
   height: 100%;
   width: 100%;
 }

package/esm/charts/gantt-chart/GanttChartLine.sty.js

@@ -1,5 +1,5 @@
 import "./GanttChartLine.css";
-var wrapper = "_1pk2ed10-3-12-2";
+var wrapper = "_1pk2ed10-3-13-0";
 export {
   wrapper
 };

package/esm/charts/gantt-chart/GanttChartLine.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/charts/gantt-chart/GanttChartLine.css.ts"],
-  "sourcesContent": ["import './GanttChartLine.css';\nexport var wrapper = '_1pk2ed10-3-12-2';"],
+  "sourcesContent": ["import './GanttChartLine.css';\nexport var wrapper = '_1pk2ed10-3-13-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,UAAU;",
   "names": []
 }

package/esm/charts/gantt-chart/components/GanttChartLineRenderer.css

@@ -1,4 +1,4 @@
-._mnxak30-3-12-2 {
+._mnxak30-3-13-0 {
   height: 100%;
   display: flex;
   justify-content: center;

package/esm/charts/gantt-chart/components/GanttChartLineRenderer.sty.js

@@ -1,5 +1,5 @@
 import "./GanttChartLineRenderer.css";
-var svgWrapperCSS = "_mnxak30-3-12-2";
+var svgWrapperCSS = "_mnxak30-3-13-0";
 export {
   svgWrapperCSS
 };

package/esm/charts/gantt-chart/components/GanttChartLineRenderer.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/gantt-chart/components/GanttChartLineRenderer.css.ts"],
-  "sourcesContent": ["import './GanttChartLineRenderer.css';\nexport var svgWrapperCSS = '_mnxak30-3-12-2';"],
+  "sourcesContent": ["import './GanttChartLineRenderer.css';\nexport var svgWrapperCSS = '_mnxak30-3-13-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,gBAAgB;",
   "names": []
 }

package/esm/charts/gantt-chart/components/tooltip/GanttChartTooltip.css

@@ -1,4 +1,4 @@
-._1v8s3xl0-3-12-2._1v8s3xl0-3-12-2 {
+._1v8s3xl0-3-13-0._1v8s3xl0-3-13-0 {
   max-height: initial;
   min-width: 160px;
   max-width: 320px;

package/esm/charts/gantt-chart/components/tooltip/GanttChartTooltip.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/gantt-chart/components/tooltip/GanttChartTooltip.tsx"],
-  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-deprecated -- DEPRECATION: [APPDEV-17834] BREAKING-CHANGE: migrate to ChartTooltip before next major. */\nimport { type RefObject, useContext, useRef } from 'react';\n\nimport { ganttChartTooltipCSS } from './GanttChartTooltip.sty.js';\nimport { GanttChartTooltipContent } from './GanttChartTooltipContent.js';\nimport { useChartActionsMenu } from '../../../core/components/series-action/hooks/useChartActionsMenu.js';\nimport { ChartTooltip } from '../../../core/components/tooltip/ChartTooltip/ChartTooltip.js';\nimport { Point } from '../../../core/types/point.js';\nimport { DEFAULT_TOOLTIP_MARGIN } from '../../constants/defaults.js';\nimport { GanttSegmentsContext } from '../../context/GanttSegmentsContext.js';\nimport { useRegisterTooltipHandlerCallbacks } from '../../hooks/use-register-tooltip-handler-callbacks.js';\nimport {\n  useTooltipPinnedStatus,\n  useTooltipPosition,\n} from '../../hooks/use-set-tooltip-state.js';\n\n/**\n * Tooltip specific to the Gantt Chart.\n */\nexport const GanttChartTooltip = () => {\n  const tooltipRef = useRef<HTMLDivElement>(null);\n  const pinned = useTooltipPinnedStatus();\n  const mousePosition = useTooltipPosition();\n  const { hovering = true } = useContext(GanttSegmentsContext);\n  const {\n    selectedItem: selectedItemId,\n    actionsMenuRef,\n    updateSelectedItem,\n    onLeave,\n  } = useChartActionsMenu();\n  useRegisterTooltipHandlerCallbacks(tooltipRef);\n\n  const isTooltipHeightKnown = useRef(false);\n\n  if (!mousePosition || !hovering) {\n    return null;\n  }\n\n  if (!isTooltipHeightKnown.current && tooltipRef.current) {\n    isTooltipHeightKnown.current = true;\n    return null;\n  }\n\n  const position = getTooltipPosition(mousePosition, tooltipRef);\n\n  return (\n    <ChartTooltip\n      ref={tooltipRef}\n      pinned={pinned}\n      className={ganttChartTooltipCSS}\n      position={position}\n      onMouseLeave={onLeave}\n      actionSelectionValue={{\n        selectedItemId,\n        actionsMenuRef,\n        updateSelectedItem,\n      }}\n    >\n      <GanttChartTooltipContent />\n    </ChartTooltip>\n  );\n};\n\nfunction getTooltipPosition(\n  mousePosition: Point,\n  tooltipRef: RefObject<HTMLDivElement | null>,\n) {\n  if (!tooltipRef.current) {\n    // place the tooltip far off-screen on first render to measure its height\n    return {\n      x: -9999,\n      y: -9999,\n    };\n  }\n\n  const position: Point = {\n    x: mousePosition.x,\n    y: mousePosition.y + DEFAULT_TOOLTIP_MARGIN,\n  };\n\n  const tooltipHeight = tooltipRef.current.getBoundingClientRect().height;\n  const viewportHeight = window.innerHeight;\n\n  // check if tooltip is outside viewport\n  if (position.y + tooltipHeight > viewportHeight) {\n    // adjust vertical position so that tooltip is not cut off\n    position.y = viewportHeight - tooltipHeight;\n  }\n\n  return {\n    x: Math.max(0, position.x),\n    y: Math.max(0, position.y),\n  };\n}\n"],
+  "sourcesContent": ["/* oxlint-disable typescript/no-deprecated -- DEPRECATION: [APPDEV-17834] BREAKING-CHANGE: migrate to ChartTooltip before next major. */\nimport { type RefObject, useContext, useRef } from 'react';\n\nimport { ganttChartTooltipCSS } from './GanttChartTooltip.sty.js';\nimport { GanttChartTooltipContent } from './GanttChartTooltipContent.js';\nimport { useChartActionsMenu } from '../../../core/components/series-action/hooks/useChartActionsMenu.js';\nimport { ChartTooltip } from '../../../core/components/tooltip/ChartTooltip/ChartTooltip.js';\nimport { Point } from '../../../core/types/point.js';\nimport { DEFAULT_TOOLTIP_MARGIN } from '../../constants/defaults.js';\nimport { GanttSegmentsContext } from '../../context/GanttSegmentsContext.js';\nimport { useRegisterTooltipHandlerCallbacks } from '../../hooks/use-register-tooltip-handler-callbacks.js';\nimport {\n  useTooltipPinnedStatus,\n  useTooltipPosition,\n} from '../../hooks/use-set-tooltip-state.js';\n\n/**\n * Tooltip specific to the Gantt Chart.\n */\nexport const GanttChartTooltip = () => {\n  const tooltipRef = useRef<HTMLDivElement>(null);\n  const pinned = useTooltipPinnedStatus();\n  const mousePosition = useTooltipPosition();\n  const { hovering = true } = useContext(GanttSegmentsContext);\n  const {\n    selectedItem: selectedItemId,\n    actionsMenuRef,\n    updateSelectedItem,\n    onLeave,\n  } = useChartActionsMenu();\n  useRegisterTooltipHandlerCallbacks(tooltipRef);\n\n  const isTooltipHeightKnown = useRef(false);\n\n  if (!mousePosition || !hovering) {\n    return null;\n  }\n\n  if (!isTooltipHeightKnown.current && tooltipRef.current) {\n    isTooltipHeightKnown.current = true;\n    return null;\n  }\n\n  const position = getTooltipPosition(mousePosition, tooltipRef);\n\n  return (\n    <ChartTooltip\n      ref={tooltipRef}\n      pinned={pinned}\n      className={ganttChartTooltipCSS}\n      position={position}\n      onMouseLeave={onLeave}\n      actionSelectionValue={{\n        selectedItemId,\n        actionsMenuRef,\n        updateSelectedItem,\n      }}\n    >\n      <GanttChartTooltipContent />\n    </ChartTooltip>\n  );\n};\n\nfunction getTooltipPosition(\n  mousePosition: Point,\n  tooltipRef: RefObject<HTMLDivElement | null>,\n) {\n  if (!tooltipRef.current) {\n    // place the tooltip far off-screen on first render to measure its height\n    return {\n      x: -9999,\n      y: -9999,\n    };\n  }\n\n  const position: Point = {\n    x: mousePosition.x,\n    y: mousePosition.y + DEFAULT_TOOLTIP_MARGIN,\n  };\n\n  const tooltipHeight = tooltipRef.current.getBoundingClientRect().height;\n  const viewportHeight = window.innerHeight;\n\n  // check if tooltip is outside viewport\n  if (position.y + tooltipHeight > viewportHeight) {\n    // adjust vertical position so that tooltip is not cut off\n    position.y = viewportHeight - tooltipHeight;\n  }\n\n  return {\n    x: Math.max(0, position.x),\n    y: Math.max(0, position.y),\n  };\n}\n"],
   "mappings": "AA0DM;AAzDN,SAAyB,YAAY,cAAc;AAEnD,SAAS,4BAA4B;AACrC,SAAS,gCAAgC;AACzC,SAAS,2BAA2B;AACpC,SAAS,oBAAoB;AAE7B,SAAS,8BAA8B;AACvC,SAAS,4BAA4B;AACrC,SAAS,0CAA0C;AACnD;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAKA,MAAM,oBAAoB,MAAM;AACrC,QAAM,aAAa,OAAuB,IAAI;AAC9C,QAAM,SAAS,uBAAuB;AACtC,QAAM,gBAAgB,mBAAmB;AACzC,QAAM,EAAE,WAAW,KAAK,IAAI,WAAW,oBAAoB;AAC3D,QAAM;AAAA,IACJ,cAAc;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,oBAAoB;AACxB,qCAAmC,UAAU;AAE7C,QAAM,uBAAuB,OAAO,KAAK;AAEzC,MAAI,CAAC,iBAAiB,CAAC,UAAU;AAC/B,WAAO;AAAA,EACT;AAEA,MAAI,CAAC,qBAAqB,WAAW,WAAW,SAAS;AACvD,yBAAqB,UAAU;AAC/B,WAAO;AAAA,EACT;AAEA,QAAM,WAAW,mBAAmB,eAAe,UAAU;AAE7D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL;AAAA,MACA,WAAW;AAAA,MACX;AAAA,MACA,cAAc;AAAA,MACd,sBAAsB;AAAA,QACpB;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MAEA,8BAAC,4BAAyB;AAAA;AAAA,EAC5B;AAEJ;AAEA,SAAS,mBACP,eACA,YACA;AACA,MAAI,CAAC,WAAW,SAAS;AAEvB,WAAO;AAAA,MACL,GAAG;AAAA,MACH,GAAG;AAAA,IACL;AAAA,EACF;AAEA,QAAM,WAAkB;AAAA,IACtB,GAAG,cAAc;AAAA,IACjB,GAAG,cAAc,IAAI;AAAA,EACvB;AAEA,QAAM,gBAAgB,WAAW,QAAQ,sBAAsB,EAAE;AACjE,QAAM,iBAAiB,OAAO;AAG9B,MAAI,SAAS,IAAI,gBAAgB,gBAAgB;AAE/C,aAAS,IAAI,iBAAiB;AAAA,EAChC;AAEA,SAAO;AAAA,IACL,GAAG,KAAK,IAAI,GAAG,SAAS,CAAC;AAAA,IACzB,GAAG,KAAK,IAAI,GAAG,SAAS,CAAC;AAAA,EAC3B;AACF;",
   "names": []
 }

package/esm/charts/gantt-chart/components/tooltip/GanttChartTooltip.sty.js

@@ -1,5 +1,5 @@
 import "./GanttChartTooltip.css";
-var ganttChartTooltipCSS = "_1v8s3xl0-3-12-2";
+var ganttChartTooltipCSS = "_1v8s3xl0-3-13-0";
 export {
   ganttChartTooltipCSS
 };

package/esm/charts/gantt-chart/components/tooltip/GanttChartTooltip.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/gantt-chart/components/tooltip/GanttChartTooltip.css.ts"],
-  "sourcesContent": ["import './GanttChartTooltip.css';\nexport var ganttChartTooltipCSS = '_1v8s3xl0-3-12-2';"],
+  "sourcesContent": ["import './GanttChartTooltip.css';\nexport var ganttChartTooltipCSS = '_1v8s3xl0-3-13-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,uBAAuB;",
   "names": []
 }

package/esm/charts/gantt-chart/components/tooltip/GanttChartTooltipBody.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/gantt-chart/components/tooltip/GanttChartTooltipBody.tsx"],
-  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-deprecated -- DEPRECATION: [APPDEV-17834] BREAKING-CHANGE: migrate to ChartTooltip before next major. */\nimport { CopyIcon } from '@dynatrace/strato-icons';\nimport { format, formatDate, units } from '@dynatrace-sdk/units';\n\nimport { useCopyToClipboard } from '../../../../core/utils/useCopyToClipboard.js';\nimport { ChartSeriesAction } from '../../../core/components/series-action/ChartSeriesAction.js';\nimport { ChartTooltip } from '../../../core/components/tooltip/ChartTooltip/ChartTooltip.js';\nimport { DEFAULT_GANTT_SEGMENT_NAME } from '../../constants/defaults.js';\nimport { useGanttSegmentsContext } from '../../context/GanttSegmentsContext.js';\nimport { getEntryColor } from '../../functions/get-entry-color.js';\nimport type { GanttSegmentData } from '../../types/gantt-chart.js';\n\nexport const GanttChartTooltipBody = ({\n  entry,\n  row,\n  parent,\n  isDate,\n}: {\n  entry: GanttSegmentData;\n  row: GanttSegmentData[];\n  parent?: GanttSegmentData[];\n  isDate: boolean;\n}) => {\n  const {\n    config: {\n      nameAccessor = 'name',\n      formatter,\n      tooltipActions,\n      colorAccessor,\n      colorPalette,\n    },\n  } = useGanttSegmentsContext();\n  const duration =\n    entry.end !== undefined ? entry.end - entry.start : undefined;\n  const name = (entry[nameAccessor] || DEFAULT_GANTT_SEGMENT_NAME) as string;\n\n  const [copyName] = useCopyToClipboard(name);\n  const [copyStart] = useCopyToClipboard(`${entry.start}`);\n  const [copyEnd] = useCopyToClipboard(`${entry.end}`);\n  const [copyDuration] = useCopyToClipboard(`${duration}`);\n\n  const formatValue = isDate ? formatDate : format;\n  return (\n    <ChartTooltip.SeriesItem\n      color={getEntryColor(entry, colorAccessor, colorPalette)}\n      name={name}\n      actions={\n        tooltipActions\n          ? tooltipActions(entry, row, parent)\n          : () => (\n              <ChartSeriesAction>\n                <ChartSeriesAction.Item onSelect={copyName}>\n                  {name}\n                  <ChartSeriesAction.ItemIcon>\n                    <CopyIcon />\n                  </ChartSeriesAction.ItemIcon>\n                </ChartSeriesAction.Item>\n                <ChartSeriesAction.Item onSelect={copyStart}>\n                  Start: {formatValue(entry.start, formatter)}\n                  <ChartSeriesAction.ItemIcon>\n                    <CopyIcon />\n                  </ChartSeriesAction.ItemIcon>\n                </ChartSeriesAction.Item>\n                {entry.end && (\n                  <ChartSeriesAction.Item onSelect={copyEnd}>\n                    End: {formatValue(entry.end, formatter)}\n                    <ChartSeriesAction.ItemIcon>\n                      <CopyIcon />\n                    </ChartSeriesAction.ItemIcon>\n                  </ChartSeriesAction.Item>\n                )}\n                {duration && (\n                  <ChartSeriesAction.Item onSelect={copyDuration}>\n                    Duration:{' '}\n                    {format(\n                      duration,\n                      isDate && !formatter\n                        ? { input: units.time.millisecond }\n                        : formatter,\n                    )}\n                    <ChartSeriesAction.ItemIcon>\n                      <CopyIcon />\n                    </ChartSeriesAction.ItemIcon>\n                  </ChartSeriesAction.Item>\n                )}\n              </ChartSeriesAction>\n            )\n      }\n    />\n  );\n};\n"],
+  "sourcesContent": ["/* oxlint-disable typescript/no-deprecated -- DEPRECATION: [APPDEV-17834] BREAKING-CHANGE: migrate to ChartTooltip before next major. */\nimport { CopyIcon } from '@dynatrace/strato-icons';\nimport { format, formatDate, units } from '@dynatrace-sdk/units';\n\nimport { useCopyToClipboard } from '../../../../core/utils/useCopyToClipboard.js';\nimport { ChartSeriesAction } from '../../../core/components/series-action/ChartSeriesAction.js';\nimport { ChartTooltip } from '../../../core/components/tooltip/ChartTooltip/ChartTooltip.js';\nimport { DEFAULT_GANTT_SEGMENT_NAME } from '../../constants/defaults.js';\nimport { useGanttSegmentsContext } from '../../context/GanttSegmentsContext.js';\nimport { getEntryColor } from '../../functions/get-entry-color.js';\nimport type { GanttSegmentData } from '../../types/gantt-chart.js';\n\nexport const GanttChartTooltipBody = ({\n  entry,\n  row,\n  parent,\n  isDate,\n}: {\n  entry: GanttSegmentData;\n  row: GanttSegmentData[];\n  parent?: GanttSegmentData[];\n  isDate: boolean;\n}) => {\n  const {\n    config: {\n      nameAccessor = 'name',\n      formatter,\n      tooltipActions,\n      colorAccessor,\n      colorPalette,\n    },\n  } = useGanttSegmentsContext();\n  const duration =\n    entry.end !== undefined ? entry.end - entry.start : undefined;\n  const name = (entry[nameAccessor] || DEFAULT_GANTT_SEGMENT_NAME) as string;\n\n  const [copyName] = useCopyToClipboard(name);\n  const [copyStart] = useCopyToClipboard(`${entry.start}`);\n  const [copyEnd] = useCopyToClipboard(`${entry.end}`);\n  const [copyDuration] = useCopyToClipboard(`${duration}`);\n\n  const formatValue = isDate ? formatDate : format;\n  return (\n    <ChartTooltip.SeriesItem\n      color={getEntryColor(entry, colorAccessor, colorPalette)}\n      name={name}\n      actions={\n        tooltipActions\n          ? tooltipActions(entry, row, parent)\n          : () => (\n              <ChartSeriesAction>\n                <ChartSeriesAction.Item onSelect={copyName}>\n                  {name}\n                  <ChartSeriesAction.ItemIcon>\n                    <CopyIcon />\n                  </ChartSeriesAction.ItemIcon>\n                </ChartSeriesAction.Item>\n                <ChartSeriesAction.Item onSelect={copyStart}>\n                  Start: {formatValue(entry.start, formatter)}\n                  <ChartSeriesAction.ItemIcon>\n                    <CopyIcon />\n                  </ChartSeriesAction.ItemIcon>\n                </ChartSeriesAction.Item>\n                {entry.end && (\n                  <ChartSeriesAction.Item onSelect={copyEnd}>\n                    End: {formatValue(entry.end, formatter)}\n                    <ChartSeriesAction.ItemIcon>\n                      <CopyIcon />\n                    </ChartSeriesAction.ItemIcon>\n                  </ChartSeriesAction.Item>\n                )}\n                {duration && (\n                  <ChartSeriesAction.Item onSelect={copyDuration}>\n                    Duration:{' '}\n                    {format(\n                      duration,\n                      isDate && !formatter\n                        ? { input: units.time.millisecond }\n                        : formatter,\n                    )}\n                    <ChartSeriesAction.ItemIcon>\n                      <CopyIcon />\n                    </ChartSeriesAction.ItemIcon>\n                  </ChartSeriesAction.Item>\n                )}\n              </ChartSeriesAction>\n            )\n      }\n    />\n  );\n};\n"],
   "mappings": "AAmDgB,SAGI,KAHJ;AAlDhB,SAAS,gBAAgB;AACzB,SAAS,QAAQ,YAAY,aAAa;AAE1C,SAAS,0BAA0B;AACnC,SAAS,yBAAyB;AAClC,SAAS,oBAAoB;AAC7B,SAAS,kCAAkC;AAC3C,SAAS,+BAA+B;AACxC,SAAS,qBAAqB;AAGvB,MAAM,wBAAwB,CAAC;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAKM;AACJ,QAAM;AAAA,IACJ,QAAQ;AAAA,MACN,eAAe;AAAA,MACf;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF,IAAI,wBAAwB;AAC5B,QAAM,WACJ,MAAM,QAAQ,SAAY,MAAM,MAAM,MAAM,QAAQ;AACtD,QAAM,OAAQ,MAAM,YAAY,KAAK;AAErC,QAAM,CAAC,QAAQ,IAAI,mBAAmB,IAAI;AAC1C,QAAM,CAAC,SAAS,IAAI,mBAAmB,GAAG,MAAM,KAAK,EAAE;AACvD,QAAM,CAAC,OAAO,IAAI,mBAAmB,GAAG,MAAM,GAAG,EAAE;AACnD,QAAM,CAAC,YAAY,IAAI,mBAAmB,GAAG,QAAQ,EAAE;AAEvD,QAAM,cAAc,SAAS,aAAa;AAC1C,SACE;AAAA,IAAC,aAAa;AAAA,IAAb;AAAA,MACC,OAAO,cAAc,OAAO,eAAe,YAAY;AAAA,MACvD;AAAA,MACA,SACE,iBACI,eAAe,OAAO,KAAK,MAAM,IACjC,MACE,qBAAC,qBACC;AAAA,6BAAC,kBAAkB,MAAlB,EAAuB,UAAU,UAC/B;AAAA;AAAA,UACD,oBAAC,kBAAkB,UAAlB,EACC,8BAAC,YAAS,GACZ;AAAA,WACF;AAAA,QACA,qBAAC,kBAAkB,MAAlB,EAAuB,UAAU,WAAW;AAAA;AAAA,UACnC,YAAY,MAAM,OAAO,SAAS;AAAA,UAC1C,oBAAC,kBAAkB,UAAlB,EACC,8BAAC,YAAS,GACZ;AAAA,WACF;AAAA,QACC,MAAM,OACL,qBAAC,kBAAkB,MAAlB,EAAuB,UAAU,SAAS;AAAA;AAAA,UACnC,YAAY,MAAM,KAAK,SAAS;AAAA,UACtC,oBAAC,kBAAkB,UAAlB,EACC,8BAAC,YAAS,GACZ;AAAA,WACF;AAAA,QAED,YACC,qBAAC,kBAAkB,MAAlB,EAAuB,UAAU,cAAc;AAAA;AAAA,UACpC;AAAA,UACT;AAAA,YACC;AAAA,YACA,UAAU,CAAC,YACP,EAAE,OAAO,MAAM,KAAK,YAAY,IAChC;AAAA,UACN;AAAA,UACA,oBAAC,kBAAkB,UAAlB,EACC,8BAAC,YAAS,GACZ;AAAA,WACF;AAAA,SAEJ;AAAA;AAAA,EAGV;AAEJ;",
   "names": []
 }

package/esm/charts/gantt-chart/components/tooltip/GanttChartTooltipContent.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/gantt-chart/components/tooltip/GanttChartTooltipContent.tsx"],
-  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-deprecated -- DEPRECATION: [APPDEV-17834] BREAKING-CHANGE: migrate to ChartTooltip before next major. */\nimport { useEffect, useState } from 'react';\n\nimport Spacings from '@dynatrace/strato-design-tokens/spacings';\n\nimport { GanttChartTooltipBody } from './GanttChartTooltipBody.js';\nimport { GanttChartTooltipHeader } from './GanttChartTooltipHeader.js';\nimport { Divider } from '../../../../layouts/divider/Divider.js';\nimport { ChartTooltip } from '../../../core/components/tooltip/ChartTooltip/ChartTooltip.js';\nimport type { GanttChartContent } from '../../context/GanttChartStateContext.js';\nimport { useGanttSegmentsContext } from '../../context/GanttSegmentsContext.js';\nimport {\n  useTooltipContent,\n  useTooltipPinnedStatus,\n} from '../../hooks/use-set-tooltip-state.js';\n\nexport const GanttChartTooltipContent = () => {\n  const [tooltipContent, setTooltipContent] = useState<\n    GanttChartContent | undefined\n  >();\n\n  const isTooltipPinned = useTooltipPinnedStatus();\n  const storedTooltipContent = useTooltipContent();\n  const {\n    config: { xAxisType, tooltip, formatter },\n  } = useGanttSegmentsContext();\n  const isDate = xAxisType === 'time';\n\n  useEffect(() => {\n    if (!isTooltipPinned && storedTooltipContent) {\n      setTooltipContent(storedTooltipContent);\n    }\n  }, [storedTooltipContent, isTooltipPinned]);\n\n  if (!tooltipContent) {\n    return null;\n  }\n\n  const { row, segment, parent } = tooltipContent;\n\n  if (tooltip !== undefined) {\n    return tooltip(segment, row, parent);\n  }\n\n  return (\n    <>\n      <GanttChartTooltipHeader\n        segment={tooltipContent.segment}\n        isDate={isDate}\n        formatter={formatter}\n      />\n      <Divider\n        orientation=\"horizontal\"\n        style={{ margin: `${Spacings.Size4} 0` }}\n      />\n      <ChartTooltip.Body>\n        <GanttChartTooltipBody\n          entry={tooltipContent.segment}\n          row={row}\n          parent={parent}\n          isDate={isDate}\n        />\n      </ChartTooltip.Body>\n    </>\n  );\n};\n\nGanttChartTooltipContent['displayName'] = 'GanttChartTooltipBody';\n"],
+  "sourcesContent": ["/* oxlint-disable typescript/no-deprecated -- DEPRECATION: [APPDEV-17834] BREAKING-CHANGE: migrate to ChartTooltip before next major. */\nimport { useEffect, useState } from 'react';\n\nimport Spacings from '@dynatrace/strato-design-tokens/spacings';\n\nimport { GanttChartTooltipBody } from './GanttChartTooltipBody.js';\nimport { GanttChartTooltipHeader } from './GanttChartTooltipHeader.js';\nimport { Divider } from '../../../../layouts/divider/Divider.js';\nimport { ChartTooltip } from '../../../core/components/tooltip/ChartTooltip/ChartTooltip.js';\nimport type { GanttChartContent } from '../../context/GanttChartStateContext.js';\nimport { useGanttSegmentsContext } from '../../context/GanttSegmentsContext.js';\nimport {\n  useTooltipContent,\n  useTooltipPinnedStatus,\n} from '../../hooks/use-set-tooltip-state.js';\n\nexport const GanttChartTooltipContent = () => {\n  const [tooltipContent, setTooltipContent] = useState<\n    GanttChartContent | undefined\n  >();\n\n  const isTooltipPinned = useTooltipPinnedStatus();\n  const storedTooltipContent = useTooltipContent();\n  const {\n    config: { xAxisType, tooltip, formatter },\n  } = useGanttSegmentsContext();\n  const isDate = xAxisType === 'time';\n\n  useEffect(() => {\n    if (!isTooltipPinned && storedTooltipContent) {\n      setTooltipContent(storedTooltipContent);\n    }\n  }, [storedTooltipContent, isTooltipPinned]);\n\n  if (!tooltipContent) {\n    return null;\n  }\n\n  const { row, segment, parent } = tooltipContent;\n\n  if (tooltip !== undefined) {\n    return tooltip(segment, row, parent);\n  }\n\n  return (\n    <>\n      <GanttChartTooltipHeader\n        segment={tooltipContent.segment}\n        isDate={isDate}\n        formatter={formatter}\n      />\n      <Divider\n        orientation=\"horizontal\"\n        style={{ margin: `${Spacings.Size4} 0` }}\n      />\n      <ChartTooltip.Body>\n        <GanttChartTooltipBody\n          entry={tooltipContent.segment}\n          row={row}\n          parent={parent}\n          isDate={isDate}\n        />\n      </ChartTooltip.Body>\n    </>\n  );\n};\n\nGanttChartTooltipContent['displayName'] = 'GanttChartTooltipBody';\n"],
   "mappings": "AA6CI,mBACE,KADF;AA5CJ,SAAS,WAAW,gBAAgB;AAEpC,OAAO,cAAc;AAErB,SAAS,6BAA6B;AACtC,SAAS,+BAA+B;AACxC,SAAS,eAAe;AACxB,SAAS,oBAAoB;AAE7B,SAAS,+BAA+B;AACxC;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAEA,MAAM,2BAA2B,MAAM;AAC5C,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAE1C;AAEF,QAAM,kBAAkB,uBAAuB;AAC/C,QAAM,uBAAuB,kBAAkB;AAC/C,QAAM;AAAA,IACJ,QAAQ,EAAE,WAAW,SAAS,UAAU;AAAA,EAC1C,IAAI,wBAAwB;AAC5B,QAAM,SAAS,cAAc;AAE7B,YAAU,MAAM;AACd,QAAI,CAAC,mBAAmB,sBAAsB;AAC5C,wBAAkB,oBAAoB;AAAA,IACxC;AAAA,EACF,GAAG,CAAC,sBAAsB,eAAe,CAAC;AAE1C,MAAI,CAAC,gBAAgB;AACnB,WAAO;AAAA,EACT;AAEA,QAAM,EAAE,KAAK,SAAS,OAAO,IAAI;AAEjC,MAAI,YAAY,QAAW;AACzB,WAAO,QAAQ,SAAS,KAAK,MAAM;AAAA,EACrC;AAEA,SACE,iCACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,SAAS,eAAe;AAAA,QACxB;AAAA,QACA;AAAA;AAAA,IACF;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,aAAY;AAAA,QACZ,OAAO,EAAE,QAAQ,GAAG,SAAS,KAAK,KAAK;AAAA;AAAA,IACzC;AAAA,IACA,oBAAC,aAAa,MAAb,EACC;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,eAAe;AAAA,QACtB;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACF,GACF;AAAA,KACF;AAEJ;AAEA,yBAAyB,aAAa,IAAI;",
   "names": []
 }

package/esm/charts/gantt-chart/components/tooltip/GanttChartTooltipHeader.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/gantt-chart/components/tooltip/GanttChartTooltipHeader.tsx"],
-  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-deprecated -- DEPRECATION: [APPDEV-17834] BREAKING-CHANGE: migrate to ChartTooltip before next major. */\nimport { format } from '@dynatrace-sdk/units';\n\nimport { ChartTooltip } from '../../../core/components/tooltip/ChartTooltip/ChartTooltip.js';\nimport { RangeHeader } from '../../../core/components/tooltip/ChartTooltip/components/RangeHeader/RangeHeader.js';\nimport { TextHeader } from '../../../core/components/tooltip/ChartTooltip/components/TextHeader.js';\nimport type {\n  GanttChartFormatter,\n  GanttSegmentData,\n} from '../../types/gantt-chart.js';\n\nexport const GanttChartTooltipHeader = ({\n  segment,\n  isDate,\n  formatter,\n}: {\n  segment: Pick<GanttSegmentData, 'start' | 'end'>;\n  isDate: boolean;\n  formatter?: GanttChartFormatter;\n}) => {\n  const [start, end] = [segment.start, segment.end];\n  if (isDate) {\n    return end === undefined || start === end ? (\n      <ChartTooltip.TimestampHeader date={new Date(start)} />\n    ) : (\n      <ChartTooltip.TimeFrameHeader\n        showDuration\n        from={new Date(start)}\n        to={new Date(end)}\n      />\n    );\n  }\n\n  return end === undefined || start === end ? (\n    <TextHeader text={format(start, formatter)} />\n  ) : (\n    <RangeHeader\n      from={start}\n      to={end}\n      formatter={(value: number) => format(value, formatter)}\n    />\n  );\n};\n"],
+  "sourcesContent": ["/* oxlint-disable typescript/no-deprecated -- DEPRECATION: [APPDEV-17834] BREAKING-CHANGE: migrate to ChartTooltip before next major. */\nimport { format } from '@dynatrace-sdk/units';\n\nimport { ChartTooltip } from '../../../core/components/tooltip/ChartTooltip/ChartTooltip.js';\nimport { RangeHeader } from '../../../core/components/tooltip/ChartTooltip/components/RangeHeader/RangeHeader.js';\nimport { TextHeader } from '../../../core/components/tooltip/ChartTooltip/components/TextHeader.js';\nimport type {\n  GanttChartFormatter,\n  GanttSegmentData,\n} from '../../types/gantt-chart.js';\n\nexport const GanttChartTooltipHeader = ({\n  segment,\n  isDate,\n  formatter,\n}: {\n  segment: Pick<GanttSegmentData, 'start' | 'end'>;\n  isDate: boolean;\n  formatter?: GanttChartFormatter;\n}) => {\n  const [start, end] = [segment.start, segment.end];\n  if (isDate) {\n    return end === undefined || start === end ? (\n      <ChartTooltip.TimestampHeader date={new Date(start)} />\n    ) : (\n      <ChartTooltip.TimeFrameHeader\n        showDuration\n        from={new Date(start)}\n        to={new Date(end)}\n      />\n    );\n  }\n\n  return end === undefined || start === end ? (\n    <TextHeader text={format(start, formatter)} />\n  ) : (\n    <RangeHeader\n      from={start}\n      to={end}\n      formatter={(value: number) => format(value, formatter)}\n    />\n  );\n};\n"],
   "mappings": "AAuBM;AAtBN,SAAS,cAAc;AAEvB,SAAS,oBAAoB;AAC7B,SAAS,mBAAmB;AAC5B,SAAS,kBAAkB;AAMpB,MAAM,0BAA0B,CAAC;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AACF,MAIM;AACJ,QAAM,CAAC,OAAO,GAAG,IAAI,CAAC,QAAQ,OAAO,QAAQ,GAAG;AAChD,MAAI,QAAQ;AACV,WAAO,QAAQ,UAAa,UAAU,MACpC,oBAAC,aAAa,iBAAb,EAA6B,MAAM,IAAI,KAAK,KAAK,GAAG,IAErD;AAAA,MAAC,aAAa;AAAA,MAAb;AAAA,QACC,cAAY;AAAA,QACZ,MAAM,IAAI,KAAK,KAAK;AAAA,QACpB,IAAI,IAAI,KAAK,GAAG;AAAA;AAAA,IAClB;AAAA,EAEJ;AAEA,SAAO,QAAQ,UAAa,UAAU,MACpC,oBAAC,cAAW,MAAM,OAAO,OAAO,SAAS,GAAG,IAE5C;AAAA,IAAC;AAAA;AAAA,MACC,MAAM;AAAA,MACN,IAAI;AAAA,MACJ,WAAW,CAAC,UAAkB,OAAO,OAAO,SAAS;AAAA;AAAA,EACvD;AAEJ;",
   "names": []
 }

package/esm/charts/gauge/components/GaugeChartLayout/GaugeChartLayout.css

@@ -1,4 +1,4 @@
-._ezp7cy0-3-12-2 {
+._ezp7cy0-3-13-0 {
   width: 100%;
   height: 100%;
   container-type: size;

package/esm/charts/gauge/components/GaugeChartLayout/GaugeChartLayout.sty.js

@@ -1,5 +1,5 @@
 import "./GaugeChartLayout.css";
-var layoutContainer = "_ezp7cy0-3-12-2";
+var layoutContainer = "_ezp7cy0-3-13-0";
 export {
   layoutContainer
 };

package/esm/charts/gauge/components/GaugeChartLayout/GaugeChartLayout.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/gauge/components/GaugeChartLayout/GaugeChartLayout.css.ts"],
-  "sourcesContent": ["import './GaugeChartLayout.css';\nexport var layoutContainer = '_ezp7cy0-3-12-2';"],
+  "sourcesContent": ["import './GaugeChartLayout.css';\nexport var layoutContainer = '_ezp7cy0-3-13-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,kBAAkB;",
   "names": []
 }

package/esm/charts/gauge/components/GaugeLabel/GaugeLabel.css

@@ -1,22 +1,22 @@
-._18ourc20-3-12-2 {
+._18ourc20-3-13-0 {
   width: 100%;
   height: 100%;
   overflow: visible;
 }
-._18ourc21-3-12-2 {
+._18ourc21-3-13-0 {
   width: fit-content;
 }
-._18ourc22-3-12-2 {
+._18ourc22-3-13-0 {
   transform: translateX(-50%) translateY(-75%);
 }
-._18ourc23-3-12-2 {
+._18ourc23-3-13-0 {
   transform: translateX(-50%) translateY(-25%);
 }
-._18ourc24-3-12-2 {
+._18ourc24-3-13-0 {
   display: none;
 }
 @container (min-width: 100px) and (min-height: 120px) {
-  ._18ourc24-3-12-2 {
+  ._18ourc24-3-13-0 {
     display: block;
   }
 }

package/esm/charts/gauge/components/GaugeLabel/GaugeLabel.sty.js

@@ -1,8 +1,8 @@
 import "./GaugeLabel.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var elementLabelWrapper = "_18ourc20-3-12-2";
-var foreignObjectContainer = _7a468({ defaultClassName: "_18ourc21-3-12-2", variantClassNames: { dominantBaseline: { auto: "_18ourc22-3-12-2", hanging: "_18ourc23-3-12-2" } }, defaultVariants: { dominantBaseline: "hanging" }, compoundVariants: [] });
-var textContainer = "_18ourc24-3-12-2";
+var elementLabelWrapper = "_18ourc20-3-13-0";
+var foreignObjectContainer = _7a468({ defaultClassName: "_18ourc21-3-13-0", variantClassNames: { dominantBaseline: { auto: "_18ourc22-3-13-0", hanging: "_18ourc23-3-13-0" } }, defaultVariants: { dominantBaseline: "hanging" }, compoundVariants: [] });
+var textContainer = "_18ourc24-3-13-0";
 export {
   elementLabelWrapper,
   foreignObjectContainer,

package/esm/charts/gauge/components/GaugeLabel/GaugeLabel.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/gauge/components/GaugeLabel/GaugeLabel.css.ts"],
-  "sourcesContent": ["import './GaugeLabel.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var elementLabelWrapper = '_18ourc20-3-12-2';\nexport var foreignObjectContainer = _7a468({defaultClassName:'_18ourc21-3-12-2',variantClassNames:{dominantBaseline:{auto:'_18ourc22-3-12-2',hanging:'_18ourc23-3-12-2'}},defaultVariants:{dominantBaseline:'hanging'},compoundVariants:[]});\nexport var textContainer = '_18ourc24-3-12-2';"],
+  "sourcesContent": ["import './GaugeLabel.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var elementLabelWrapper = '_18ourc20-3-13-0';\nexport var foreignObjectContainer = _7a468({defaultClassName:'_18ourc21-3-13-0',variantClassNames:{dominantBaseline:{auto:'_18ourc22-3-13-0',hanging:'_18ourc23-3-13-0'}},defaultVariants:{dominantBaseline:'hanging'},compoundVariants:[]});\nexport var textContainer = '_18ourc24-3-13-0';"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,sBAAsB;AAC1B,IAAI,yBAAyB,OAAO,EAAC,kBAAiB,oBAAmB,mBAAkB,EAAC,kBAAiB,EAAC,MAAK,oBAAmB,SAAQ,mBAAkB,EAAC,GAAE,iBAAgB,EAAC,kBAAiB,UAAS,GAAE,kBAAiB,CAAC,EAAC,CAAC;AACpO,IAAI,gBAAgB;",
   "names": []
 }

package/esm/charts/gauge/components/GaugeLabelsWrapper/GaugeLabelsWrapper.css

@@ -1,4 +1,4 @@
-._1fbjcz30-3-12-2 {
+._1fbjcz30-3-13-0 {
   display: grid;
   grid-template-columns: 1fr;
   grid-template: "valueLabel" 2fr
@@ -7,9 +7,9 @@
   width: 100%;
   height: 100%;
 }
-._1fbjcz30-3-12-2 > #value-label {
+._1fbjcz30-3-13-0 > #value-label {
   grid-area: valueLabel;
 }
-._1fbjcz30-3-12-2 > #label {
+._1fbjcz30-3-13-0 > #label {
   grid-area: label;
 }

package/esm/charts/gauge/components/GaugeLabelsWrapper/GaugeLabelsWrapper.sty.js

@@ -1,5 +1,5 @@
 import "./GaugeLabelsWrapper.css";
-var labelsContainer = "_1fbjcz30-3-12-2";
+var labelsContainer = "_1fbjcz30-3-13-0";
 export {
   labelsContainer
 };

package/esm/charts/gauge/components/GaugeLabelsWrapper/GaugeLabelsWrapper.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/gauge/components/GaugeLabelsWrapper/GaugeLabelsWrapper.css.ts"],
-  "sourcesContent": ["import './GaugeLabelsWrapper.css';\nexport var labelsContainer = '_1fbjcz30-3-12-2';"],
+  "sourcesContent": ["import './GaugeLabelsWrapper.css';\nexport var labelsContainer = '_1fbjcz30-3-13-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,kBAAkB;",
   "names": []
 }

package/esm/charts/gauge/components/GaugeLayoutOverlay/GaugeLayoutOverlay.css

@@ -1,17 +1,17 @@
-._l0e5zm0-3-12-2 {
+._l0e5zm0-3-13-0 {
   position: relative;
   height: 100%;
   z-index: 0;
 }
-._l0e5zm1-3-12-2 {
+._l0e5zm1-3-13-0 {
   cursor: default;
   user-select: none;
 }
-._l0e5zm2-3-12-2 {
+._l0e5zm2-3-13-0 {
   position: absolute;
   z-index: 1;
 }
-._l0e5zm3-3-12-2 {
+._l0e5zm3-3-13-0 {
   top: 0;
   left: 0;
   width: 100%;

package/esm/charts/gauge/components/GaugeLayoutOverlay/GaugeLayoutOverlay.sty.js

@@ -1,9 +1,9 @@
 import "./GaugeLayoutOverlay.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
 var consumerLoadingStyle = { position: "absolute", top: 0, width: "100%", height: "100%", zIndex: 1, pointerEvents: "none", backgroundColor: "var(--dt-colors-background-base-default, #f9f9fa)", opacity: 0.4 };
-var container = _7a468({ defaultClassName: "_l0e5zm0-3-12-2", variantClassNames: { showLoading: { true: "_l0e5zm1-3-12-2" } }, defaultVariants: {}, compoundVariants: [] });
-var tooltipOverlay = "_l0e5zm2-3-12-2";
-var tooltipOverlayFull = "_l0e5zm3-3-12-2";
+var container = _7a468({ defaultClassName: "_l0e5zm0-3-13-0", variantClassNames: { showLoading: { true: "_l0e5zm1-3-13-0" } }, defaultVariants: {}, compoundVariants: [] });
+var tooltipOverlay = "_l0e5zm2-3-13-0";
+var tooltipOverlayFull = "_l0e5zm3-3-13-0";
 export {
   consumerLoadingStyle,
   container,

package/esm/charts/gauge/components/GaugeLayoutOverlay/GaugeLayoutOverlay.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/gauge/components/GaugeLayoutOverlay/GaugeLayoutOverlay.css.ts"],
-  "sourcesContent": ["import './GaugeLayoutOverlay.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var consumerLoadingStyle = {position:'absolute',top:0,width:'100%',height:'100%',zIndex:1,pointerEvents:'none',backgroundColor:'var(--dt-colors-background-base-default, #f9f9fa)',opacity:0.4};\nexport var container = _7a468({defaultClassName:'_l0e5zm0-3-12-2',variantClassNames:{showLoading:{true:'_l0e5zm1-3-12-2'}},defaultVariants:{},compoundVariants:[]});\nexport var tooltipOverlay = '_l0e5zm2-3-12-2';\nexport var tooltipOverlayFull = '_l0e5zm3-3-12-2';"],
+  "sourcesContent": ["import './GaugeLayoutOverlay.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var consumerLoadingStyle = {position:'absolute',top:0,width:'100%',height:'100%',zIndex:1,pointerEvents:'none',backgroundColor:'var(--dt-colors-background-base-default, #f9f9fa)',opacity:0.4};\nexport var container = _7a468({defaultClassName:'_l0e5zm0-3-13-0',variantClassNames:{showLoading:{true:'_l0e5zm1-3-13-0'}},defaultVariants:{},compoundVariants:[]});\nexport var tooltipOverlay = '_l0e5zm2-3-13-0';\nexport var tooltipOverlayFull = '_l0e5zm3-3-13-0';"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,uBAAuB,EAAC,UAAS,YAAW,KAAI,GAAE,OAAM,QAAO,QAAO,QAAO,QAAO,GAAE,eAAc,QAAO,iBAAgB,qDAAoD,SAAQ,IAAG;AAC9L,IAAI,YAAY,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,aAAY,EAAC,MAAK,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAC3J,IAAI,iBAAiB;AACrB,IAAI,qBAAqB;",
   "names": []
 }

package/esm/charts/gauge/components/GaugeResponsiveLabel/GaugeResponsiveLabel.css

@@ -1,4 +1,4 @@
-._13c0oci0-3-12-2 {
+._13c0oci0-3-13-0 {
   width: 100%;
   height: 100%;
   justify-content: center;
@@ -9,7 +9,7 @@
   margin: 0;
   gap: 0;
 }
-._13c0oci1-3-12-2 svg {
+._13c0oci1-3-13-0 svg {
   width: 1em;
   height: 1em;
   vertical-align: text-bottom;

package/esm/charts/gauge/components/GaugeResponsiveLabel/GaugeResponsiveLabel.js

@@ -18,7 +18,7 @@ const GaugeResponsiveLabel = (props) => {
   let preferredFontSize = useFontSizeForContainer({
     container: { width, height: height * FONT_HEIGHT_RATIO },
     text: prefixIcon ? `00${text}` : `${text}`,
-    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+    // oxlint-disable-next-line typescript/no-non-null-assertion
     element: labelRef.current
   });
   if (preferredFontSize > DEFAULT_MAX_VALUE_FONT_SIZE) {

package/esm/charts/gauge/components/GaugeResponsiveLabel/GaugeResponsiveLabel.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/gauge/components/GaugeResponsiveLabel/GaugeResponsiveLabel.tsx"],
-  "sourcesContent": ["import { useRef, type HTMLAttributes, type ReactNode } from 'react';\n\nimport {\n  parentSvgStyle,\n  responsiveLabelContainer,\n} from './GaugeResponsiveLabel.sty.js';\nimport { Flex } from '../../../../layouts/flex/Flex.js';\nimport { useFontSizeForContainer } from '../../../core/hooks/useFontSizeForContainer.js';\nimport { useObserveContainerSize } from '../../../core/hooks/useObserveContainerSize.js';\nimport {\n  DEFAULT_MAX_VALUE_FONT_SIZE,\n  FONT_HEIGHT_RATIO,\n} from '../../constants.js';\n\ninterface GaugeResponsiveLabelProps\n  extends HTMLAttributes<HTMLParagraphElement> {\n  text: string;\n  prefixIcon?: ReactNode;\n}\n\nexport const GaugeResponsiveLabel = (props: GaugeResponsiveLabelProps) => {\n  const { text, prefixIcon, ...paragraphProps } = props;\n\n  const labelRef = useRef<HTMLParagraphElement>(null);\n\n  const [{ width, height }, observerRef] = useObserveContainerSize();\n\n  let preferredFontSize = useFontSizeForContainer({\n    container: { width: width, height: height * FONT_HEIGHT_RATIO },\n    text: prefixIcon ? `00${text}` : `${text}`,\n    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n    element: labelRef.current!,\n  });\n\n  if (preferredFontSize > DEFAULT_MAX_VALUE_FONT_SIZE) {\n    preferredFontSize = DEFAULT_MAX_VALUE_FONT_SIZE;\n  }\n  const fontSize = `${Math.floor(preferredFontSize)}px`;\n\n  return (\n    <Flex className={responsiveLabelContainer} ref={observerRef}>\n      <span\n        ref={labelRef}\n        className={parentSvgStyle}\n        style={{ fontSize, lineHeight: fontSize }}\n        {...paragraphProps}\n      >\n        {prefixIcon}\n        {text}\n      </span>\n    </Flex>\n  );\n};\n"],
-  "mappings": "AAwCI,cACE,YADF;AAxCJ,SAAS,cAAmD;AAE5D;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,YAAY;AACrB,SAAS,+BAA+B;AACxC,SAAS,+BAA+B;AACxC;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAQA,MAAM,uBAAuB,CAAC,UAAqC;AACxE,QAAM,EAAE,MAAM,YAAY,GAAG,eAAe,IAAI;AAEhD,QAAM,WAAW,OAA6B,IAAI;AAElD,QAAM,CAAC,EAAE,OAAO,OAAO,GAAG,WAAW,IAAI,wBAAwB;AAEjE,MAAI,oBAAoB,wBAAwB;AAAA,IAC9C,WAAW,EAAE,OAAc,QAAQ,SAAS,kBAAkB;AAAA,IAC9D,MAAM,aAAa,KAAK,IAAI,KAAK,GAAG,IAAI;AAAA;AAAA,IAExC,SAAS,SAAS;AAAA,EACpB,CAAC;AAED,MAAI,oBAAoB,6BAA6B;AACnD,wBAAoB;AAAA,EACtB;AACA,QAAM,WAAW,GAAG,KAAK,MAAM,iBAAiB,CAAC;AAEjD,SACE,oBAAC,QAAK,WAAW,0BAA0B,KAAK,aAC9C;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL,WAAW;AAAA,MACX,OAAO,EAAE,UAAU,YAAY,SAAS;AAAA,MACvC,GAAG;AAAA,MAEH;AAAA;AAAA,QACA;AAAA;AAAA;AAAA,EACH,GACF;AAEJ;",
+  "sourcesContent": ["import { useRef, type HTMLAttributes, type ReactNode } from 'react';\n\nimport {\n  parentSvgStyle,\n  responsiveLabelContainer,\n} from './GaugeResponsiveLabel.sty.js';\nimport { Flex } from '../../../../layouts/flex/Flex.js';\nimport { useFontSizeForContainer } from '../../../core/hooks/useFontSizeForContainer.js';\nimport { useObserveContainerSize } from '../../../core/hooks/useObserveContainerSize.js';\nimport {\n  DEFAULT_MAX_VALUE_FONT_SIZE,\n  FONT_HEIGHT_RATIO,\n} from '../../constants.js';\n\ninterface GaugeResponsiveLabelProps extends HTMLAttributes<HTMLParagraphElement> {\n  text: string;\n  prefixIcon?: ReactNode;\n}\n\nexport const GaugeResponsiveLabel = (props: GaugeResponsiveLabelProps) => {\n  const { text, prefixIcon, ...paragraphProps } = props;\n\n  const labelRef = useRef<HTMLParagraphElement>(null);\n\n  const [{ width, height }, observerRef] = useObserveContainerSize();\n\n  let preferredFontSize = useFontSizeForContainer({\n    container: { width: width, height: height * FONT_HEIGHT_RATIO },\n    text: prefixIcon ? `00${text}` : `${text}`,\n    // oxlint-disable-next-line typescript/no-non-null-assertion\n    element: labelRef.current!,\n  });\n\n  if (preferredFontSize > DEFAULT_MAX_VALUE_FONT_SIZE) {\n    preferredFontSize = DEFAULT_MAX_VALUE_FONT_SIZE;\n  }\n  const fontSize = `${Math.floor(preferredFontSize)}px`;\n\n  return (\n    <Flex className={responsiveLabelContainer} ref={observerRef}>\n      <span\n        ref={labelRef}\n        className={parentSvgStyle}\n        style={{ fontSize, lineHeight: fontSize }}\n        {...paragraphProps}\n      >\n        {prefixIcon}\n        {text}\n      </span>\n    </Flex>\n  );\n};\n"],
+  "mappings": "AAuCI,cACE,YADF;AAvCJ,SAAS,cAAmD;AAE5D;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,YAAY;AACrB,SAAS,+BAA+B;AACxC,SAAS,+BAA+B;AACxC;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAOA,MAAM,uBAAuB,CAAC,UAAqC;AACxE,QAAM,EAAE,MAAM,YAAY,GAAG,eAAe,IAAI;AAEhD,QAAM,WAAW,OAA6B,IAAI;AAElD,QAAM,CAAC,EAAE,OAAO,OAAO,GAAG,WAAW,IAAI,wBAAwB;AAEjE,MAAI,oBAAoB,wBAAwB;AAAA,IAC9C,WAAW,EAAE,OAAc,QAAQ,SAAS,kBAAkB;AAAA,IAC9D,MAAM,aAAa,KAAK,IAAI,KAAK,GAAG,IAAI;AAAA;AAAA,IAExC,SAAS,SAAS;AAAA,EACpB,CAAC;AAED,MAAI,oBAAoB,6BAA6B;AACnD,wBAAoB;AAAA,EACtB;AACA,QAAM,WAAW,GAAG,KAAK,MAAM,iBAAiB,CAAC;AAEjD,SACE,oBAAC,QAAK,WAAW,0BAA0B,KAAK,aAC9C;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL,WAAW;AAAA,MACX,OAAO,EAAE,UAAU,YAAY,SAAS;AAAA,MACvC,GAAG;AAAA,MAEH;AAAA;AAAA,QACA;AAAA;AAAA;AAAA,EACH,GACF;AAEJ;",
   "names": []
 }

package/esm/charts/gauge/components/GaugeResponsiveLabel/GaugeResponsiveLabel.sty.js

@@ -1,6 +1,6 @@
 import "./GaugeResponsiveLabel.css";
-var parentSvgStyle = "_13c0oci1-3-12-2";
-var responsiveLabelContainer = "_13c0oci0-3-12-2";
+var parentSvgStyle = "_13c0oci1-3-13-0";
+var responsiveLabelContainer = "_13c0oci0-3-13-0";
 export {
   parentSvgStyle,
   responsiveLabelContainer

package/esm/charts/gauge/components/GaugeResponsiveLabel/GaugeResponsiveLabel.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/gauge/components/GaugeResponsiveLabel/GaugeResponsiveLabel.css.ts"],
-  "sourcesContent": ["import './GaugeResponsiveLabel.css';\nexport var parentSvgStyle = '_13c0oci1-3-12-2';\nexport var responsiveLabelContainer = '_13c0oci0-3-12-2';"],
+  "sourcesContent": ["import './GaugeResponsiveLabel.css';\nexport var parentSvgStyle = '_13c0oci1-3-13-0';\nexport var responsiveLabelContainer = '_13c0oci0-3-13-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,iBAAiB;AACrB,IAAI,2BAA2B;",
   "names": []
 }

package/esm/charts/gauge/components/GaugeRootSVG.js

@@ -16,6 +16,7 @@ const GaugeRootSVG = ({ children }) => {
       height: "100%",
       viewBox: `0 0 ${width} ${height}`,
       style: { display: "block" },
+      "data-dt-chart-svg": true,
       children: /* @__PURE__ */ jsx("g", { transform: `translate(${width / 2}, ${height / 2 + verticalOffset})`, children })
     }
   );

package/esm/charts/gauge/components/GaugeRootSVG.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/gauge/components/GaugeRootSVG.tsx"],
-  "sourcesContent": ["import { type PropsWithChildren } from 'react';\n\nimport {\n  GAUGE_VERTICAL_DEFAULT_OFFSET,\n  GAUGE_VERTICAL_SMALL_OFFSET,\n} from '../constants.js';\nimport { useGaugeChartSizeContext } from '../hooks/useGaugeChartSizeContext.js';\n\nexport const GaugeRootSVG = ({ children }: PropsWithChildren) => {\n  const dimensions = useGaugeChartSizeContext();\n  const width = dimensions?.width ?? 0;\n  const height = dimensions?.height ?? 0;\n  const verticalOffset =\n    height > width\n      ? height * GAUGE_VERTICAL_SMALL_OFFSET\n      : height * GAUGE_VERTICAL_DEFAULT_OFFSET;\n\n  return (\n    <svg\n      width=\"100%\"\n      height=\"100%\"\n      viewBox={`0 0 ${width} ${height}`}\n      style={{ display: 'block' }}\n    >\n      <g transform={`translate(${width / 2}, ${height / 2 + verticalOffset})`}>\n        {children}\n      </g>\n    </svg>\n  );\n};\n"],
-  "mappings": "AAwBM;AAtBN;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,gCAAgC;AAElC,MAAM,eAAe,CAAC,EAAE,SAAS,MAAyB;AAC/D,QAAM,aAAa,yBAAyB;AAC5C,QAAM,QAAQ,YAAY,SAAS;AACnC,QAAM,SAAS,YAAY,UAAU;AACrC,QAAM,iBACJ,SAAS,QACL,SAAS,8BACT,SAAS;AAEf,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAS,OAAO,KAAK,IAAI,MAAM;AAAA,MAC/B,OAAO,EAAE,SAAS,QAAQ;AAAA,MAE1B,8BAAC,OAAE,WAAW,aAAa,QAAQ,CAAC,KAAK,SAAS,IAAI,cAAc,KACjE,UACH;AAAA;AAAA,EACF;AAEJ;",
+  "sourcesContent": ["import { type PropsWithChildren } from 'react';\n\nimport {\n  GAUGE_VERTICAL_DEFAULT_OFFSET,\n  GAUGE_VERTICAL_SMALL_OFFSET,\n} from '../constants.js';\nimport { useGaugeChartSizeContext } from '../hooks/useGaugeChartSizeContext.js';\n\nexport const GaugeRootSVG = ({ children }: PropsWithChildren) => {\n  const dimensions = useGaugeChartSizeContext();\n  const width = dimensions?.width ?? 0;\n  const height = dimensions?.height ?? 0;\n  const verticalOffset =\n    height > width\n      ? height * GAUGE_VERTICAL_SMALL_OFFSET\n      : height * GAUGE_VERTICAL_DEFAULT_OFFSET;\n\n  return (\n    <svg\n      width=\"100%\"\n      height=\"100%\"\n      viewBox={`0 0 ${width} ${height}`}\n      style={{ display: 'block' }}\n      data-dt-chart-svg\n    >\n      <g transform={`translate(${width / 2}, ${height / 2 + verticalOffset})`}>\n        {children}\n      </g>\n    </svg>\n  );\n};\n"],
+  "mappings": "AAyBM;AAvBN;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,gCAAgC;AAElC,MAAM,eAAe,CAAC,EAAE,SAAS,MAAyB;AAC/D,QAAM,aAAa,yBAAyB;AAC5C,QAAM,QAAQ,YAAY,SAAS;AACnC,QAAM,SAAS,YAAY,UAAU;AACrC,QAAM,iBACJ,SAAS,QACL,SAAS,8BACT,SAAS;AAEf,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAS,OAAO,KAAK,IAAI,MAAM;AAAA,MAC/B,OAAO,EAAE,SAAS,QAAQ;AAAA,MAC1B,qBAAiB;AAAA,MAEjB,8BAAC,OAAE,WAAW,aAAa,QAAQ,CAAC,KAAK,SAAS,IAAI,cAAc,KACjE,UACH;AAAA;AAAA,EACF;AAEJ;",
   "names": []
 }

package/esm/charts/gauge/hooks/useGaugeChartAspectRatio.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/gauge/hooks/useGaugeChartAspectRatio.ts"],
-  "sourcesContent": ["import {\n  ARC_INNER_RADIUS_PERCENTAGE,\n  ARC_OUTER_RADIUS_PERCENTAGE,\n} from '../constants.js';\nimport { useGaugeChartSizeContext } from './useGaugeChartSizeContext.js';\n\nexport const useGaugeChartAspectRatio = (): {\n  arcOuterRadius: number;\n  arcInnerRadius: number;\n  arcMiddleRadius: number;\n} => {\n  const dimensions = useGaugeChartSizeContext();\n  const width = dimensions?.width;\n  const height = dimensions?.height;\n\n  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n  const radius = Math.min(width!, height!) / 2;\n\n  const arcOuterRadius = radius * ARC_OUTER_RADIUS_PERCENTAGE;\n\n  const arcInnerRadius = radius * ARC_INNER_RADIUS_PERCENTAGE;\n\n  const arcMiddleRadius =\n    arcInnerRadius + (arcOuterRadius - arcInnerRadius) / 2;\n\n  return {\n    arcOuterRadius,\n    arcInnerRadius,\n    arcMiddleRadius,\n  };\n};\n"],
+  "sourcesContent": ["import {\n  ARC_INNER_RADIUS_PERCENTAGE,\n  ARC_OUTER_RADIUS_PERCENTAGE,\n} from '../constants.js';\nimport { useGaugeChartSizeContext } from './useGaugeChartSizeContext.js';\n\nexport const useGaugeChartAspectRatio = (): {\n  arcOuterRadius: number;\n  arcInnerRadius: number;\n  arcMiddleRadius: number;\n} => {\n  const dimensions = useGaugeChartSizeContext();\n  const width = dimensions?.width;\n  const height = dimensions?.height;\n\n  // oxlint-disable-next-line typescript/no-non-null-assertion\n  const radius = Math.min(width!, height!) / 2;\n\n  const arcOuterRadius = radius * ARC_OUTER_RADIUS_PERCENTAGE;\n\n  const arcInnerRadius = radius * ARC_INNER_RADIUS_PERCENTAGE;\n\n  const arcMiddleRadius =\n    arcInnerRadius + (arcOuterRadius - arcInnerRadius) / 2;\n\n  return {\n    arcOuterRadius,\n    arcInnerRadius,\n    arcMiddleRadius,\n  };\n};\n"],
   "mappings": "AAAA;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,gCAAgC;AAElC,MAAM,2BAA2B,MAInC;AACH,QAAM,aAAa,yBAAyB;AAC5C,QAAM,QAAQ,YAAY;AAC1B,QAAM,SAAS,YAAY;AAG3B,QAAM,SAAS,KAAK,IAAI,OAAQ,MAAO,IAAI;AAE3C,QAAM,iBAAiB,SAAS;AAEhC,QAAM,iBAAiB,SAAS;AAEhC,QAAM,kBACJ,kBAAkB,iBAAiB,kBAAkB;AAEvD,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
   "names": []
 }

package/esm/charts/gauge/utils/apply-threshold-default.js

@@ -3,7 +3,7 @@ const applyThresholdDefaults = (threshold) => {
   const showIndicatorDefault = threshold.color === void 0;
   return {
     value: threshold.value,
-    // eslint-disable-next-line @typescript-eslint/no-deprecated
+    // oxlint-disable-next-line typescript/no-deprecated
     showIndicator: threshold.showIndicator ?? showIndicatorDefault,
     color: threshold.color ?? THRESHOLD_COLOR_DEFAULT
   };

package/esm/charts/gauge/utils/apply-threshold-default.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/gauge/utils/apply-threshold-default.ts"],
-  "sourcesContent": ["import { THRESHOLD_COLOR_DEFAULT } from '../constants.js';\nimport type { GaugeChartThresholdIndicatorProps } from '../slots/ThresholdIndicator.js';\nimport type { GaugeChartThresholdIndicatorPropsInternal } from '../types/gauge-chart-config-internal.js';\n\nexport const applyThresholdDefaults = (\n  threshold: GaugeChartThresholdIndicatorProps,\n): GaugeChartThresholdIndicatorPropsInternal => {\n  const showIndicatorDefault = threshold.color === undefined;\n\n  return {\n    value: threshold.value,\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    showIndicator: threshold.showIndicator ?? showIndicatorDefault,\n    color: threshold.color ?? THRESHOLD_COLOR_DEFAULT,\n  };\n};\n"],
+  "sourcesContent": ["import { THRESHOLD_COLOR_DEFAULT } from '../constants.js';\nimport type { GaugeChartThresholdIndicatorProps } from '../slots/ThresholdIndicator.js';\nimport type { GaugeChartThresholdIndicatorPropsInternal } from '../types/gauge-chart-config-internal.js';\n\nexport const applyThresholdDefaults = (\n  threshold: GaugeChartThresholdIndicatorProps,\n): GaugeChartThresholdIndicatorPropsInternal => {\n  const showIndicatorDefault = threshold.color === undefined;\n\n  return {\n    value: threshold.value,\n    // oxlint-disable-next-line typescript/no-deprecated\n    showIndicator: threshold.showIndicator ?? showIndicatorDefault,\n    color: threshold.color ?? THRESHOLD_COLOR_DEFAULT,\n  };\n};\n"],
   "mappings": "AAAA,SAAS,+BAA+B;AAIjC,MAAM,yBAAyB,CACpC,cAC8C;AAC9C,QAAM,uBAAuB,UAAU,UAAU;AAEjD,SAAO;AAAA,IACL,OAAO,UAAU;AAAA;AAAA,IAEjB,eAAe,UAAU,iBAAiB;AAAA,IAC1C,OAAO,UAAU,SAAS;AAAA,EAC5B;AACF;",
   "names": []
 }

package/esm/charts/histogram/HistogramChartRoot.js

@@ -65,7 +65,7 @@ const HistogramChartRoot = forwardRef((props, forwardedRef) => {
   const {
     position: legendPosition,
     onRatioChange,
-    // eslint-disable-next-line @typescript-eslint/no-deprecated
+    // oxlint-disable-next-line typescript/no-deprecated
     ratio,
     initialRatio,
     hidden: isLegendHidden