@dynatrace/strato-components 3.13.2 → 3.14.0

package/esm/charts/flame/shared/constants.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/flame/shared/constants.ts"],
-  "sourcesContent": ["/**\n * Field names attached by flame utilities to each datapoint before handing the\n * row to XYChart. Kept as constants so accessors passed to XYChart and reads\n * inside tooltips stay in lockstep.\n */\n\n/** Depth of the frame in the call tree (root = 0). */\nexport const DEPTH_FIELD = 'depth';\n\n/** Index into the original `data` array; used to route tooltip actions back to the caller's row. */\nexport const FLAME_ORIGINAL_IDX = '__flameOriginalIdx';\n\n/** Derived span duration: `endAccessor - startAccessor`. */\nexport const VALUE_FIELD = '__value';\n\n/** Normalized start: `startAccessor - minTime`. */\nexport const START_FIELD = '__start';\n\n/** Normalized end: `endAccessor - minTime`. */\nexport const END_FIELD = '__end';\n\n/** Number of direct children of a node in the aggregated flame graph. */\nexport const CHILDREN_COUNT_FIELD = 'childrenCount';\n\nexport const XY_DEFAULTS = {\n  x0Accessor: 'x0',\n  x1Accessor: 'x1',\n  xAxisId: 'flame-x-axis',\n  yAxisId: 'flame-y-axis',\n} as const;\n\nexport const DISPLAY_NAME_FLAME_CHART = 'FlameChart';\nexport const DISPLAY_NAME_FLAME_GRAPH = 'FlameGraph';\n"],
-  "mappings": "AAOO,MAAM,cAAc;AAGpB,MAAM,qBAAqB;AAG3B,MAAM,cAAc;AAGpB,MAAM,cAAc;AAGpB,MAAM,YAAY;AAGlB,MAAM,uBAAuB;AAE7B,MAAM,cAAc;AAAA,EACzB,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,SAAS;AACX;AAEO,MAAM,2BAA2B;AACjC,MAAM,2BAA2B;",
+  "sourcesContent": ["/**\n * Field names attached by flame utilities to each datapoint before handing the\n * row to XYChart. Kept as constants so accessors passed to XYChart and reads\n * inside tooltips stay in lockstep.\n */\n\n/**\n * Depth of the frame in the call tree (root = 0).\n */\nexport const DEPTH_FIELD = 'depth';\n\n/**\n * Index into the original `data` array; used to route tooltip actions back to the caller's row.\n */\nexport const FLAME_ORIGINAL_IDX = '__flameOriginalIdx';\n\n/**\n * Derived span duration: `endAccessor - startAccessor`.\n */\nexport const VALUE_FIELD = '__value';\n\n/**\n * Normalized start: `startAccessor - minTime`.\n */\nexport const START_FIELD = '__start';\n\n/**\n * Normalized end: `endAccessor - minTime`.\n */\nexport const END_FIELD = '__end';\n\n/**\n * Number of direct children of a node in the aggregated flame graph.\n */\nexport const CHILDREN_COUNT_FIELD = 'childrenCount';\n\nexport const XY_DEFAULTS = {\n  x0Accessor: 'x0',\n  x1Accessor: 'x1',\n  xAxisId: 'flame-x-axis',\n  yAxisId: 'flame-y-axis',\n} as const;\n\nexport const DISPLAY_NAME_FLAME_CHART = 'FlameChart';\nexport const DISPLAY_NAME_FLAME_GRAPH = 'FlameGraph';\n"],
+  "mappings": "AASO,MAAM,cAAc;AAKpB,MAAM,qBAAqB;AAK3B,MAAM,cAAc;AAKpB,MAAM,cAAc;AAKpB,MAAM,YAAY;AAKlB,MAAM,uBAAuB;AAE7B,MAAM,cAAc;AAAA,EACzB,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,SAAS;AACX;AAEO,MAAM,2BAA2B;AACjC,MAAM,2BAA2B;",
   "names": []
 }

package/esm/charts/flame/shared/hooks/use-flame-data.js

@@ -0,0 +1,66 @@
+import { useMemo } from "react";
+import {
+  buildFlameIndex
+} from "../utils/build-flame-index.js";
+import { collectSubtree } from "../utils/collect-subtree.js";
+function useFlameData({
+  data,
+  idAccessor,
+  parentIdAccessor,
+  isolatedId,
+  isolationEnabled
+}) {
+  const index = useMemo(
+    () => buildFlameIndex(data, { idAccessor, parentIdAccessor }),
+    [data, idAccessor, parentIdAccessor]
+  );
+  const isolatedRoot = useMemo(() => {
+    if (!isolationEnabled || isolatedId === void 0) {
+      return null;
+    }
+    return index.byId.get(isolatedId) ?? null;
+  }, [index, isolatedId, isolationEnabled]);
+  const effectiveData = useMemo(() => {
+    if (isolatedRoot === null) {
+      return index.indexedData;
+    }
+    return collectSubtree(
+      isolatedRoot,
+      isolatedRoot[idAccessor],
+      index.childrenByParentId,
+      idAccessor
+    );
+  }, [index, isolatedRoot, idAccessor]);
+  const soleRootId = useMemo(() => {
+    let candidate = void 0;
+    let count = 0;
+    for (const span of index.indexedData) {
+      const parentId = span[parentIdAccessor];
+      const isRoot = parentId === null || parentId === void 0 || !index.byId.has(parentId);
+      if (!isRoot) {
+        continue;
+      }
+      if (count === 0) {
+        candidate = span[idAccessor];
+      }
+      count++;
+      if (count > 1) {
+        return void 0;
+      }
+    }
+    return count === 1 ? candidate : void 0;
+  }, [index, idAccessor, parentIdAccessor]);
+  const visibleRootId = isolatedRoot !== null ? isolatedRoot[idAccessor] : soleRootId;
+  return {
+    indexedData: index.indexedData,
+    byId: index.byId,
+    childrenByParentId: index.childrenByParentId,
+    isolatedRoot,
+    effectiveData,
+    visibleRootId
+  };
+}
+export {
+  useFlameData
+};
+//# sourceMappingURL=use-flame-data.js.map

package/esm/charts/flame/shared/hooks/use-flame-data.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/charts/flame/shared/hooks/use-flame-data.ts"],
+  "sourcesContent": ["import { useMemo } from 'react';\n\nimport type { ChartDatapoint } from '../../../core/types/chart-data.js';\nimport {\n  type FlameIndex,\n  buildFlameIndex,\n} from '../utils/build-flame-index.js';\nimport { collectSubtree } from '../utils/collect-subtree.js';\n\ntype UseFlameDataArgs<TData extends ChartDatapoint> = {\n  data: readonly TData[];\n  idAccessor: string;\n  parentIdAccessor: string;\n  /**\n   * Currently isolated span id, or `undefined` when the full dataset is displayed.\n   */\n  isolatedId: unknown;\n  /**\n   * Gates the isolation branch. When `false`, `isolatedRoot` is always `null`\n   * and `effectiveData` returns the full indexed dataset, letting the same\n   * hook power both the isolate-enabled and isolate-disabled configurations\n   * of a flame component.\n   */\n  isolationEnabled: boolean;\n};\n\ntype UseFlameDataResult<TData extends ChartDatapoint> = FlameIndex<TData> & {\n  /**\n   * The indexed datum matching `isolatedId`, or `null` when isolation is off or the id is not found.\n   */\n  isolatedRoot: TData | null;\n  /**\n   * `[isolatedRoot, ...descendants]` when isolated; the full indexed dataset otherwise.\n   */\n  effectiveData: TData[];\n  /**\n   * Id of the sole root of the currently visible chart, or `undefined` when no\n   * such unambiguous root exists (multiple orphan roots visible). Equals\n   * `isolatedId` when isolated; otherwise the id of the single raw-data root\n   * if there is exactly one. Consumers use this to gate no-op actions \u2014 e.g.\n   * disabling \"isolate\" on a span that already occupies the entire chart.\n   */\n  visibleRootId: unknown;\n};\n\n/**\n * Shared data hook for FlameChart / FlameGraph. Wraps `buildFlameIndex`\n * (single `O(n)` pass over raw data) and `collectSubtree` (walk from the\n * isolation root) in memos keyed on the inputs that actually matter, so\n * the expensive index build only reruns when `data` or the id accessors\n * change \u2014 never on a re-render triggered by isolation navigation alone.\n * @internal\n */\nexport function useFlameData<TData extends ChartDatapoint>({\n  data,\n  idAccessor,\n  parentIdAccessor,\n  isolatedId,\n  isolationEnabled,\n}: UseFlameDataArgs<TData>): UseFlameDataResult<TData> {\n  const index = useMemo(\n    () => buildFlameIndex(data, { idAccessor, parentIdAccessor }),\n    [data, idAccessor, parentIdAccessor],\n  );\n\n  const isolatedRoot = useMemo(() => {\n    if (!isolationEnabled || isolatedId === undefined) {\n      return null;\n    }\n    return index.byId.get(isolatedId) ?? null;\n  }, [index, isolatedId, isolationEnabled]);\n\n  const effectiveData = useMemo(() => {\n    if (isolatedRoot === null) {\n      return index.indexedData;\n    }\n    return collectSubtree(\n      isolatedRoot,\n      isolatedRoot[idAccessor],\n      index.childrenByParentId,\n      idAccessor,\n    );\n  }, [index, isolatedRoot, idAccessor]);\n\n  const soleRootId = useMemo<unknown>(() => {\n    let candidate: unknown = undefined;\n    let count = 0;\n    for (const span of index.indexedData) {\n      const parentId = span[parentIdAccessor];\n      const isRoot =\n        parentId === null ||\n        parentId === undefined ||\n        !index.byId.has(parentId);\n      if (!isRoot) {\n        continue;\n      }\n      if (count === 0) {\n        candidate = span[idAccessor];\n      }\n      count++;\n      if (count > 1) {\n        return undefined;\n      }\n    }\n    return count === 1 ? candidate : undefined;\n  }, [index, idAccessor, parentIdAccessor]);\n\n  const visibleRootId =\n    isolatedRoot !== null ? isolatedRoot[idAccessor] : soleRootId;\n\n  return {\n    indexedData: index.indexedData,\n    byId: index.byId,\n    childrenByParentId: index.childrenByParentId,\n    isolatedRoot,\n    effectiveData,\n    visibleRootId,\n  };\n}\n"],
+  "mappings": "AAAA,SAAS,eAAe;AAGxB;AAAA,EAEE;AAAA,OACK;AACP,SAAS,sBAAsB;AA8CxB,SAAS,aAA2C;AAAA,EACzD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAuD;AACrD,QAAM,QAAQ;AAAA,IACZ,MAAM,gBAAgB,MAAM,EAAE,YAAY,iBAAiB,CAAC;AAAA,IAC5D,CAAC,MAAM,YAAY,gBAAgB;AAAA,EACrC;AAEA,QAAM,eAAe,QAAQ,MAAM;AACjC,QAAI,CAAC,oBAAoB,eAAe,QAAW;AACjD,aAAO;AAAA,IACT;AACA,WAAO,MAAM,KAAK,IAAI,UAAU,KAAK;AAAA,EACvC,GAAG,CAAC,OAAO,YAAY,gBAAgB,CAAC;AAExC,QAAM,gBAAgB,QAAQ,MAAM;AAClC,QAAI,iBAAiB,MAAM;AACzB,aAAO,MAAM;AAAA,IACf;AACA,WAAO;AAAA,MACL;AAAA,MACA,aAAa,UAAU;AAAA,MACvB,MAAM;AAAA,MACN;AAAA,IACF;AAAA,EACF,GAAG,CAAC,OAAO,cAAc,UAAU,CAAC;AAEpC,QAAM,aAAa,QAAiB,MAAM;AACxC,QAAI,YAAqB;AACzB,QAAI,QAAQ;AACZ,eAAW,QAAQ,MAAM,aAAa;AACpC,YAAM,WAAW,KAAK,gBAAgB;AACtC,YAAM,SACJ,aAAa,QACb,aAAa,UACb,CAAC,MAAM,KAAK,IAAI,QAAQ;AAC1B,UAAI,CAAC,QAAQ;AACX;AAAA,MACF;AACA,UAAI,UAAU,GAAG;AACf,oBAAY,KAAK,UAAU;AAAA,MAC7B;AACA;AACA,UAAI,QAAQ,GAAG;AACb,eAAO;AAAA,MACT;AAAA,IACF;AACA,WAAO,UAAU,IAAI,YAAY;AAAA,EACnC,GAAG,CAAC,OAAO,YAAY,gBAAgB,CAAC;AAExC,QAAM,gBACJ,iBAAiB,OAAO,aAAa,UAAU,IAAI;AAErD,SAAO;AAAA,IACL,aAAa,MAAM;AAAA,IACnB,MAAM,MAAM;AAAA,IACZ,oBAAoB,MAAM;AAAA,IAC1B;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
+  "names": []
+}

package/esm/charts/flame/shared/hooks/use-flame-on-event.js

@@ -0,0 +1,41 @@
+import { useCallback } from "react";
+import { FLAME_ORIGINAL_IDX } from "../constants.js";
+import { collectSubtree } from "../utils/collect-subtree.js";
+const useFlameOnEvent = ({
+  onClick,
+  data,
+  idAccessor,
+  childrenByParentId
+}) => {
+  const handler = useCallback(
+    (payload) => {
+      if (!onClick) {
+        return;
+      }
+      if (payload.datapoint === void 0) {
+        onClick({ datapoint: void 0, descendants: [] });
+        return;
+      }
+      const originalIdx = payload.datapoint[FLAME_ORIGINAL_IDX];
+      if (originalIdx === void 0) {
+        return;
+      }
+      const original = data[originalIdx];
+      const clickedId = original[idAccessor];
+      const subtree = collectSubtree(
+        payload.datapoint,
+        clickedId,
+        childrenByParentId,
+        idAccessor
+      );
+      const descendants = subtree.slice(1).map((d) => data[d[FLAME_ORIGINAL_IDX]]);
+      onClick({ datapoint: original, descendants });
+    },
+    [onClick, data, idAccessor, childrenByParentId]
+  );
+  return onClick !== void 0 ? handler : void 0;
+};
+export {
+  useFlameOnEvent
+};
+//# sourceMappingURL=use-flame-on-event.js.map

package/esm/charts/flame/shared/hooks/use-flame-on-event.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/charts/flame/shared/hooks/use-flame-on-event.ts"],
+  "sourcesContent": ["import { useCallback } from 'react';\n\nimport type { ChartDatapoint } from '../../../core/types/chart-data.js';\nimport type { XYChartOnEventPayload } from '../../../xy-chart/types/xy-chart-props.js';\nimport { FLAME_ORIGINAL_IDX } from '../constants.js';\nimport { collectSubtree } from '../utils/collect-subtree.js';\n\ntype FlameOnClickCallback<TData> = (\n  payload:\n    | { datapoint: TData; descendants: TData[] }\n    | { datapoint: undefined; descendants: [] },\n) => void;\n\ntype UseFlameOnEventOptions<TData extends ChartDatapoint> = {\n  onClick: FlameOnClickCallback<TData> | undefined;\n  data: TData[];\n  idAccessor: string;\n  childrenByParentId: Map<unknown, TData[]>;\n};\n\n/**\n * @internal\n */\nexport const useFlameOnEvent = <TData extends ChartDatapoint>({\n  onClick,\n  data,\n  idAccessor,\n  childrenByParentId,\n}: UseFlameOnEventOptions<TData>):\n  | ((payload: XYChartOnEventPayload) => void)\n  | undefined => {\n  const handler = useCallback(\n    (payload: XYChartOnEventPayload) => {\n      if (!onClick) {\n        return;\n      }\n      if (payload.datapoint === undefined) {\n        onClick({ datapoint: undefined, descendants: [] });\n        return;\n      }\n      const originalIdx = payload.datapoint[FLAME_ORIGINAL_IDX] as\n        | number\n        | undefined;\n      if (originalIdx === undefined) {\n        return;\n      }\n      const original = data[originalIdx] as TData;\n      const clickedId = original[idAccessor];\n      const subtree = collectSubtree(\n        payload.datapoint as TData,\n        clickedId,\n        childrenByParentId,\n        idAccessor,\n      );\n      const descendants = subtree\n        .slice(1)\n        .map((d) => data[d[FLAME_ORIGINAL_IDX] as number] as TData);\n      onClick({ datapoint: original, descendants });\n    },\n    [onClick, data, idAccessor, childrenByParentId],\n  );\n\n  return onClick !== undefined ? handler : undefined;\n};\n"],
+  "mappings": "AAAA,SAAS,mBAAmB;AAI5B,SAAS,0BAA0B;AACnC,SAAS,sBAAsB;AAkBxB,MAAM,kBAAkB,CAA+B;AAAA,EAC5D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAEiB;AACf,QAAM,UAAU;AAAA,IACd,CAAC,YAAmC;AAClC,UAAI,CAAC,SAAS;AACZ;AAAA,MACF;AACA,UAAI,QAAQ,cAAc,QAAW;AACnC,gBAAQ,EAAE,WAAW,QAAW,aAAa,CAAC,EAAE,CAAC;AACjD;AAAA,MACF;AACA,YAAM,cAAc,QAAQ,UAAU,kBAAkB;AAGxD,UAAI,gBAAgB,QAAW;AAC7B;AAAA,MACF;AACA,YAAM,WAAW,KAAK,WAAW;AACjC,YAAM,YAAY,SAAS,UAAU;AACrC,YAAM,UAAU;AAAA,QACd,QAAQ;AAAA,QACR;AAAA,QACA;AAAA,QACA;AAAA,MACF;AACA,YAAM,cAAc,QACjB,MAAM,CAAC,EACP,IAAI,CAAC,MAAM,KAAK,EAAE,kBAAkB,CAAW,CAAU;AAC5D,cAAQ,EAAE,WAAW,UAAU,YAAY,CAAC;AAAA,IAC9C;AAAA,IACA,CAAC,SAAS,MAAM,YAAY,kBAAkB;AAAA,EAChD;AAEA,SAAO,YAAY,SAAY,UAAU;AAC3C;",
+  "names": []
+}

package/esm/charts/flame/shared/hooks/use-isolation-state.js

@@ -0,0 +1,37 @@
+import { useCallback, useMemo, useState } from "react";
+const INITIAL_STACK = { history: [], index: -1 };
+function useFlameIsolationState() {
+  const [stack, setStack] = useState(INITIAL_STACK);
+  const isolate = useCallback((id) => {
+    setStack((prev) => {
+      const truncated = prev.history.slice(0, prev.index + 1);
+      truncated.push(id);
+      return { history: truncated, index: prev.index + 1 };
+    });
+  }, []);
+  const goBack = useCallback(() => {
+    setStack(
+      (prev) => prev.index >= 0 ? { history: prev.history, index: prev.index - 1 } : prev
+    );
+  }, []);
+  const goForward = useCallback(() => {
+    setStack(
+      (prev) => prev.index < prev.history.length - 1 ? { history: prev.history, index: prev.index + 1 } : prev
+    );
+  }, []);
+  return useMemo(
+    () => ({
+      isolatedId: stack.index >= 0 ? stack.history[stack.index] : void 0,
+      isolate,
+      goBack,
+      goForward,
+      canGoBack: stack.index >= 0,
+      canGoForward: stack.index < stack.history.length - 1
+    }),
+    [stack, isolate, goBack, goForward]
+  );
+}
+export {
+  useFlameIsolationState
+};
+//# sourceMappingURL=use-isolation-state.js.map

package/esm/charts/flame/shared/hooks/use-isolation-state.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/charts/flame/shared/hooks/use-isolation-state.ts"],
+  "sourcesContent": ["import { useCallback, useMemo, useState } from 'react';\n\n/**\n * Manages the browser-style isolation history for FlameChart / FlameGraph.\n *\n * The stack is stored as an ordered list of span ids and a cursor. Isolating\n * from a non-tail cursor discards the forward entries and starts a new branch\n * from the current level \u2014 mirroring how a browser's history rewrites forward\n * pages when you follow a new link after going back.\n * @internal\n */\nexport type FlameIsolationState = {\n  /**\n   * Id of the currently isolated span, or `undefined` when the full dataset is displayed.\n   */\n  isolatedId: unknown;\n  /**\n   * Push a new isolation level. Truncates any forward history first.\n   */\n  isolate: (id: unknown) => void;\n  /**\n   * Move one level toward the original root. No-op when already at the root.\n   */\n  goBack: () => void;\n  /**\n   * Re-advance one level along the previously taken path. No-op at the tail.\n   */\n  goForward: () => void;\n  canGoBack: boolean;\n  canGoForward: boolean;\n};\n\ntype Stack = { history: unknown[]; index: number };\n\nconst INITIAL_STACK: Stack = { history: [], index: -1 };\n\n/**\n * @internal\n */\nexport function useFlameIsolationState(): FlameIsolationState {\n  const [stack, setStack] = useState<Stack>(INITIAL_STACK);\n\n  const isolate = useCallback((id: unknown) => {\n    setStack((prev) => {\n      const truncated = prev.history.slice(0, prev.index + 1);\n      truncated.push(id);\n      return { history: truncated, index: prev.index + 1 };\n    });\n  }, []);\n\n  const goBack = useCallback(() => {\n    setStack((prev) =>\n      prev.index >= 0 ? { history: prev.history, index: prev.index - 1 } : prev,\n    );\n  }, []);\n\n  const goForward = useCallback(() => {\n    setStack((prev) =>\n      prev.index < prev.history.length - 1\n        ? { history: prev.history, index: prev.index + 1 }\n        : prev,\n    );\n  }, []);\n\n  return useMemo(\n    () => ({\n      isolatedId: stack.index >= 0 ? stack.history[stack.index] : undefined,\n      isolate,\n      goBack,\n      goForward,\n      canGoBack: stack.index >= 0,\n      canGoForward: stack.index < stack.history.length - 1,\n    }),\n    [stack, isolate, goBack, goForward],\n  );\n}\n"],
+  "mappings": "AAAA,SAAS,aAAa,SAAS,gBAAgB;AAkC/C,MAAM,gBAAuB,EAAE,SAAS,CAAC,GAAG,OAAO,GAAG;AAK/C,SAAS,yBAA8C;AAC5D,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAgB,aAAa;AAEvD,QAAM,UAAU,YAAY,CAAC,OAAgB;AAC3C,aAAS,CAAC,SAAS;AACjB,YAAM,YAAY,KAAK,QAAQ,MAAM,GAAG,KAAK,QAAQ,CAAC;AACtD,gBAAU,KAAK,EAAE;AACjB,aAAO,EAAE,SAAS,WAAW,OAAO,KAAK,QAAQ,EAAE;AAAA,IACrD,CAAC;AAAA,EACH,GAAG,CAAC,CAAC;AAEL,QAAM,SAAS,YAAY,MAAM;AAC/B;AAAA,MAAS,CAAC,SACR,KAAK,SAAS,IAAI,EAAE,SAAS,KAAK,SAAS,OAAO,KAAK,QAAQ,EAAE,IAAI;AAAA,IACvE;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,QAAM,YAAY,YAAY,MAAM;AAClC;AAAA,MAAS,CAAC,SACR,KAAK,QAAQ,KAAK,QAAQ,SAAS,IAC/B,EAAE,SAAS,KAAK,SAAS,OAAO,KAAK,QAAQ,EAAE,IAC/C;AAAA,IACN;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,SAAO;AAAA,IACL,OAAO;AAAA,MACL,YAAY,MAAM,SAAS,IAAI,MAAM,QAAQ,MAAM,KAAK,IAAI;AAAA,MAC5D;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW,MAAM,SAAS;AAAA,MAC1B,cAAc,MAAM,QAAQ,MAAM,QAAQ,SAAS;AAAA,IACrD;AAAA,IACA,CAAC,OAAO,SAAS,QAAQ,SAAS;AAAA,EACpC;AACF;",
+  "names": []
+}

package/esm/charts/flame/shared/utils/aggregate-spans-to-flame-graph.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/flame/shared/utils/aggregate-spans-to-flame-graph.ts"],
-  "sourcesContent": ["import type { ChartDatapoint } from '../../../core/types/chart-data.js';\nimport {\n  CHILDREN_COUNT_FIELD,\n  DEPTH_FIELD,\n  XY_DEFAULTS,\n} from '../constants.js';\n\ntype AggregationAccessors = {\n  idAccessor: string;\n  parentIdAccessor: string;\n  labelAccessor: string;\n  valueAccessor: string;\n  selfValueAccessor?: string;\n  /** Accessor used to sort sibling spans. Defaults to `labelAccessor`. */\n  sortAccessor?: string;\n};\n\ntype SpanNode = {\n  span: ChartDatapoint;\n  value: number;\n};\n\ntype Frame = { node: SpanNode; x0: number; depth: number };\n\nconst toFiniteNumber = (raw: unknown): number => {\n  const n = Number(raw);\n  return Number.isFinite(n) ? n : 0;\n};\n\n/**\n * Converts raw span data into flame graph rows: each span becomes one row with\n * computed `x0`/`x1` geometry (from inclusive value), depth, and children count.\n *\n * Numeric values are parsed once per span and cached on an intermediate node so\n * the sort comparator and layout pass do not re-run `Number()`. Layout uses an\n * explicit stack rather than recursion to stay safe on very deep call trees.\n */\nexport function aggregateSpansToFlameGraph(\n  spans: ChartDatapoint[],\n  {\n    idAccessor,\n    parentIdAccessor,\n    labelAccessor,\n    valueAccessor,\n    selfValueAccessor,\n    sortAccessor = labelAccessor,\n  }: AggregationAccessors,\n): ChartDatapoint[] {\n  const spanIds = new Set<unknown>();\n  for (const span of spans) {\n    spanIds.add(span[idAccessor]);\n  }\n\n  const childrenByParentId = new Map<unknown, SpanNode[]>();\n  const roots: SpanNode[] = [];\n\n  for (const span of spans) {\n    const node: SpanNode = {\n      span,\n      value: toFiniteNumber(span[valueAccessor]),\n    };\n    const parentId = span[parentIdAccessor];\n    const isRoot =\n      parentId === null || parentId === undefined || !spanIds.has(parentId);\n\n    if (isRoot) {\n      roots.push(node);\n      continue;\n    }\n\n    const siblings = childrenByParentId.get(parentId);\n    if (siblings) {\n      siblings.push(node);\n    } else {\n      childrenByParentId.set(parentId, [node]);\n    }\n  }\n\n  const compareBySortAccessor = (a: SpanNode, b: SpanNode) => {\n    const av = a.span[sortAccessor];\n    const bv = b.span[sortAccessor];\n    if (typeof av === 'number' && typeof bv === 'number') {\n      return av - bv;\n    }\n    return String(av ?? '').localeCompare(String(bv ?? ''));\n  };\n\n  if (roots.length > 1) {\n    roots.sort(compareBySortAccessor);\n  }\n  for (const siblings of childrenByParentId.values()) {\n    if (siblings.length > 1) {\n      siblings.sort(compareBySortAccessor);\n    }\n  }\n\n  const result: ChartDatapoint[] = [];\n  const stack: Frame[] = [];\n  let cursor = 0;\n  for (const root of roots) {\n    stack.push({ node: root, x0: cursor, depth: 0 });\n    cursor += root.value;\n  }\n  stack.reverse();\n\n  for (let frame = stack.pop(); frame !== undefined; frame = stack.pop()) {\n    const { node, x0, depth } = frame;\n    const { span, value } = node;\n    const children = childrenByParentId.get(span[idAccessor]) ?? [];\n\n    const row: ChartDatapoint = {\n      ...span,\n      [XY_DEFAULTS.x0Accessor]: x0,\n      [XY_DEFAULTS.x1Accessor]: x0 + value,\n      [DEPTH_FIELD]: depth,\n      [valueAccessor]: value,\n      [CHILDREN_COUNT_FIELD]: children.length,\n    };\n    if (selfValueAccessor !== undefined) {\n      row[selfValueAccessor] = toFiniteNumber(span[selfValueAccessor]);\n    }\n    result.push(row);\n\n    if (children.length === 0) {\n      continue;\n    }\n\n    const frames: Frame[] = new Array(children.length);\n    let childCursor = x0;\n    for (let i = 0; i < children.length; i++) {\n      frames[i] = { node: children[i], x0: childCursor, depth: depth + 1 };\n      childCursor += children[i].value;\n    }\n    for (let i = frames.length - 1; i >= 0; i--) {\n      stack.push(frames[i]);\n    }\n  }\n\n  return result;\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import type { ChartDatapoint } from '../../../core/types/chart-data.js';\nimport {\n  CHILDREN_COUNT_FIELD,\n  DEPTH_FIELD,\n  XY_DEFAULTS,\n} from '../constants.js';\n\ntype AggregationAccessors = {\n  idAccessor: string;\n  parentIdAccessor: string;\n  labelAccessor: string;\n  valueAccessor: string;\n  selfValueAccessor?: string;\n  /**\n   * Accessor used to sort sibling spans. Defaults to `labelAccessor`.\n   */\n  sortAccessor?: string;\n};\n\ntype SpanNode = {\n  span: ChartDatapoint;\n  value: number;\n};\n\ntype Frame = { node: SpanNode; x0: number; depth: number };\n\nconst toFiniteNumber = (raw: unknown): number => {\n  const n = Number(raw);\n  return Number.isFinite(n) ? n : 0;\n};\n\n/**\n * Converts raw span data into flame graph rows: each span becomes one row with\n * computed `x0`/`x1` geometry (from inclusive value), depth, and children count.\n *\n * Numeric values are parsed once per span and cached on an intermediate node so\n * the sort comparator and layout pass do not re-run `Number()`. Layout uses an\n * explicit stack rather than recursion to stay safe on very deep call trees.\n */\nexport function aggregateSpansToFlameGraph(\n  spans: ChartDatapoint[],\n  {\n    idAccessor,\n    parentIdAccessor,\n    labelAccessor,\n    valueAccessor,\n    selfValueAccessor,\n    sortAccessor = labelAccessor,\n  }: AggregationAccessors,\n): ChartDatapoint[] {\n  const spanIds = new Set<unknown>();\n  for (const span of spans) {\n    spanIds.add(span[idAccessor]);\n  }\n\n  const childrenByParentId = new Map<unknown, SpanNode[]>();\n  const roots: SpanNode[] = [];\n\n  for (const span of spans) {\n    const node: SpanNode = {\n      span,\n      value: toFiniteNumber(span[valueAccessor]),\n    };\n    const parentId = span[parentIdAccessor];\n    const isRoot =\n      parentId === null || parentId === undefined || !spanIds.has(parentId);\n\n    if (isRoot) {\n      roots.push(node);\n      continue;\n    }\n\n    const siblings = childrenByParentId.get(parentId);\n    if (siblings) {\n      siblings.push(node);\n    } else {\n      childrenByParentId.set(parentId, [node]);\n    }\n  }\n\n  const compareBySortAccessor = (a: SpanNode, b: SpanNode) => {\n    const av = a.span[sortAccessor];\n    const bv = b.span[sortAccessor];\n    if (typeof av === 'number' && typeof bv === 'number') {\n      return av - bv;\n    }\n    return String(av ?? '').localeCompare(String(bv ?? ''));\n  };\n\n  if (roots.length > 1) {\n    roots.sort(compareBySortAccessor);\n  }\n  for (const siblings of childrenByParentId.values()) {\n    if (siblings.length > 1) {\n      siblings.sort(compareBySortAccessor);\n    }\n  }\n\n  const result: ChartDatapoint[] = [];\n  const stack: Frame[] = [];\n  let cursor = 0;\n  for (const root of roots) {\n    stack.push({ node: root, x0: cursor, depth: 0 });\n    cursor += root.value;\n  }\n  stack.reverse();\n\n  for (let frame = stack.pop(); frame !== undefined; frame = stack.pop()) {\n    const { node, x0, depth } = frame;\n    const { span, value } = node;\n    const children = childrenByParentId.get(span[idAccessor]) ?? [];\n\n    const row: ChartDatapoint = {\n      ...span,\n      [XY_DEFAULTS.x0Accessor]: x0,\n      [XY_DEFAULTS.x1Accessor]: x0 + value,\n      [DEPTH_FIELD]: depth,\n      [valueAccessor]: value,\n      [CHILDREN_COUNT_FIELD]: children.length,\n    };\n    if (selfValueAccessor !== undefined) {\n      row[selfValueAccessor] = toFiniteNumber(span[selfValueAccessor]);\n    }\n    result.push(row);\n\n    if (children.length === 0) {\n      continue;\n    }\n\n    const frames: Frame[] = new Array(children.length);\n    let childCursor = x0;\n    for (let i = 0; i < children.length; i++) {\n      frames[i] = { node: children[i], x0: childCursor, depth: depth + 1 };\n      childCursor += children[i].value;\n    }\n    for (let i = frames.length - 1; i >= 0; i--) {\n      stack.push(frames[i]);\n    }\n  }\n\n  return result;\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/charts/flame/shared/utils/build-flame-index.js

@@ -0,0 +1,27 @@
+import { FLAME_ORIGINAL_IDX } from "../constants.js";
+function buildFlameIndex(data, { idAccessor, parentIdAccessor }) {
+  const n = data.length;
+  const indexedData = new Array(n);
+  const byId = /* @__PURE__ */ new Map();
+  const childrenByParentId = /* @__PURE__ */ new Map();
+  for (let i = 0; i < n; i++) {
+    const indexed = { ...data[i], [FLAME_ORIGINAL_IDX]: i };
+    indexedData[i] = indexed;
+    byId.set(indexed[idAccessor], indexed);
+    const parentId = indexed[parentIdAccessor];
+    if (parentId === null || parentId === void 0) {
+      continue;
+    }
+    const siblings = childrenByParentId.get(parentId);
+    if (siblings) {
+      siblings.push(indexed);
+    } else {
+      childrenByParentId.set(parentId, [indexed]);
+    }
+  }
+  return { indexedData, byId, childrenByParentId };
+}
+export {
+  buildFlameIndex
+};
+//# sourceMappingURL=build-flame-index.js.map

package/esm/charts/flame/shared/utils/build-flame-index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/charts/flame/shared/utils/build-flame-index.ts"],
+  "sourcesContent": ["import type { ChartDatapoint } from '../../../core/types/chart-data.js';\nimport { FLAME_ORIGINAL_IDX } from '../constants.js';\n\ntype BuildFlameIndexAccessors = {\n  idAccessor: string;\n  parentIdAccessor: string;\n};\n\n/**\n * Precomputed lookups over the caller's raw span data. All three views share\n * the same cloned datum references so downstream code can round-trip a span\n * across them without paying for another clone.\n * @internal\n */\nexport type FlameIndex<TData extends ChartDatapoint> = {\n  /**\n   * Clones of the input spans with `FLAME_ORIGINAL_IDX` attached so tooltips can round-trip to the caller's array.\n   */\n  indexedData: TData[];\n  /**\n   * Span id \u2192 indexed datum. `O(1)` lookup for the isolation root.\n   */\n  byId: Map<unknown, TData>;\n  /**\n   * Parent id \u2192 indexed children. Populated only for spans whose parent id is defined.\n   */\n  childrenByParentId: Map<unknown, TData[]>;\n};\n\n/**\n * Walks `data` exactly once and materializes every lookup FlameChart /\n * FlameGraph need to render or isolate a subtree. Consolidates work that used\n * to happen across the `dataWithIndex` map, `getDescendants`'s internal\n * parent-map build, and the ad-hoc `.find(...)` used to locate the isolation\n * root \u2014 three separate `O(n)` passes fused into one.\n *\n * At one-million-span scale this single pass replaces three, and callers\n * downstream (`collectSubtree`) reuse the maps instead of rebuilding them.\n * @internal\n */\nexport function buildFlameIndex<TData extends ChartDatapoint>(\n  data: readonly TData[],\n  { idAccessor, parentIdAccessor }: BuildFlameIndexAccessors,\n): FlameIndex<TData> {\n  const n = data.length;\n  const indexedData = new Array<TData>(n);\n  const byId = new Map<unknown, TData>();\n  const childrenByParentId = new Map<unknown, TData[]>();\n\n  for (let i = 0; i < n; i++) {\n    const indexed = { ...data[i], [FLAME_ORIGINAL_IDX]: i } as TData;\n    indexedData[i] = indexed;\n    byId.set(indexed[idAccessor], indexed);\n\n    const parentId = indexed[parentIdAccessor];\n    if (parentId === null || parentId === undefined) {\n      continue;\n    }\n    const siblings = childrenByParentId.get(parentId);\n    if (siblings) {\n      siblings.push(indexed);\n    } else {\n      childrenByParentId.set(parentId, [indexed]);\n    }\n  }\n\n  return { indexedData, byId, childrenByParentId };\n}\n"],
+  "mappings": "AACA,SAAS,0BAA0B;AAuC5B,SAAS,gBACd,MACA,EAAE,YAAY,iBAAiB,GACZ;AACnB,QAAM,IAAI,KAAK;AACf,QAAM,cAAc,IAAI,MAAa,CAAC;AACtC,QAAM,OAAO,oBAAI,IAAoB;AACrC,QAAM,qBAAqB,oBAAI,IAAsB;AAErD,WAAS,IAAI,GAAG,IAAI,GAAG,KAAK;AAC1B,UAAM,UAAU,EAAE,GAAG,KAAK,CAAC,GAAG,CAAC,kBAAkB,GAAG,EAAE;AACtD,gBAAY,CAAC,IAAI;AACjB,SAAK,IAAI,QAAQ,UAAU,GAAG,OAAO;AAErC,UAAM,WAAW,QAAQ,gBAAgB;AACzC,QAAI,aAAa,QAAQ,aAAa,QAAW;AAC/C;AAAA,IACF;AACA,UAAM,WAAW,mBAAmB,IAAI,QAAQ;AAChD,QAAI,UAAU;AACZ,eAAS,KAAK,OAAO;AAAA,IACvB,OAAO;AACL,yBAAmB,IAAI,UAAU,CAAC,OAAO,CAAC;AAAA,IAC5C;AAAA,EACF;AAEA,SAAO,EAAE,aAAa,MAAM,mBAAmB;AACjD;",
+  "names": []
+}

package/esm/charts/flame/shared/utils/collect-subtree.js

@@ -0,0 +1,27 @@
+function collectSubtree(root, rootId, childrenByParentId, idAccessor) {
+  const result = [root];
+  const queue = [rootId];
+  const visited = /* @__PURE__ */ new Set([rootId]);
+  let head = 0;
+  while (head < queue.length) {
+    const currentId = queue[head++];
+    const children = childrenByParentId.get(currentId);
+    if (!children) {
+      continue;
+    }
+    for (const child of children) {
+      const childId = child[idAccessor];
+      if (visited.has(childId)) {
+        continue;
+      }
+      visited.add(childId);
+      result.push(child);
+      queue.push(childId);
+    }
+  }
+  return result;
+}
+export {
+  collectSubtree
+};
+//# sourceMappingURL=collect-subtree.js.map

package/esm/charts/flame/shared/utils/collect-subtree.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/charts/flame/shared/utils/collect-subtree.ts"],
+  "sourcesContent": ["import type { ChartDatapoint } from '../../../core/types/chart-data.js';\n\n/**\n * Returns `[root, ...descendants]` in BFS order (root first, then direct\n * children, then grandchildren, \u2026) using a pre-built `childrenByParentId`\n * map. Callers should build the map once via `buildFlameIndex` and reuse it\n * across renders \u2014 this walk is `O(subtree)`, never `O(data)`.\n *\n * A `visited` set guards against cyclic data (a corrupt dataset where a\n * parent id points at one of its own descendants) so the walk terminates.\n * The queue is drained with a head cursor instead of `Array.prototype.shift()`\n * \u2014 `.shift()` reindexes the queue and would degrade the walk to `O(n\u00B2)`.\n * @internal\n */\nexport function collectSubtree<TData extends ChartDatapoint>(\n  root: TData,\n  rootId: unknown,\n  childrenByParentId: ReadonlyMap<unknown, TData[]>,\n  idAccessor: string,\n): TData[] {\n  const result: TData[] = [root];\n  const queue: unknown[] = [rootId];\n  const visited = new Set<unknown>([rootId]);\n  let head = 0;\n\n  while (head < queue.length) {\n    const currentId = queue[head++];\n    const children = childrenByParentId.get(currentId);\n    if (!children) {\n      continue;\n    }\n    for (const child of children) {\n      const childId = child[idAccessor];\n      if (visited.has(childId)) {\n        continue;\n      }\n      visited.add(childId);\n      result.push(child);\n      queue.push(childId);\n    }\n  }\n\n  return result;\n}\n"],
+  "mappings": "AAcO,SAAS,eACd,MACA,QACA,oBACA,YACS;AACT,QAAM,SAAkB,CAAC,IAAI;AAC7B,QAAM,QAAmB,CAAC,MAAM;AAChC,QAAM,UAAU,oBAAI,IAAa,CAAC,MAAM,CAAC;AACzC,MAAI,OAAO;AAEX,SAAO,OAAO,MAAM,QAAQ;AAC1B,UAAM,YAAY,MAAM,MAAM;AAC9B,UAAM,WAAW,mBAAmB,IAAI,SAAS;AACjD,QAAI,CAAC,UAAU;AACb;AAAA,IACF;AACA,eAAW,SAAS,UAAU;AAC5B,YAAM,UAAU,MAAM,UAAU;AAChC,UAAI,QAAQ,IAAI,OAAO,GAAG;AACxB;AAAA,MACF;AACA,cAAQ,IAAI,OAAO;AACnB,aAAO,KAAK,KAAK;AACjB,YAAM,KAAK,OAAO;AAAA,IACpB;AAAA,EACF;AAEA,SAAO;AACT;",
+  "names": []
+}

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

@@ -1,9 +1,16 @@
-import { CHILDREN_COUNT_FIELD, DEPTH_FIELD } from "../constants.js";
+import {
+  CHILDREN_COUNT_FIELD,
+  DEPTH_FIELD,
+  END_FIELD,
+  START_FIELD,
+  VALUE_FIELD
+} from "../constants.js";
 function orderSpansHierarchically(spans, {
   spanIdAccessor,
   parentIdAccessor,
   x0Accessor,
-  x1Accessor
+  x1Accessor,
+  offset = 0
 }) {
   const spanIds = /* @__PURE__ */ new Set();
   for (const span of spans) {
@@ -43,14 +50,18 @@ function orderSpansHierarchically(spans, {
   }
   for (let frame = stack.pop(); frame !== void 0; frame = stack.pop()) {
     const { span, depth } = frame;
-    const x0 = Number(span[x0Accessor]);
-    const x1 = Number(span[x1Accessor]);
-    const widened = x0 === x1 ? { [x1Accessor]: x1 + 1 } : void 0;
+    const rawX0 = Number(span[x0Accessor] ?? 0);
+    const rawX1 = Number(span[x1Accessor] ?? 0);
+    const widenedX1 = rawX0 === rawX1 ? rawX1 + 1 : rawX1;
+    const widened = widenedX1 !== rawX1 ? { [x1Accessor]: widenedX1 } : void 0;
     result.push({
       ...span,
       ...widened,
       [DEPTH_FIELD]: depth,
-      [CHILDREN_COUNT_FIELD]: childrenMap.get(span[spanIdAccessor])?.length ?? 0
+      [CHILDREN_COUNT_FIELD]: childrenMap.get(span[spanIdAccessor])?.length ?? 0,
+      [START_FIELD]: rawX0 - offset,
+      [END_FIELD]: widenedX1 - offset,
+      [VALUE_FIELD]: rawX1 - rawX0
     });
     const children = childrenMap.get(span[spanIdAccessor]);
     if (!children) {

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 { 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;",
+  "sourcesContent": ["import type { ChartDatapoint } from '../../../core/types/chart-data.js';\nimport {\n  CHILDREN_COUNT_FIELD,\n  DEPTH_FIELD,\n  END_FIELD,\n  START_FIELD,\n  VALUE_FIELD,\n} from '../constants.js';\n\ntype OrderingAccessors = {\n  spanIdAccessor: string;\n  parentIdAccessor: string;\n  x0Accessor: string;\n  x1Accessor: string;\n  /**\n   * Subtracted from each span's `x0`/`x1` when emitting `START_FIELD` /\n   * `END_FIELD`, so the visible axis starts at zero. Defaults to `0`.\n   */\n  offset?: number;\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`, `childrenCount`, and axis-friendly\n * `START_FIELD` / `END_FIELD` / `VALUE_FIELD`. Zero-width spans are widened\n * by 1 so 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    offset = 0,\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 rawX0 = Number(span[x0Accessor] ?? 0);\n    const rawX1 = Number(span[x1Accessor] ?? 0);\n    const widenedX1 = rawX0 === rawX1 ? rawX1 + 1 : rawX1;\n    const widened =\n      widenedX1 !== rawX1 ? { [x1Accessor]: widenedX1 } : undefined;\n    result.push({\n      ...span,\n      ...widened,\n      [DEPTH_FIELD]: depth,\n      [CHILDREN_COUNT_FIELD]:\n        childrenMap.get(span[spanIdAccessor])?.length ?? 0,\n      [START_FIELD]: rawX0 - offset,\n      [END_FIELD]: widenedX1 - offset,\n      [VALUE_FIELD]: rawX1 - rawX0,\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;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAiCA,SAAS,yBACd,OACA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,SAAS;AACX,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,QAAQ,OAAO,KAAK,UAAU,KAAK,CAAC;AAC1C,UAAM,QAAQ,OAAO,KAAK,UAAU,KAAK,CAAC;AAC1C,UAAM,YAAY,UAAU,QAAQ,QAAQ,IAAI;AAChD,UAAM,UACJ,cAAc,QAAQ,EAAE,CAAC,UAAU,GAAG,UAAU,IAAI;AACtD,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,MACnD,CAAC,WAAW,GAAG,QAAQ;AAAA,MACvB,CAAC,SAAS,GAAG,YAAY;AAAA,MACzB,CAAC,WAAW,GAAG,QAAQ;AAAA,IACzB,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/gantt-chart/GanttChartLine.css

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

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/charts/gantt-chart/GanttChartLine.tsx"],
-  "sourcesContent": ["import { scaleLinear } from 'd3-scale';\nimport {\n  type Attributes,\n  type PropsWithChildren,\n  forwardRef,\n  useState,\n} from 'react';\nimport { useIntl } from 'react-intl';\n\nimport { GanttChartLineRenderer } from './components/GanttChartLineRenderer.js';\nimport { GanttChartTooltip } from './components/tooltip/GanttChartTooltip.js';\nimport {\n  DEFAULT_GANTT_LINE_SIZE,\n  GANTT_CHART_V2_ARIA_LABEL,\n  GANTT_LINE_SIZE_HEIGHT,\n} from './constants/defaults.js';\nimport { GanttSegmentsContext } from './context/GanttSegmentsContext.js';\nimport * as styles from './GanttChartLine.sty.js';\nimport {\n  useTooltipPinnedStatus,\n  useTooltipVisibility,\n} from './hooks/use-set-tooltip-state.js';\nimport { ganttChartMessages } from './messages.js';\nimport type { GanttChartConfig, GanttSegmentData } from './types/gantt-chart.js';\nimport { useMergeRefs } from '../../core/hooks/useMergeRefs.js';\nimport { useObserveContainerSize } from '../core/hooks/useObserveContainerSize.js';\n\ntype GanttChartLineProps = Attributes & {\n  min: number;\n  max: number;\n  size?: 'default' | 'condensed' | 'comfortable';\n  /** When true: Sets an overlay with default loader. */\n  loading?: boolean;\n  segmentsData: GanttSegmentData[];\n  parentSegmentsData?: GanttSegmentData[];\n  config: GanttChartConfig;\n};\n\n/**\n * GanttChartLine component\n * @internal\n */\nexport const GanttChartLine = forwardRef<\n  HTMLDivElement,\n  PropsWithChildren<GanttChartLineProps>\n>((props, forwardedRef) => {\n  const intl = useIntl();\n\n  const [mouseInside, setMouseInside] = useState(false);\n  const isTooltipVisible = useTooltipVisibility();\n  const isTooltipPinned = useTooltipPinnedStatus();\n\n  const { size, segmentsData, parentSegmentsData, config, loading } = props;\n  const [{ width }, containerRef] = useObserveContainerSize();\n  const ref = useMergeRefs([forwardedRef, containerRef]);\n  const height = GANTT_LINE_SIZE_HEIGHT[size ?? DEFAULT_GANTT_LINE_SIZE];\n\n  const segmentScale = scaleLinear()\n    .domain([props.min, props.max])\n    .range([0, width]);\n\n  return (\n    <div\n      className={styles.wrapper}\n      onMouseEnter={() => !isTooltipPinned && setMouseInside(true)}\n      onMouseLeave={() => !isTooltipPinned && setMouseInside(false)}\n      role=\"img\"\n      aria-label={GANTT_CHART_V2_ARIA_LABEL}\n    >\n      <GanttSegmentsContext.Provider\n        value={{\n          segmentsData,\n          parentSegmentsData,\n          segmentScale,\n          config,\n          hovering: mouseInside,\n        }}\n      >\n        <GanttChartLineRenderer\n          width={width}\n          height={height}\n          loading={loading}\n          ref={ref}\n          showBackground={config.showBackground}\n        >\n          <GanttChartLineRenderer.EmptyState>\n            {intl.formatMessage(ganttChartMessages.emptyState)}\n          </GanttChartLineRenderer.EmptyState>\n          <GanttChartLineRenderer.ErrorState>\n            {(errorMessage) => (\n              <span>\n                {intl.formatMessage(ganttChartMessages.errorState)}:{' '}\n                {errorMessage}\n              </span>\n            )}\n          </GanttChartLineRenderer.ErrorState>\n        </GanttChartLineRenderer>\n        {isTooltipVisible && <GanttChartTooltip />}\n      </GanttSegmentsContext.Provider>\n    </div>\n  );\n});\n"],
-  "mappings": "AAqFU,cAKI,YALJ;AArFV,SAAS,mBAAmB;AAC5B;AAAA,EAGE;AAAA,EACA;AAAA,OACK;AACP,SAAS,eAAe;AAExB,SAAS,8BAA8B;AACvC,SAAS,yBAAyB;AAClC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,4BAA4B;AACrC,YAAY,YAAY;AACxB;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,0BAA0B;AAEnC,SAAS,oBAAoB;AAC7B,SAAS,+BAA+B;AAiBjC,MAAM,iBAAiB,WAG5B,CAAC,OAAO,iBAAiB;AACzB,QAAM,OAAO,QAAQ;AAErB,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,KAAK;AACpD,QAAM,mBAAmB,qBAAqB;AAC9C,QAAM,kBAAkB,uBAAuB;AAE/C,QAAM,EAAE,MAAM,cAAc,oBAAoB,QAAQ,QAAQ,IAAI;AACpE,QAAM,CAAC,EAAE,MAAM,GAAG,YAAY,IAAI,wBAAwB;AAC1D,QAAM,MAAM,aAAa,CAAC,cAAc,YAAY,CAAC;AACrD,QAAM,SAAS,uBAAuB,QAAQ,uBAAuB;AAErE,QAAM,eAAe,YAAY,EAC9B,OAAO,CAAC,MAAM,KAAK,MAAM,GAAG,CAAC,EAC7B,MAAM,CAAC,GAAG,KAAK,CAAC;AAEnB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,OAAO;AAAA,MAClB,cAAc,MAAM,CAAC,mBAAmB,eAAe,IAAI;AAAA,MAC3D,cAAc,MAAM,CAAC,mBAAmB,eAAe,KAAK;AAAA,MAC5D,MAAK;AAAA,MACL,cAAY;AAAA,MAEZ;AAAA,QAAC,qBAAqB;AAAA,QAArB;AAAA,UACC,OAAO;AAAA,YACL;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA,UAAU;AAAA,UACZ;AAAA,UAEA;AAAA;AAAA,cAAC;AAAA;AAAA,gBACC;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA,gBAAgB,OAAO;AAAA,gBAEvB;AAAA,sCAAC,uBAAuB,YAAvB,EACE,eAAK,cAAc,mBAAmB,UAAU,GACnD;AAAA,kBACA,oBAAC,uBAAuB,YAAvB,EACE,WAAC,iBACA,qBAAC,UACE;AAAA,yBAAK,cAAc,mBAAmB,UAAU;AAAA,oBAAE;AAAA,oBAAE;AAAA,oBACpD;AAAA,qBACH,GAEJ;AAAA;AAAA;AAAA,YACF;AAAA,YACC,oBAAoB,oBAAC,qBAAkB;AAAA;AAAA;AAAA,MAC1C;AAAA;AAAA,EACF;AAEJ,CAAC;",
+  "sourcesContent": ["import { scaleLinear } from 'd3-scale';\nimport {\n  type Attributes,\n  type PropsWithChildren,\n  forwardRef,\n  useState,\n} from 'react';\nimport { useIntl } from 'react-intl';\n\nimport { GanttChartLineRenderer } from './components/GanttChartLineRenderer.js';\nimport { GanttChartTooltip } from './components/tooltip/GanttChartTooltip.js';\nimport {\n  DEFAULT_GANTT_LINE_SIZE,\n  GANTT_CHART_V2_ARIA_LABEL,\n  GANTT_LINE_SIZE_HEIGHT,\n} from './constants/defaults.js';\nimport { GanttSegmentsContext } from './context/GanttSegmentsContext.js';\nimport * as styles from './GanttChartLine.sty.js';\nimport {\n  useTooltipPinnedStatus,\n  useTooltipVisibility,\n} from './hooks/use-set-tooltip-state.js';\nimport { ganttChartMessages } from './messages.js';\nimport type {\n  GanttChartConfig,\n  GanttSegmentData,\n} from './types/gantt-chart.js';\nimport { useMergeRefs } from '../../core/hooks/useMergeRefs.js';\nimport { useObserveContainerSize } from '../core/hooks/useObserveContainerSize.js';\n\ntype GanttChartLineProps = Attributes & {\n  min: number;\n  max: number;\n  size?: 'default' | 'condensed' | 'comfortable';\n  /** When true: Sets an overlay with default loader. */\n  loading?: boolean;\n  segmentsData: GanttSegmentData[];\n  parentSegmentsData?: GanttSegmentData[];\n  config: GanttChartConfig;\n};\n\n/**\n * GanttChartLine component\n * @internal\n */\nexport const GanttChartLine = forwardRef<\n  HTMLDivElement,\n  PropsWithChildren<GanttChartLineProps>\n>((props, forwardedRef) => {\n  const intl = useIntl();\n\n  const [mouseInside, setMouseInside] = useState(false);\n  const isTooltipVisible = useTooltipVisibility();\n  const isTooltipPinned = useTooltipPinnedStatus();\n\n  const { size, segmentsData, parentSegmentsData, config, loading } = props;\n  const [{ width }, containerRef] = useObserveContainerSize();\n  const ref = useMergeRefs([forwardedRef, containerRef]);\n  const height = GANTT_LINE_SIZE_HEIGHT[size ?? DEFAULT_GANTT_LINE_SIZE];\n\n  const segmentScale = scaleLinear()\n    .domain([props.min, props.max])\n    .range([0, width]);\n\n  return (\n    <div\n      className={styles.wrapper}\n      onMouseEnter={() => !isTooltipPinned && setMouseInside(true)}\n      onMouseLeave={() => !isTooltipPinned && setMouseInside(false)}\n      role=\"img\"\n      aria-label={GANTT_CHART_V2_ARIA_LABEL}\n    >\n      <GanttSegmentsContext.Provider\n        value={{\n          segmentsData,\n          parentSegmentsData,\n          segmentScale,\n          config,\n          hovering: mouseInside,\n        }}\n      >\n        <GanttChartLineRenderer\n          width={width}\n          height={height}\n          loading={loading}\n          ref={ref}\n          showBackground={config.showBackground}\n        >\n          <GanttChartLineRenderer.EmptyState>\n            {intl.formatMessage(ganttChartMessages.emptyState)}\n          </GanttChartLineRenderer.EmptyState>\n          <GanttChartLineRenderer.ErrorState>\n            {(errorMessage) => (\n              <span>\n                {intl.formatMessage(ganttChartMessages.errorState)}:{' '}\n                {errorMessage}\n              </span>\n            )}\n          </GanttChartLineRenderer.ErrorState>\n        </GanttChartLineRenderer>\n        {isTooltipVisible && <GanttChartTooltip />}\n      </GanttSegmentsContext.Provider>\n    </div>\n  );\n});\n"],
+  "mappings": "AAwFU,cAKI,YALJ;AAxFV,SAAS,mBAAmB;AAC5B;AAAA,EAGE;AAAA,EACA;AAAA,OACK;AACP,SAAS,eAAe;AAExB,SAAS,8BAA8B;AACvC,SAAS,yBAAyB;AAClC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,4BAA4B;AACrC,YAAY,YAAY;AACxB;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,0BAA0B;AAKnC,SAAS,oBAAoB;AAC7B,SAAS,+BAA+B;AAiBjC,MAAM,iBAAiB,WAG5B,CAAC,OAAO,iBAAiB;AACzB,QAAM,OAAO,QAAQ;AAErB,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,KAAK;AACpD,QAAM,mBAAmB,qBAAqB;AAC9C,QAAM,kBAAkB,uBAAuB;AAE/C,QAAM,EAAE,MAAM,cAAc,oBAAoB,QAAQ,QAAQ,IAAI;AACpE,QAAM,CAAC,EAAE,MAAM,GAAG,YAAY,IAAI,wBAAwB;AAC1D,QAAM,MAAM,aAAa,CAAC,cAAc,YAAY,CAAC;AACrD,QAAM,SAAS,uBAAuB,QAAQ,uBAAuB;AAErE,QAAM,eAAe,YAAY,EAC9B,OAAO,CAAC,MAAM,KAAK,MAAM,GAAG,CAAC,EAC7B,MAAM,CAAC,GAAG,KAAK,CAAC;AAEnB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,OAAO;AAAA,MAClB,cAAc,MAAM,CAAC,mBAAmB,eAAe,IAAI;AAAA,MAC3D,cAAc,MAAM,CAAC,mBAAmB,eAAe,KAAK;AAAA,MAC5D,MAAK;AAAA,MACL,cAAY;AAAA,MAEZ;AAAA,QAAC,qBAAqB;AAAA,QAArB;AAAA,UACC,OAAO;AAAA,YACL;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA,UAAU;AAAA,UACZ;AAAA,UAEA;AAAA;AAAA,cAAC;AAAA;AAAA,gBACC;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA,gBAAgB,OAAO;AAAA,gBAEvB;AAAA,sCAAC,uBAAuB,YAAvB,EACE,eAAK,cAAc,mBAAmB,UAAU,GACnD;AAAA,kBACA,oBAAC,uBAAuB,YAAvB,EACE,WAAC,iBACA,qBAAC,UACE;AAAA,yBAAK,cAAc,mBAAmB,UAAU;AAAA,oBAAE;AAAA,oBAAE;AAAA,oBACpD;AAAA,qBACH,GAEJ;AAAA;AAAA;AAAA,YACF;AAAA,YACC,oBAAoB,oBAAC,qBAAkB;AAAA;AAAA;AAAA,MAC1C;AAAA;AAAA,EACF;AAEJ,CAAC;",
   "names": []
 }

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

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

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

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

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

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

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

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

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

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

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/gauge/components/GaugeChartLayout/GaugeChartLayout.tsx"],
-  "sourcesContent": ["import { forwardRef, type ReactNode } from 'react';\n\nimport { layoutContainer } from './GaugeChartLayout.sty.js';\nimport { type GaugeChartToolbarProps } from './GaugeChartToolbar.js';\nimport { accessValue } from '../../../../core/utils/accessors/access-value.js';\nimport { DEFAULT_VALUE_ACCESSOR } from '../../../core/constants.js';\nimport type { ComponentWithName } from '../../../core/types/component-with-name.js';\nimport { useGaugeChartColorContext } from '../../hooks/useGaugeChartColorContext.js';\nimport { useGaugeChartLoadingContext } from '../../hooks/useGaugeChartLoadingContext.js';\nimport { useGaugeChartRangeMaxContext } from '../../hooks/useGaugeChartRangeMaxContext.js';\nimport { useGaugeChartRangeMinContext } from '../../hooks/useGaugeChartRangeMinContext.js';\nimport type { GaugeChartData } from '../../types/gauge-chart.js';\nimport { GaugeBaseArc } from '../GaugeBaseArc.js';\nimport { GaugeLabels } from '../GaugeLabels.js';\nimport { GaugeChartOverlay } from '../GaugeLayoutOverlay/GaugeLayoutOverlay.js';\nimport { GaugeRootSVG } from '../GaugeRootSVG.js';\nimport { GaugeThresholdIntervalArcs } from '../GaugeThresholdIntervalArcs.js';\nimport { GaugeValueArc } from '../GaugeValueArc.js';\n\nexport interface GaugeChartLayoutProps {\n  value: number | GaugeChartData;\n  valueAccessor?: string;\n  prefixIcon?: ReactNode;\n  intents: GaugeChartToolbarProps['intents'];\n  toolbar: GaugeChartToolbarProps['toolbar'];\n}\n\nexport const GaugeChartLayout = forwardRef<\n  HTMLDivElement,\n  GaugeChartLayoutProps\n>(({ value, prefixIcon, intents, toolbar, valueAccessor }, forwardedRef) => {\n  const min = useGaugeChartRangeMinContext();\n  const max = useGaugeChartRangeMaxContext();\n  const valueArcColor = useGaugeChartColorContext();\n  const showLoading = useGaugeChartLoadingContext();\n\n  const displayValue =\n    typeof value === 'number'\n      ? value\n      : accessValue<number>(value, valueAccessor ?? DEFAULT_VALUE_ACCESSOR) ??\n        0;\n\n  const toolbarConfig: typeof toolbar = {\n    ...toolbar,\n    hidden: toolbar?.hidden || showLoading,\n  };\n\n  return (\n    <div\n      data-testid=\"gauge-layout-container\"\n      ref={forwardedRef}\n      className={layoutContainer}\n    >\n      <GaugeChartOverlay\n        value={displayValue}\n        color={valueArcColor}\n        intents={intents}\n        showLoading={showLoading}\n        toolbar={toolbarConfig}\n      >\n        <GaugeRootSVG>\n          <GaugeBaseArc />\n          <GaugeValueArc\n            value={displayValue}\n            color={valueArcColor}\n            min={min}\n            max={max}\n          />\n          <GaugeThresholdIntervalArcs />\n          <GaugeLabels value={displayValue} prefixIcon={prefixIcon} />\n        </GaugeRootSVG>\n      </GaugeChartOverlay>\n    </div>\n  );\n});\n\n(GaugeChartLayout as ComponentWithName<typeof GaugeChartLayout>).displayName =\n  'GaugeChartLayout';\n"],
-  "mappings": "AA4DQ,SACE,KADF;AA5DR,SAAS,kBAAkC;AAE3C,SAAS,uBAAuB;AAEhC,SAAS,mBAAmB;AAC5B,SAAS,8BAA8B;AAEvC,SAAS,iCAAiC;AAC1C,SAAS,mCAAmC;AAC5C,SAAS,oCAAoC;AAC7C,SAAS,oCAAoC;AAE7C,SAAS,oBAAoB;AAC7B,SAAS,mBAAmB;AAC5B,SAAS,yBAAyB;AAClC,SAAS,oBAAoB;AAC7B,SAAS,kCAAkC;AAC3C,SAAS,qBAAqB;AAUvB,MAAM,mBAAmB,WAG9B,CAAC,EAAE,OAAO,YAAY,SAAS,SAAS,cAAc,GAAG,iBAAiB;AAC1E,QAAM,MAAM,6BAA6B;AACzC,QAAM,MAAM,6BAA6B;AACzC,QAAM,gBAAgB,0BAA0B;AAChD,QAAM,cAAc,4BAA4B;AAEhD,QAAM,eACJ,OAAO,UAAU,WACb,QACA,YAAoB,OAAO,iBAAiB,sBAAsB,KAClE;AAEN,QAAM,gBAAgC;AAAA,IACpC,GAAG;AAAA,IACH,QAAQ,SAAS,UAAU;AAAA,EAC7B;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAY;AAAA,MACZ,KAAK;AAAA,MACL,WAAW;AAAA,MAEX;AAAA,QAAC;AAAA;AAAA,UACC,OAAO;AAAA,UACP,OAAO;AAAA,UACP;AAAA,UACA;AAAA,UACA,SAAS;AAAA,UAET,+BAAC,gBACC;AAAA,gCAAC,gBAAa;AAAA,YACd;AAAA,cAAC;AAAA;AAAA,gBACC,OAAO;AAAA,gBACP,OAAO;AAAA,gBACP;AAAA,gBACA;AAAA;AAAA,YACF;AAAA,YACA,oBAAC,8BAA2B;AAAA,YAC5B,oBAAC,eAAY,OAAO,cAAc,YAAwB;AAAA,aAC5D;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ,CAAC;AAEA,iBAAgE,cAC/D;",
+  "sourcesContent": ["import { forwardRef, type ReactNode } from 'react';\n\nimport { layoutContainer } from './GaugeChartLayout.sty.js';\nimport { type GaugeChartToolbarProps } from './GaugeChartToolbar.js';\nimport { accessValue } from '../../../../core/utils/accessors/access-value.js';\nimport { DEFAULT_VALUE_ACCESSOR } from '../../../core/constants.js';\nimport type { ComponentWithName } from '../../../core/types/component-with-name.js';\nimport { useGaugeChartColorContext } from '../../hooks/useGaugeChartColorContext.js';\nimport { useGaugeChartLoadingContext } from '../../hooks/useGaugeChartLoadingContext.js';\nimport { useGaugeChartRangeMaxContext } from '../../hooks/useGaugeChartRangeMaxContext.js';\nimport { useGaugeChartRangeMinContext } from '../../hooks/useGaugeChartRangeMinContext.js';\nimport type { GaugeChartData } from '../../types/gauge-chart.js';\nimport { GaugeBaseArc } from '../GaugeBaseArc.js';\nimport { GaugeLabels } from '../GaugeLabels.js';\nimport { GaugeChartOverlay } from '../GaugeLayoutOverlay/GaugeLayoutOverlay.js';\nimport { GaugeRootSVG } from '../GaugeRootSVG.js';\nimport { GaugeThresholdIntervalArcs } from '../GaugeThresholdIntervalArcs.js';\nimport { GaugeValueArc } from '../GaugeValueArc.js';\n\nexport interface GaugeChartLayoutProps {\n  value: number | GaugeChartData;\n  valueAccessor?: string;\n  prefixIcon?: ReactNode;\n  intents: GaugeChartToolbarProps['intents'];\n  toolbar: GaugeChartToolbarProps['toolbar'];\n}\n\nexport const GaugeChartLayout = forwardRef<\n  HTMLDivElement,\n  GaugeChartLayoutProps\n>(({ value, prefixIcon, intents, toolbar, valueAccessor }, forwardedRef) => {\n  const min = useGaugeChartRangeMinContext();\n  const max = useGaugeChartRangeMaxContext();\n  const valueArcColor = useGaugeChartColorContext();\n  const showLoading = useGaugeChartLoadingContext();\n\n  const displayValue =\n    typeof value === 'number'\n      ? value\n      : (accessValue<number>(value, valueAccessor ?? DEFAULT_VALUE_ACCESSOR) ??\n        0);\n\n  const toolbarConfig: typeof toolbar = {\n    ...toolbar,\n    hidden: toolbar?.hidden || showLoading,\n  };\n\n  return (\n    <div\n      data-testid=\"gauge-layout-container\"\n      ref={forwardedRef}\n      className={layoutContainer}\n    >\n      <GaugeChartOverlay\n        value={displayValue}\n        color={valueArcColor}\n        intents={intents}\n        showLoading={showLoading}\n        toolbar={toolbarConfig}\n      >\n        <GaugeRootSVG>\n          <GaugeBaseArc />\n          <GaugeValueArc\n            value={displayValue}\n            color={valueArcColor}\n            min={min}\n            max={max}\n          />\n          <GaugeThresholdIntervalArcs />\n          <GaugeLabels value={displayValue} prefixIcon={prefixIcon} />\n        </GaugeRootSVG>\n      </GaugeChartOverlay>\n    </div>\n  );\n});\n\n(GaugeChartLayout as ComponentWithName<typeof GaugeChartLayout>).displayName =\n  'GaugeChartLayout';\n"],
+  "mappings": "AA4DQ,SACE,KADF;AA5DR,SAAS,kBAAkC;AAE3C,SAAS,uBAAuB;AAEhC,SAAS,mBAAmB;AAC5B,SAAS,8BAA8B;AAEvC,SAAS,iCAAiC;AAC1C,SAAS,mCAAmC;AAC5C,SAAS,oCAAoC;AAC7C,SAAS,oCAAoC;AAE7C,SAAS,oBAAoB;AAC7B,SAAS,mBAAmB;AAC5B,SAAS,yBAAyB;AAClC,SAAS,oBAAoB;AAC7B,SAAS,kCAAkC;AAC3C,SAAS,qBAAqB;AAUvB,MAAM,mBAAmB,WAG9B,CAAC,EAAE,OAAO,YAAY,SAAS,SAAS,cAAc,GAAG,iBAAiB;AAC1E,QAAM,MAAM,6BAA6B;AACzC,QAAM,MAAM,6BAA6B;AACzC,QAAM,gBAAgB,0BAA0B;AAChD,QAAM,cAAc,4BAA4B;AAEhD,QAAM,eACJ,OAAO,UAAU,WACb,QACC,YAAoB,OAAO,iBAAiB,sBAAsB,KACnE;AAEN,QAAM,gBAAgC;AAAA,IACpC,GAAG;AAAA,IACH,QAAQ,SAAS,UAAU;AAAA,EAC7B;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAY;AAAA,MACZ,KAAK;AAAA,MACL,WAAW;AAAA,MAEX;AAAA,QAAC;AAAA;AAAA,UACC,OAAO;AAAA,UACP,OAAO;AAAA,UACP;AAAA,UACA;AAAA,UACA,SAAS;AAAA,UAET,+BAAC,gBACC;AAAA,gCAAC,gBAAa;AAAA,YACd;AAAA,cAAC;AAAA;AAAA,gBACC,OAAO;AAAA,gBACP,OAAO;AAAA,gBACP;AAAA,gBACA;AAAA;AAAA,YACF;AAAA,YACA,oBAAC,8BAA2B;AAAA,YAC5B,oBAAC,eAAY,OAAO,cAAc,YAAwB;AAAA,aAC5D;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ,CAAC;AAEA,iBAAgE,cAC/D;",
   "names": []
 }

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

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

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

@@ -1,22 +1,22 @@
-._18ourc20-3-13-2 {
+._18ourc20-3-14-0 {
   width: 100%;
   height: 100%;
   overflow: visible;
 }
-._18ourc21-3-13-2 {
+._18ourc21-3-14-0 {
   width: fit-content;
 }
-._18ourc22-3-13-2 {
+._18ourc22-3-14-0 {
   transform: translateX(-50%) translateY(-75%);
 }
-._18ourc23-3-13-2 {
+._18ourc23-3-14-0 {
   transform: translateX(-50%) translateY(-25%);
 }
-._18ourc24-3-13-2 {
+._18ourc24-3-14-0 {
   display: none;
 }
 @container (min-width: 100px) and (min-height: 120px) {
-  ._18ourc24-3-13-2 {
+  ._18ourc24-3-14-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-13-2";
-var foreignObjectContainer = _7a468({ defaultClassName: "_18ourc21-3-13-2", variantClassNames: { dominantBaseline: { auto: "_18ourc22-3-13-2", hanging: "_18ourc23-3-13-2" } }, defaultVariants: { dominantBaseline: "hanging" }, compoundVariants: [] });
-var textContainer = "_18ourc24-3-13-2";
+var elementLabelWrapper = "_18ourc20-3-14-0";
+var foreignObjectContainer = _7a468({ defaultClassName: "_18ourc21-3-14-0", variantClassNames: { dominantBaseline: { auto: "_18ourc22-3-14-0", hanging: "_18ourc23-3-14-0" } }, defaultVariants: { dominantBaseline: "hanging" }, compoundVariants: [] });
+var textContainer = "_18ourc24-3-14-0";
 export {
   elementLabelWrapper,
   foreignObjectContainer,