@dynatrace/strato-components 3.12.2 → 3.13.0

package/esm/charts/sankey-chart/hooks/use-sankey-overlay-events.js

@@ -7,30 +7,27 @@ import {
 import { useSankeyLayout } from "./use-sankey-layout.js";
 import { useGraphSize } from "../../core/components/chart-layout/hooks/useGraphSize.js";
 import { throttleRaf } from "../../core/utils/throttleRaf.js";
-import { useClearHoveredShape, useSetHoveredShape } from "../store/store.js";
+import {
+  useClearHoveredShape,
+  useClearSelected,
+  useSetHoveredShape,
+  useToggleSelected
+} from "../store/store.js";
 import { findHoveredShape } from "../utils/find-hovered-shape.js";
+import { isSameSankeyShape } from "../utils/is-same-sankey-shape.js";
 function isSameHoveredShape(prev, next) {
-  if (prev === next) {
-    return true;
-  }
-  if (prev === void 0 || next === void 0) {
-    return false;
-  }
-  if (prev.type === "node" && next.type === "node") {
-    return prev.node === next.node;
-  }
-  if (prev.type === "link" && next.type === "link") {
-    return prev.link === next.link;
-  }
-  return false;
+  return isSameSankeyShape(prev, next);
 }
 function useSankeyOverlayEvents(overlay) {
   const layout = useSankeyLayout();
   const setHoveredShape = useSetHoveredShape();
   const clearHoveredShape = useClearHoveredShape();
+  const toggleSelected = useToggleSelected();
+  const clearSelected = useClearSelected();
   const { width, height } = useGraphSize();
   const latestPointRef = useRef({ clientX: 0, clientY: 0 });
   const lastHoveredRef = useRef(void 0);
+  const pointerInsideRef = useRef(false);
   const publishHoveredShape = useCallback(
     (shape) => {
       if (isSameHoveredShape(lastHoveredRef.current, shape)) {
@@ -46,6 +43,9 @@ function useSankeyOverlayEvents(overlay) {
     [setHoveredShape, clearHoveredShape]
   );
   const hitTest = useCallback(() => {
+    if (!pointerInsideRef.current) {
+      return;
+    }
     const { clientX, clientY } = latestPointRef.current;
     const { relativeX, relativeY } = overlay.getAdjustedPositionsFromAbsolute(
       clientX,
@@ -57,6 +57,7 @@ function useSankeyOverlayEvents(overlay) {
   const throttledHitTest = useMemo(() => throttleRaf(hitTest), [hitTest]);
   const onPointerMove = useCallback(
     (event) => {
+      pointerInsideRef.current = true;
       latestPointRef.current = {
         clientX: event.clientX,
         clientY: event.clientY
@@ -66,13 +67,31 @@ function useSankeyOverlayEvents(overlay) {
     [throttledHitTest]
   );
   const onPointerLeave = useCallback(() => {
+    pointerInsideRef.current = false;
     publishHoveredShape(void 0);
     overlay.clear();
   }, [publishHoveredShape, overlay]);
+  const onClick = useCallback(
+    (event) => {
+      const { clientX, clientY } = event;
+      const { relativeX, relativeY } = overlay.getAdjustedPositionsFromAbsolute(
+        clientX,
+        clientY
+      );
+      const point = { x: relativeX ?? 0, y: relativeY ?? 0 };
+      const hovered = findHoveredShape(layout, point);
+      if (hovered) {
+        toggleSelected(hovered);
+      } else {
+        clearSelected();
+      }
+    },
+    [overlay, layout, toggleSelected, clearSelected]
+  );
   useEffect(() => {
     overlay.clear();
   }, [overlay, width, height]);
-  return { onPointerMove, onPointerLeave };
+  return { onPointerMove, onPointerLeave, onClick };
 }
 export {
   isSameHoveredShape,

package/esm/charts/sankey-chart/hooks/use-sankey-overlay-events.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/sankey-chart/hooks/use-sankey-overlay-events.ts"],
-  "sourcesContent": ["import {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  type PointerEvent as ReactPointerEvent,\n} from 'react';\n\nimport { useSankeyLayout } from './use-sankey-layout.js';\nimport { useGraphSize } from '../../core/components/chart-layout/hooks/useGraphSize.js';\nimport type { Overlay } from '../../core/components/overlay-tooltip/types.js';\nimport type { Point } from '../../core/types/point.js';\nimport { throttleRaf } from '../../core/utils/throttleRaf.js';\nimport { useClearHoveredShape, useSetHoveredShape } from '../store/store.js';\nimport type { SankeyHoveredShape } from '../types/sankey-hover.js';\nimport { findHoveredShape } from '../utils/find-hovered-shape.js';\n\nexport function isSameHoveredShape(\n  prev: SankeyHoveredShape | undefined,\n  next: SankeyHoveredShape | undefined,\n): boolean {\n  if (prev === next) {\n    return true;\n  }\n  if (prev === undefined || next === undefined) {\n    return false;\n  }\n  if (prev.type === 'node' && next.type === 'node') {\n    return prev.node === next.node;\n  }\n  if (prev.type === 'link' && next.type === 'link') {\n    return prev.link === next.link;\n  }\n  return false;\n}\n\nexport function useSankeyOverlayEvents(overlay: Overlay) {\n  const layout = useSankeyLayout();\n  const setHoveredShape = useSetHoveredShape();\n  const clearHoveredShape = useClearHoveredShape();\n  const { width, height } = useGraphSize();\n\n  // Written synchronously on every pointer move, read by the rAF-throttled\n  // flush below, so the flush always hit-tests the latest position instead of\n  // the position from whichever call happened to start the frame.\n  const latestPointRef = useRef({ clientX: 0, clientY: 0 });\n  const lastHoveredRef = useRef<SankeyHoveredShape | undefined>(undefined);\n\n  const publishHoveredShape = useCallback(\n    (shape: SankeyHoveredShape | undefined) => {\n      if (isSameHoveredShape(lastHoveredRef.current, shape)) {\n        return;\n      }\n      lastHoveredRef.current = shape;\n      if (shape) {\n        setHoveredShape(shape);\n      } else {\n        clearHoveredShape();\n      }\n    },\n    [setHoveredShape, clearHoveredShape],\n  );\n\n  const hitTest = useCallback(() => {\n    const { clientX, clientY } = latestPointRef.current;\n    const { relativeX, relativeY } = overlay.getAdjustedPositionsFromAbsolute(\n      clientX,\n      clientY,\n    );\n    const point: Point = { x: relativeX ?? 0, y: relativeY ?? 0 };\n    publishHoveredShape(findHoveredShape(layout, point));\n  }, [overlay, layout, publishHoveredShape]);\n\n  // Recreated only when `hitTest` itself changes identity (i.e. the layout\n  // recomputes), so the throttling isn't defeated by unrelated re-renders.\n  const throttledHitTest = useMemo(() => throttleRaf<void>(hitTest), [hitTest]);\n\n  const onPointerMove = useCallback(\n    (event: ReactPointerEvent<HTMLDivElement>) => {\n      latestPointRef.current = {\n        clientX: event.clientX,\n        clientY: event.clientY,\n      };\n      throttledHitTest();\n    },\n    [throttledHitTest],\n  );\n\n  const onPointerLeave = useCallback(() => {\n    publishHoveredShape(undefined);\n    overlay.clear();\n  }, [publishHoveredShape, overlay]);\n\n  // Nothing else invalidates the overlay's cached bounding rect here (unlike\n  // honeycomb, where the tooltip reducer does it): a resize must still clear\n  // it, or stale bounds would silently mis-map future pointer positions.\n  useEffect(() => {\n    overlay.clear();\n  }, [overlay, width, height]);\n\n  return { onPointerMove, onPointerLeave };\n}\n"],
-  "mappings": "AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AAEP,SAAS,uBAAuB;AAChC,SAAS,oBAAoB;AAG7B,SAAS,mBAAmB;AAC5B,SAAS,sBAAsB,0BAA0B;AAEzD,SAAS,wBAAwB;AAE1B,SAAS,mBACd,MACA,MACS;AACT,MAAI,SAAS,MAAM;AACjB,WAAO;AAAA,EACT;AACA,MAAI,SAAS,UAAa,SAAS,QAAW;AAC5C,WAAO;AAAA,EACT;AACA,MAAI,KAAK,SAAS,UAAU,KAAK,SAAS,QAAQ;AAChD,WAAO,KAAK,SAAS,KAAK;AAAA,EAC5B;AACA,MAAI,KAAK,SAAS,UAAU,KAAK,SAAS,QAAQ;AAChD,WAAO,KAAK,SAAS,KAAK;AAAA,EAC5B;AACA,SAAO;AACT;AAEO,SAAS,uBAAuB,SAAkB;AACvD,QAAM,SAAS,gBAAgB;AAC/B,QAAM,kBAAkB,mBAAmB;AAC3C,QAAM,oBAAoB,qBAAqB;AAC/C,QAAM,EAAE,OAAO,OAAO,IAAI,aAAa;AAKvC,QAAM,iBAAiB,OAAO,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;AACxD,QAAM,iBAAiB,OAAuC,MAAS;AAEvE,QAAM,sBAAsB;AAAA,IAC1B,CAAC,UAA0C;AACzC,UAAI,mBAAmB,eAAe,SAAS,KAAK,GAAG;AACrD;AAAA,MACF;AACA,qBAAe,UAAU;AACzB,UAAI,OAAO;AACT,wBAAgB,KAAK;AAAA,MACvB,OAAO;AACL,0BAAkB;AAAA,MACpB;AAAA,IACF;AAAA,IACA,CAAC,iBAAiB,iBAAiB;AAAA,EACrC;AAEA,QAAM,UAAU,YAAY,MAAM;AAChC,UAAM,EAAE,SAAS,QAAQ,IAAI,eAAe;AAC5C,UAAM,EAAE,WAAW,UAAU,IAAI,QAAQ;AAAA,MACvC;AAAA,MACA;AAAA,IACF;AACA,UAAM,QAAe,EAAE,GAAG,aAAa,GAAG,GAAG,aAAa,EAAE;AAC5D,wBAAoB,iBAAiB,QAAQ,KAAK,CAAC;AAAA,EACrD,GAAG,CAAC,SAAS,QAAQ,mBAAmB,CAAC;AAIzC,QAAM,mBAAmB,QAAQ,MAAM,YAAkB,OAAO,GAAG,CAAC,OAAO,CAAC;AAE5E,QAAM,gBAAgB;AAAA,IACpB,CAAC,UAA6C;AAC5C,qBAAe,UAAU;AAAA,QACvB,SAAS,MAAM;AAAA,QACf,SAAS,MAAM;AAAA,MACjB;AACA,uBAAiB;AAAA,IACnB;AAAA,IACA,CAAC,gBAAgB;AAAA,EACnB;AAEA,QAAM,iBAAiB,YAAY,MAAM;AACvC,wBAAoB,MAAS;AAC7B,YAAQ,MAAM;AAAA,EAChB,GAAG,CAAC,qBAAqB,OAAO,CAAC;AAKjC,YAAU,MAAM;AACd,YAAQ,MAAM;AAAA,EAChB,GAAG,CAAC,SAAS,OAAO,MAAM,CAAC;AAE3B,SAAO,EAAE,eAAe,eAAe;AACzC;",
+  "sourcesContent": ["import {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  type MouseEvent as ReactMouseEvent,\n  type PointerEvent as ReactPointerEvent,\n} from 'react';\n\nimport { useSankeyLayout } from './use-sankey-layout.js';\nimport { useGraphSize } from '../../core/components/chart-layout/hooks/useGraphSize.js';\nimport type { Overlay } from '../../core/components/overlay-tooltip/types.js';\nimport type { Point } from '../../core/types/point.js';\nimport { throttleRaf } from '../../core/utils/throttleRaf.js';\nimport {\n  useClearHoveredShape,\n  useClearSelected,\n  useSetHoveredShape,\n  useToggleSelected,\n} from '../store/store.js';\nimport type { SankeyShape } from '../types/sankey-shape.js';\nimport { findHoveredShape } from '../utils/find-hovered-shape.js';\nimport { isSameSankeyShape } from '../utils/is-same-sankey-shape.js';\n\nexport function isSameHoveredShape(\n  prev: SankeyShape | undefined,\n  next: SankeyShape | undefined,\n): boolean {\n  return isSameSankeyShape(prev, next);\n}\n\nexport function useSankeyOverlayEvents(overlay: Overlay) {\n  const layout = useSankeyLayout();\n  const setHoveredShape = useSetHoveredShape();\n  const clearHoveredShape = useClearHoveredShape();\n  const toggleSelected = useToggleSelected();\n  const clearSelected = useClearSelected();\n  const { width, height } = useGraphSize();\n\n  // Written synchronously on every pointer move, read by the rAF-throttled\n  // flush below, so the flush always hit-tests the latest position instead of\n  // the position from whichever call happened to start the frame.\n  const latestPointRef = useRef({ clientX: 0, clientY: 0 });\n  const lastHoveredRef = useRef<SankeyShape | undefined>(undefined);\n  // Guards against a rAF scheduled by onPointerMove firing after onPointerLeave\n  // has already cleared the hover state, which would re-publish a stale shape.\n  const pointerInsideRef = useRef(false);\n\n  const publishHoveredShape = useCallback(\n    (shape: SankeyShape | undefined) => {\n      if (isSameHoveredShape(lastHoveredRef.current, shape)) {\n        return;\n      }\n      lastHoveredRef.current = shape;\n      if (shape) {\n        setHoveredShape(shape);\n      } else {\n        clearHoveredShape();\n      }\n    },\n    [setHoveredShape, clearHoveredShape],\n  );\n\n  const hitTest = useCallback(() => {\n    if (!pointerInsideRef.current) {\n      return;\n    }\n    const { clientX, clientY } = latestPointRef.current;\n    const { relativeX, relativeY } = overlay.getAdjustedPositionsFromAbsolute(\n      clientX,\n      clientY,\n    );\n    const point: Point = { x: relativeX ?? 0, y: relativeY ?? 0 };\n    publishHoveredShape(findHoveredShape(layout, point));\n  }, [overlay, layout, publishHoveredShape]);\n\n  // Recreated only when `hitTest` itself changes identity (i.e. the layout\n  // recomputes), so the throttling isn't defeated by unrelated re-renders.\n  const throttledHitTest = useMemo(() => throttleRaf<void>(hitTest), [hitTest]);\n\n  const onPointerMove = useCallback(\n    (event: ReactPointerEvent<HTMLDivElement>) => {\n      pointerInsideRef.current = true;\n      latestPointRef.current = {\n        clientX: event.clientX,\n        clientY: event.clientY,\n      };\n      throttledHitTest();\n    },\n    [throttledHitTest],\n  );\n\n  const onPointerLeave = useCallback(() => {\n    pointerInsideRef.current = false;\n    publishHoveredShape(undefined);\n    overlay.clear();\n  }, [publishHoveredShape, overlay]);\n\n  const onClick = useCallback(\n    (event: ReactMouseEvent<HTMLDivElement>) => {\n      const { clientX, clientY } = event;\n      const { relativeX, relativeY } = overlay.getAdjustedPositionsFromAbsolute(\n        clientX,\n        clientY,\n      );\n      const point: Point = { x: relativeX ?? 0, y: relativeY ?? 0 };\n      const hovered = findHoveredShape(layout, point);\n      if (hovered) {\n        toggleSelected(hovered);\n      } else {\n        clearSelected();\n      }\n    },\n    [overlay, layout, toggleSelected, clearSelected],\n  );\n\n  // Nothing else invalidates the overlay's cached bounding rect here (unlike\n  // honeycomb, where the tooltip reducer does it): a resize must still clear\n  // it, or stale bounds would silently mis-map future pointer positions.\n  useEffect(() => {\n    overlay.clear();\n  }, [overlay, width, height]);\n\n  return { onPointerMove, onPointerLeave, onClick };\n}\n"],
+  "mappings": "AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAGK;AAEP,SAAS,uBAAuB;AAChC,SAAS,oBAAoB;AAG7B,SAAS,mBAAmB;AAC5B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,wBAAwB;AACjC,SAAS,yBAAyB;AAE3B,SAAS,mBACd,MACA,MACS;AACT,SAAO,kBAAkB,MAAM,IAAI;AACrC;AAEO,SAAS,uBAAuB,SAAkB;AACvD,QAAM,SAAS,gBAAgB;AAC/B,QAAM,kBAAkB,mBAAmB;AAC3C,QAAM,oBAAoB,qBAAqB;AAC/C,QAAM,iBAAiB,kBAAkB;AACzC,QAAM,gBAAgB,iBAAiB;AACvC,QAAM,EAAE,OAAO,OAAO,IAAI,aAAa;AAKvC,QAAM,iBAAiB,OAAO,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;AACxD,QAAM,iBAAiB,OAAgC,MAAS;AAGhE,QAAM,mBAAmB,OAAO,KAAK;AAErC,QAAM,sBAAsB;AAAA,IAC1B,CAAC,UAAmC;AAClC,UAAI,mBAAmB,eAAe,SAAS,KAAK,GAAG;AACrD;AAAA,MACF;AACA,qBAAe,UAAU;AACzB,UAAI,OAAO;AACT,wBAAgB,KAAK;AAAA,MACvB,OAAO;AACL,0BAAkB;AAAA,MACpB;AAAA,IACF;AAAA,IACA,CAAC,iBAAiB,iBAAiB;AAAA,EACrC;AAEA,QAAM,UAAU,YAAY,MAAM;AAChC,QAAI,CAAC,iBAAiB,SAAS;AAC7B;AAAA,IACF;AACA,UAAM,EAAE,SAAS,QAAQ,IAAI,eAAe;AAC5C,UAAM,EAAE,WAAW,UAAU,IAAI,QAAQ;AAAA,MACvC;AAAA,MACA;AAAA,IACF;AACA,UAAM,QAAe,EAAE,GAAG,aAAa,GAAG,GAAG,aAAa,EAAE;AAC5D,wBAAoB,iBAAiB,QAAQ,KAAK,CAAC;AAAA,EACrD,GAAG,CAAC,SAAS,QAAQ,mBAAmB,CAAC;AAIzC,QAAM,mBAAmB,QAAQ,MAAM,YAAkB,OAAO,GAAG,CAAC,OAAO,CAAC;AAE5E,QAAM,gBAAgB;AAAA,IACpB,CAAC,UAA6C;AAC5C,uBAAiB,UAAU;AAC3B,qBAAe,UAAU;AAAA,QACvB,SAAS,MAAM;AAAA,QACf,SAAS,MAAM;AAAA,MACjB;AACA,uBAAiB;AAAA,IACnB;AAAA,IACA,CAAC,gBAAgB;AAAA,EACnB;AAEA,QAAM,iBAAiB,YAAY,MAAM;AACvC,qBAAiB,UAAU;AAC3B,wBAAoB,MAAS;AAC7B,YAAQ,MAAM;AAAA,EAChB,GAAG,CAAC,qBAAqB,OAAO,CAAC;AAEjC,QAAM,UAAU;AAAA,IACd,CAAC,UAA2C;AAC1C,YAAM,EAAE,SAAS,QAAQ,IAAI;AAC7B,YAAM,EAAE,WAAW,UAAU,IAAI,QAAQ;AAAA,QACvC;AAAA,QACA;AAAA,MACF;AACA,YAAM,QAAe,EAAE,GAAG,aAAa,GAAG,GAAG,aAAa,EAAE;AAC5D,YAAM,UAAU,iBAAiB,QAAQ,KAAK;AAC9C,UAAI,SAAS;AACX,uBAAe,OAAO;AAAA,MACxB,OAAO;AACL,sBAAc;AAAA,MAChB;AAAA,IACF;AAAA,IACA,CAAC,SAAS,QAAQ,gBAAgB,aAAa;AAAA,EACjD;AAKA,YAAU,MAAM;AACd,YAAQ,MAAM;AAAA,EAChB,GAAG,CAAC,SAAS,OAAO,MAAM,CAAC;AAE3B,SAAO,EAAE,eAAe,gBAAgB,QAAQ;AAClD;",
   "names": []
 }

package/esm/charts/sankey-chart/providers/SankeyFormatterProvider.js

@@ -0,0 +1,16 @@
+import { jsx } from "react/jsx-runtime";
+import { SankeyFormatterContext } from "../context/SankeyFormatter.context.js";
+import { useSankeyFormatter } from "../hooks/use-sankey-formatter.js";
+const SankeyFormatterProvider = ({
+  formatter,
+  unit,
+  children
+}) => {
+  const resolvedFormatter = useSankeyFormatter(formatter, unit);
+  return /* @__PURE__ */ jsx(SankeyFormatterContext.Provider, { value: resolvedFormatter, children });
+};
+SankeyFormatterProvider.displayName = "SankeyFormatterProvider";
+export {
+  SankeyFormatterProvider
+};
+//# sourceMappingURL=SankeyFormatterProvider.js.map

package/esm/charts/sankey-chart/providers/SankeyFormatterProvider.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/charts/sankey-chart/providers/SankeyFormatterProvider.tsx"],
+  "sourcesContent": ["import { type PropsWithChildren } from 'react';\n\nimport type { ConvertibleUnit, FormatOptions, Unit } from '@dynatrace-sdk/units';\n\nimport type { ChartUnit } from '../../core/types/chart-unit.js';\nimport type { Formatter } from '../../core/types/formatter.js';\nimport { SankeyFormatterContext } from '../context/SankeyFormatter.context.js';\nimport { useSankeyFormatter } from '../hooks/use-sankey-formatter.js';\n\ninterface SankeyFormatterProviderProps {\n  formatter?: Formatter | FormatOptions<Unit, ConvertibleUnit>;\n  unit?: ChartUnit;\n}\n\n/**\n * @internal\n */\nexport const SankeyFormatterProvider = ({\n  formatter,\n  unit,\n  children,\n}: PropsWithChildren<SankeyFormatterProviderProps>) => {\n  const resolvedFormatter = useSankeyFormatter(formatter, unit);\n  return (\n    <SankeyFormatterContext.Provider value={resolvedFormatter}>\n      {children}\n    </SankeyFormatterContext.Provider>\n  );\n};\n\nSankeyFormatterProvider.displayName = 'SankeyFormatterProvider';"],
+  "mappings": "AAwBI;AAlBJ,SAAS,8BAA8B;AACvC,SAAS,0BAA0B;AAU5B,MAAM,0BAA0B,CAAC;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AACF,MAAuD;AACrD,QAAM,oBAAoB,mBAAmB,WAAW,IAAI;AAC5D,SACE,oBAAC,uBAAuB,UAAvB,EAAgC,OAAO,mBACrC,UACH;AAEJ;AAEA,wBAAwB,cAAc;",
+  "names": []
+}

package/esm/charts/sankey-chart/providers/SankeyStoreProvider.js

@@ -0,0 +1,15 @@
+import { jsx } from "react/jsx-runtime";
+import { useRef } from "react";
+import { createStore } from "../../../core/store/store.js";
+import { INITIAL_SANKEY_STATE } from "../constants.js";
+import { SankeyStoreContext } from "../context/SankeyStore.context.js";
+const SankeyStoreProvider = ({ children }) => {
+  const storeRef = useRef(null);
+  storeRef.current ??= createStore(INITIAL_SANKEY_STATE);
+  return /* @__PURE__ */ jsx(SankeyStoreContext.Provider, { value: storeRef.current, children });
+};
+SankeyStoreProvider.displayName = "SankeyStoreProvider";
+export {
+  SankeyStoreProvider
+};
+//# sourceMappingURL=SankeyStoreProvider.js.map

package/esm/charts/sankey-chart/providers/SankeyStoreProvider.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/charts/sankey-chart/providers/SankeyStoreProvider.tsx"],
+  "sourcesContent": ["import { type PropsWithChildren, useRef } from 'react';\n\nimport { createStore, type Store } from '../../../core/store/store.js';\nimport { INITIAL_SANKEY_STATE } from '../constants.js';\nimport { SankeyStoreContext } from '../context/SankeyStore.context.js';\nimport type { SankeyState } from '../types/sankey-state.js';\n\nexport const SankeyStoreProvider = ({ children }: PropsWithChildren) => {\n  const storeRef = useRef<Store<SankeyState> | null>(null);\n\n  storeRef.current ??= createStore(INITIAL_SANKEY_STATE);\n\n  return (\n    <SankeyStoreContext.Provider value={storeRef.current}>\n      {children}\n    </SankeyStoreContext.Provider>\n  );\n};\n\nSankeyStoreProvider.displayName = 'SankeyStoreProvider';\n"],
+  "mappings": "AAaI;AAbJ,SAAiC,cAAc;AAE/C,SAAS,mBAA+B;AACxC,SAAS,4BAA4B;AACrC,SAAS,0BAA0B;AAG5B,MAAM,sBAAsB,CAAC,EAAE,SAAS,MAAyB;AACtE,QAAM,WAAW,OAAkC,IAAI;AAEvD,WAAS,YAAY,YAAY,oBAAoB;AAErD,SACE,oBAAC,mBAAmB,UAAnB,EAA4B,OAAO,SAAS,SAC1C,UACH;AAEJ;AAEA,oBAAoB,cAAc;",
+  "names": []
+}

package/esm/charts/sankey-chart/store/selectors.js

@@ -1,9 +1,15 @@
+import { useContext } from "react";
 import { useStoreSelector } from "../../../core/store/selector.js";
-import { SankeyHoverStoreContext } from "../context/SankeyHoverStore.context.js";
-const useSankeyHoverSelector = (selector) => useStoreSelector(SankeyHoverStoreContext, selector);
-const useSankeyHoveredShape = () => useSankeyHoverSelector((state) => state.hovered);
+import { SankeyHighlightContext } from "../context/SankeyHighlight.context.js";
+import { SankeyStoreContext } from "../context/SankeyStore.context.js";
+const useSankeySelector = (selector) => useStoreSelector(SankeyStoreContext, selector);
+const useSankeyHoveredShape = () => useSankeySelector((state) => state.hovered);
+const useSankeySelectedShape = () => useSankeySelector((state) => state.selected);
+const useSankeyActiveHighlight = () => useContext(SankeyHighlightContext);
 export {
-  useSankeyHoverSelector,
-  useSankeyHoveredShape
+  useSankeyActiveHighlight,
+  useSankeyHoveredShape,
+  useSankeySelectedShape,
+  useSankeySelector
 };
 //# sourceMappingURL=selectors.js.map

package/esm/charts/sankey-chart/store/selectors.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/sankey-chart/store/selectors.ts"],
-  "sourcesContent": ["import { useStoreSelector } from '../../../core/store/selector.js';\nimport { SankeyHoverStoreContext } from '../context/SankeyHoverStore.context.js';\nimport type { SankeyHoverState } from '../types/sankey-hover.js';\n\n/**\n * Compares by reference rather than deeply: a hovered shape holds layout nodes\n * whose `sourceLinks`/`targetLinks` reference back into the whole graph, so a\n * deep comparison would traverse it on every pointer move. Writers only publish\n * a new shape when the hovered identity actually changes.\n */\nexport const useSankeyHoverSelector = <T>(\n  selector: (state: SankeyHoverState) => T,\n): T => useStoreSelector(SankeyHoverStoreContext, selector);\n\nexport const useSankeyHoveredShape = () =>\n  useSankeyHoverSelector((state: SankeyHoverState) => state.hovered);\n"],
-  "mappings": "AAAA,SAAS,wBAAwB;AACjC,SAAS,+BAA+B;AASjC,MAAM,yBAAyB,CACpC,aACM,iBAAiB,yBAAyB,QAAQ;AAEnD,MAAM,wBAAwB,MACnC,uBAAuB,CAAC,UAA4B,MAAM,OAAO;",
+  "sourcesContent": ["import { useContext } from 'react';\n\nimport { useStoreSelector } from '../../../core/store/selector.js';\nimport { SankeyHighlightContext } from '../context/SankeyHighlight.context.js';\nimport { SankeyStoreContext } from '../context/SankeyStore.context.js';\nimport type { SankeyState } from '../types/sankey-state.js';\n\n/**\n * Compares by reference rather than deeply: both hovered and selected shapes\n * carry only string ids, so reference comparison is correct and cheap.\n * Writers only publish a new shape when the identity actually changes.\n */\nexport const useSankeySelector = <T>(selector: (state: SankeyState) => T): T =>\n  useStoreSelector(SankeyStoreContext, selector);\n\nexport const useSankeyHoveredShape = () =>\n  useSankeySelector((state) => state.hovered);\n\nexport const useSankeySelectedShape = () =>\n  useSankeySelector((state) => state.selected);\n\n/**\n * The active highlight set \u2014 the nodes and links to keep emphasized while every\n * other shape dims. Derived state: computed once from `hovered`/`selected`\n * against the current layout and shared via `SankeyHighlightContext`. Returns\n * `undefined` when nothing is highlighted.\n */\nexport const useSankeyActiveHighlight = () =>\n  useContext(SankeyHighlightContext);\n"],
+  "mappings": "AAAA,SAAS,kBAAkB;AAE3B,SAAS,wBAAwB;AACjC,SAAS,8BAA8B;AACvC,SAAS,0BAA0B;AAQ5B,MAAM,oBAAoB,CAAI,aACnC,iBAAiB,oBAAoB,QAAQ;AAExC,MAAM,wBAAwB,MACnC,kBAAkB,CAAC,UAAU,MAAM,OAAO;AAErC,MAAM,yBAAyB,MACpC,kBAAkB,CAAC,UAAU,MAAM,QAAQ;AAQtC,MAAM,2BAA2B,MACtC,WAAW,sBAAsB;",
   "names": []
 }

package/esm/charts/sankey-chart/store/store.js

@@ -1,26 +1,48 @@
 import { useCallback, useContext } from "react";
-import { SankeyHoverStoreContext } from "../context/SankeyHoverStore.context.js";
+import { SankeyStoreContext } from "../context/SankeyStore.context.js";
+import { isSameSankeyShape } from "../utils/is-same-sankey-shape.js";
 const useSetState = () => {
-  const { setState } = useContext(SankeyHoverStoreContext);
+  const { setState } = useContext(SankeyStoreContext);
   return setState;
 };
-const useSetHoveredShape = () => {
+const createShapeSetter = (field) => () => {
   const setState = useSetState();
   return useCallback(
     (shape) => {
-      setState((prev) => ({ ...prev, hovered: shape }));
+      setState((prev) => ({ ...prev, [field]: shape }));
     },
     [setState]
   );
 };
-const useClearHoveredShape = () => {
+const useSetHoveredShape = createShapeSetter("hovered");
+const useSetSelected = createShapeSetter("selected");
+const createShapeClearer = (field) => () => {
   const setState = useSetState();
   return useCallback(() => {
-    setState((prev) => ({ ...prev, hovered: void 0 }));
+    setState((prev) => ({ ...prev, [field]: void 0 }));
   }, [setState]);
 };
+const useClearHoveredShape = createShapeClearer("hovered");
+const useClearSelected = createShapeClearer("selected");
+const useToggleSelected = () => {
+  const setState = useSetState();
+  return useCallback(
+    (shape) => {
+      setState((prev) => {
+        if (prev.selected !== void 0 && isSameSankeyShape(prev.selected, shape)) {
+          return { ...prev, selected: void 0 };
+        }
+        return { ...prev, selected: shape };
+      });
+    },
+    [setState]
+  );
+};
 export {
   useClearHoveredShape,
-  useSetHoveredShape
+  useClearSelected,
+  useSetHoveredShape,
+  useSetSelected,
+  useToggleSelected
 };
 //# sourceMappingURL=store.js.map

package/esm/charts/sankey-chart/store/store.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/sankey-chart/store/store.ts"],
-  "sourcesContent": ["import { useCallback, useContext } from 'react';\n\nimport { SankeyHoverStoreContext } from '../context/SankeyHoverStore.context.js';\nimport type { SankeyHoveredShape } from '../types/sankey-hover.js';\n\nconst useSetState = () => {\n  const { setState } = useContext(SankeyHoverStoreContext);\n\n  return setState;\n};\n\nexport const useSetHoveredShape = () => {\n  const setState = useSetState();\n\n  return useCallback(\n    (shape: SankeyHoveredShape) => {\n      setState((prev) => ({ ...prev, hovered: shape }));\n    },\n    [setState],\n  );\n};\n\nexport const useClearHoveredShape = () => {\n  const setState = useSetState();\n\n  return useCallback(() => {\n    setState((prev) => ({ ...prev, hovered: undefined }));\n  }, [setState]);\n};\n"],
-  "mappings": "AAAA,SAAS,aAAa,kBAAkB;AAExC,SAAS,+BAA+B;AAGxC,MAAM,cAAc,MAAM;AACxB,QAAM,EAAE,SAAS,IAAI,WAAW,uBAAuB;AAEvD,SAAO;AACT;AAEO,MAAM,qBAAqB,MAAM;AACtC,QAAM,WAAW,YAAY;AAE7B,SAAO;AAAA,IACL,CAAC,UAA8B;AAC7B,eAAS,CAAC,UAAU,EAAE,GAAG,MAAM,SAAS,MAAM,EAAE;AAAA,IAClD;AAAA,IACA,CAAC,QAAQ;AAAA,EACX;AACF;AAEO,MAAM,uBAAuB,MAAM;AACxC,QAAM,WAAW,YAAY;AAE7B,SAAO,YAAY,MAAM;AACvB,aAAS,CAAC,UAAU,EAAE,GAAG,MAAM,SAAS,OAAU,EAAE;AAAA,EACtD,GAAG,CAAC,QAAQ,CAAC;AACf;",
+  "sourcesContent": ["import { useCallback, useContext } from 'react';\n\nimport { SankeyStoreContext } from '../context/SankeyStore.context.js';\nimport type { SankeyShape } from '../types/sankey-shape.js';\nimport { isSameSankeyShape } from '../utils/is-same-sankey-shape.js';\n\nconst useSetState = () => {\n  const { setState } = useContext(SankeyStoreContext);\n\n  return setState;\n};\n\nconst createShapeSetter = (field: 'hovered' | 'selected') => () => {\n  const setState = useSetState();\n\n  return useCallback(\n    (shape: SankeyShape) => {\n      setState((prev) => ({ ...prev, [field]: shape }));\n    },\n    [setState],\n  );\n};\n\nexport const useSetHoveredShape = createShapeSetter('hovered');\nexport const useSetSelected = createShapeSetter('selected');\n\nconst createShapeClearer = (field: 'hovered' | 'selected') => () => {\n  const setState = useSetState();\n\n  return useCallback(() => {\n    setState((prev) => ({ ...prev, [field]: undefined }));\n  }, [setState]);\n};\n\nexport const useClearHoveredShape = createShapeClearer('hovered');\nexport const useClearSelected = createShapeClearer('selected');\n\nexport const useToggleSelected = () => {\n  const setState = useSetState();\n\n  return useCallback(\n    (shape: SankeyShape) => {\n      setState((prev) => {\n        if (\n          prev.selected !== undefined &&\n          isSameSankeyShape(prev.selected, shape)\n        ) {\n          return { ...prev, selected: undefined };\n        }\n        return { ...prev, selected: shape };\n      });\n    },\n    [setState],\n  );\n};\n"],
+  "mappings": "AAAA,SAAS,aAAa,kBAAkB;AAExC,SAAS,0BAA0B;AAEnC,SAAS,yBAAyB;AAElC,MAAM,cAAc,MAAM;AACxB,QAAM,EAAE,SAAS,IAAI,WAAW,kBAAkB;AAElD,SAAO;AACT;AAEA,MAAM,oBAAoB,CAAC,UAAkC,MAAM;AACjE,QAAM,WAAW,YAAY;AAE7B,SAAO;AAAA,IACL,CAAC,UAAuB;AACtB,eAAS,CAAC,UAAU,EAAE,GAAG,MAAM,CAAC,KAAK,GAAG,MAAM,EAAE;AAAA,IAClD;AAAA,IACA,CAAC,QAAQ;AAAA,EACX;AACF;AAEO,MAAM,qBAAqB,kBAAkB,SAAS;AACtD,MAAM,iBAAiB,kBAAkB,UAAU;AAE1D,MAAM,qBAAqB,CAAC,UAAkC,MAAM;AAClE,QAAM,WAAW,YAAY;AAE7B,SAAO,YAAY,MAAM;AACvB,aAAS,CAAC,UAAU,EAAE,GAAG,MAAM,CAAC,KAAK,GAAG,OAAU,EAAE;AAAA,EACtD,GAAG,CAAC,QAAQ,CAAC;AACf;AAEO,MAAM,uBAAuB,mBAAmB,SAAS;AACzD,MAAM,mBAAmB,mBAAmB,UAAU;AAEtD,MAAM,oBAAoB,MAAM;AACrC,QAAM,WAAW,YAAY;AAE7B,SAAO;AAAA,IACL,CAAC,UAAuB;AACtB,eAAS,CAAC,SAAS;AACjB,YACE,KAAK,aAAa,UAClB,kBAAkB,KAAK,UAAU,KAAK,GACtC;AACA,iBAAO,EAAE,GAAG,MAAM,UAAU,OAAU;AAAA,QACxC;AACA,eAAO,EAAE,GAAG,MAAM,UAAU,MAAM;AAAA,MACpC,CAAC;AAAA,IACH;AAAA,IACA,CAAC,QAAQ;AAAA,EACX;AACF;",
   "names": []
 }

package/esm/charts/sankey-chart/types/sankey-shape.js

@@ -0,0 +1 @@
+//# sourceMappingURL=sankey-shape.js.map

package/esm/charts/sankey-chart/types/sankey-state.js

@@ -0,0 +1 @@
+//# sourceMappingURL=sankey-state.js.map

package/esm/charts/sankey-chart/types/sankey-state.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/esm/charts/sankey-chart/utils/find-connected-shapes.js

@@ -0,0 +1,26 @@
+function findConnectedShapes(shape) {
+  if (shape.type === "link") {
+    return {
+      nodes: /* @__PURE__ */ new Set([shape.source, shape.target]),
+      links: /* @__PURE__ */ new Set([shape.link])
+    };
+  }
+  const { node } = shape;
+  const sourceLinks = node.sourceLinks ?? [];
+  const targetLinks = node.targetLinks ?? [];
+  const nodes = /* @__PURE__ */ new Set([node]);
+  const links = /* @__PURE__ */ new Set();
+  for (const link of sourceLinks) {
+    links.add(link);
+    nodes.add(link.target);
+  }
+  for (const link of targetLinks) {
+    links.add(link);
+    nodes.add(link.source);
+  }
+  return { nodes, links };
+}
+export {
+  findConnectedShapes
+};
+//# sourceMappingURL=find-connected-shapes.js.map

package/esm/charts/sankey-chart/utils/find-connected-shapes.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/charts/sankey-chart/utils/find-connected-shapes.ts"],
+  "sourcesContent": ["import type {\n  SankeyLayoutLink,\n  SankeyLayoutNode,\n} from '../types/sankey-internal.js';\n\ninterface ConnectedShapes {\n  nodes: ReadonlySet<SankeyLayoutNode>;\n  links: ReadonlySet<SankeyLayoutLink>;\n}\n\n/**\n * A resolved layout selection ready for connected-shape computation.\n *\n * - `node`: the clicked layout node (source/target links are already\n *   populated by d3-sankey).\n * - `link`: the clicked layout link with its endpoint nodes already resolved\n *   to objects by the caller; callers must guard with `isResolvedNode` before\n *   passing here so the function never needs to cast.\n */\ntype ResolvedShape =\n  | { type: 'node'; node: SankeyLayoutNode }\n  | {\n      type: 'link';\n      link: SankeyLayoutLink;\n      source: SankeyLayoutNode;\n      target: SankeyLayoutNode;\n    };\n\n/**\n * Computes the 1-hop connected set for a resolved layout shape.\n *\n * - **Node**: the node, all of its direct source/target links, and the\n *   other-end nodes of those links. Does not traverse further hops.\n * - **Link**: the link and its two endpoint nodes.\n *\n * Handles isolated nodes (no `sourceLinks`/`targetLinks`) without throwing.\n */\nexport function findConnectedShapes(shape: ResolvedShape): ConnectedShapes {\n  if (shape.type === 'link') {\n    return {\n      nodes: new Set([shape.source, shape.target]),\n      links: new Set([shape.link]),\n    };\n  }\n\n  const { node } = shape;\n  const sourceLinks = node.sourceLinks ?? [];\n  const targetLinks = node.targetLinks ?? [];\n\n  const nodes = new Set<SankeyLayoutNode>([node]);\n  const links = new Set<SankeyLayoutLink>();\n\n  for (const link of sourceLinks) {\n    links.add(link);\n    nodes.add(link.target as SankeyLayoutNode);\n  }\n\n  for (const link of targetLinks) {\n    links.add(link);\n    nodes.add(link.source as SankeyLayoutNode);\n  }\n\n  return { nodes, links };\n}\n"],
+  "mappings": "AAqCO,SAAS,oBAAoB,OAAuC;AACzE,MAAI,MAAM,SAAS,QAAQ;AACzB,WAAO;AAAA,MACL,OAAO,oBAAI,IAAI,CAAC,MAAM,QAAQ,MAAM,MAAM,CAAC;AAAA,MAC3C,OAAO,oBAAI,IAAI,CAAC,MAAM,IAAI,CAAC;AAAA,IAC7B;AAAA,EACF;AAEA,QAAM,EAAE,KAAK,IAAI;AACjB,QAAM,cAAc,KAAK,eAAe,CAAC;AACzC,QAAM,cAAc,KAAK,eAAe,CAAC;AAEzC,QAAM,QAAQ,oBAAI,IAAsB,CAAC,IAAI,CAAC;AAC9C,QAAM,QAAQ,oBAAI,IAAsB;AAExC,aAAW,QAAQ,aAAa;AAC9B,UAAM,IAAI,IAAI;AACd,UAAM,IAAI,KAAK,MAA0B;AAAA,EAC3C;AAEA,aAAW,QAAQ,aAAa;AAC9B,UAAM,IAAI,IAAI;AACd,UAAM,IAAI,KAAK,MAA0B;AAAA,EAC3C;AAEA,SAAO,EAAE,OAAO,MAAM;AACxB;",
+  "names": []
+}

package/esm/charts/sankey-chart/utils/find-hovered-shape.js

@@ -1,4 +1,3 @@
-import { getRelatedSankeyFlow } from "./get-related-sankey-flow.js";
 import { isResolvedNode } from "./is-resolved-sankey-node.js";
 const BISECTION_ITERATIONS = 24;
 function isPointInNode(node, point) {
@@ -46,22 +45,16 @@ function isPointInLinkRibbon(link, point) {
 function findHoveredShape(layout, point) {
   for (const node of layout.nodes) {
     if (isPointInNode(node, point)) {
-      const { nodes: relatedNodes, links: relatedLinks } = getRelatedSankeyFlow(node);
-      return {
-        type: "node",
-        node,
-        relatedNodes,
-        relatedLinks
-      };
+      return { type: "node", nodeId: node.id };
     }
   }
   for (const link of layout.links) {
     if (isResolvedNode(link.source) && isResolvedNode(link.target) && isPointInLinkRibbon(link, point)) {
       return {
         type: "link",
-        link,
-        source: link.source,
-        target: link.target
+        sourceId: link.source.id,
+        targetId: link.target.id,
+        linkIndex: link.index ?? 0
       };
     }
   }

package/esm/charts/sankey-chart/utils/find-hovered-shape.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/sankey-chart/utils/find-hovered-shape.ts"],
-  "sourcesContent": ["import { getRelatedSankeyFlow } from './get-related-sankey-flow.js';\nimport { isResolvedNode } from './is-resolved-sankey-node.js';\nimport type { Point } from '../../core/types/point.js';\nimport type { SankeyHoveredShape } from '../types/sankey-hover.js';\nimport type {\n  SankeyLayoutLink,\n  SankeyLayoutModel,\n  SankeyLayoutNode,\n} from '../types/sankey-internal.js';\n\nconst BISECTION_ITERATIONS = 24;\n\nexport function isPointInNode(node: SankeyLayoutNode, point: Point): boolean {\n  const x0 = node.x0 ?? 0;\n  const x1 = node.x1 ?? 0;\n  const y0 = node.y0 ?? 0;\n  const y1 = node.y1 ?? 0;\n\n  return point.x >= x0 && point.x <= x1 && point.y >= y0 && point.y <= y1;\n}\n\nfunction cubicAt(\n  p0: number,\n  p1: number,\n  p2: number,\n  p3: number,\n  t: number,\n): number {\n  const oneMinusT = 1 - t;\n  return (\n    oneMinusT * oneMinusT * oneMinusT * p0 +\n    3 * oneMinusT * oneMinusT * t * p1 +\n    3 * oneMinusT * t * t * p2 +\n    t * t * t * p3\n  );\n}\n\nexport function isPointInLinkRibbon(\n  link: SankeyLayoutLink,\n  point: Point,\n): boolean {\n  if (!isResolvedNode(link.source) || !isResolvedNode(link.target)) {\n    return false;\n  }\n\n  const sx = link.source.x1 ?? 0;\n  const sy = link.y0 ?? 0;\n  const tx = link.target.x0 ?? 0;\n  const ty = link.y1 ?? 0;\n  const mx = (sx + tx) / 2;\n\n  if (sx === tx || point.x < sx || point.x > tx) {\n    return false;\n  }\n\n  // x(t) is monotone increasing for this control-point layout: the control\n  // points are (sx, mx, mx, tx), so x'(t) = 3 (mx - sx) ((1-t)^2 + t^2) and\n  // mx - sx = tx - mx > 0 (given sx < tx). That lets us bisect on t to find\n  // the point on the centerline directly below/above the cursor, rather than\n  // solving the cubic in closed form.\n  let lo = 0;\n  let hi = 1;\n  for (let i = 0; i < BISECTION_ITERATIONS; i++) {\n    const mid = (lo + hi) / 2;\n    const x = cubicAt(sx, mx, mx, tx, mid);\n    if (x < point.x) {\n      lo = mid;\n    } else {\n      hi = mid;\n    }\n  }\n  const t = (lo + hi) / 2;\n\n  const cy = cubicAt(sy, sy, ty, ty, t);\n  const dxdt = 3 * (mx - sx) * ((1 - t) * (1 - t) + t * t);\n  const dydt = 6 * t * (1 - t) * (ty - sy);\n  const slope = dxdt === 0 ? 0 : dydt / dxdt;\n\n  const halfWidth = Math.max(link.width ?? 0, 1) / 2;\n  // The centerline's slope stretches the vertical footprint of a\n  // perpendicular band of half-width `halfWidth`; multiplying by\n  // hypot(1, slope) converts back to a vertical tolerance so the hit test\n  // matches the stroked band rather than over-reporting on steep sections.\n  return Math.abs(point.y - cy) <= halfWidth * Math.hypot(1, slope);\n}\n\n/**\n * Finds the sankey shape under `point`, if any.\n *\n * Nodes are tested before links: node rects are small, deliberate targets\n * that the wider ribbons converging on them would otherwise swallow. Within\n * each category, the first match in layout order wins.\n */\nexport function findHoveredShape(\n  layout: SankeyLayoutModel,\n  point: Point,\n): SankeyHoveredShape | undefined {\n  for (const node of layout.nodes) {\n    if (isPointInNode(node, point)) {\n      const { nodes: relatedNodes, links: relatedLinks } =\n        getRelatedSankeyFlow(node);\n      return {\n        type: 'node',\n        node,\n        relatedNodes,\n        relatedLinks,\n      };\n    }\n  }\n\n  for (const link of layout.links) {\n    if (\n      isResolvedNode(link.source) &&\n      isResolvedNode(link.target) &&\n      isPointInLinkRibbon(link, point)\n    ) {\n      return {\n        type: 'link',\n        link,\n        source: link.source,\n        target: link.target,\n      };\n    }\n  }\n\n  return undefined;\n}\n"],
-  "mappings": "AAAA,SAAS,4BAA4B;AACrC,SAAS,sBAAsB;AAS/B,MAAM,uBAAuB;AAEtB,SAAS,cAAc,MAAwB,OAAuB;AAC3E,QAAM,KAAK,KAAK,MAAM;AACtB,QAAM,KAAK,KAAK,MAAM;AACtB,QAAM,KAAK,KAAK,MAAM;AACtB,QAAM,KAAK,KAAK,MAAM;AAEtB,SAAO,MAAM,KAAK,MAAM,MAAM,KAAK,MAAM,MAAM,KAAK,MAAM,MAAM,KAAK;AACvE;AAEA,SAAS,QACP,IACA,IACA,IACA,IACA,GACQ;AACR,QAAM,YAAY,IAAI;AACtB,SACE,YAAY,YAAY,YAAY,KACpC,IAAI,YAAY,YAAY,IAAI,KAChC,IAAI,YAAY,IAAI,IAAI,KACxB,IAAI,IAAI,IAAI;AAEhB;AAEO,SAAS,oBACd,MACA,OACS;AACT,MAAI,CAAC,eAAe,KAAK,MAAM,KAAK,CAAC,eAAe,KAAK,MAAM,GAAG;AAChE,WAAO;AAAA,EACT;AAEA,QAAM,KAAK,KAAK,OAAO,MAAM;AAC7B,QAAM,KAAK,KAAK,MAAM;AACtB,QAAM,KAAK,KAAK,OAAO,MAAM;AAC7B,QAAM,KAAK,KAAK,MAAM;AACtB,QAAM,MAAM,KAAK,MAAM;AAEvB,MAAI,OAAO,MAAM,MAAM,IAAI,MAAM,MAAM,IAAI,IAAI;AAC7C,WAAO;AAAA,EACT;AAOA,MAAI,KAAK;AACT,MAAI,KAAK;AACT,WAAS,IAAI,GAAG,IAAI,sBAAsB,KAAK;AAC7C,UAAM,OAAO,KAAK,MAAM;AACxB,UAAM,IAAI,QAAQ,IAAI,IAAI,IAAI,IAAI,GAAG;AACrC,QAAI,IAAI,MAAM,GAAG;AACf,WAAK;AAAA,IACP,OAAO;AACL,WAAK;AAAA,IACP;AAAA,EACF;AACA,QAAM,KAAK,KAAK,MAAM;AAEtB,QAAM,KAAK,QAAQ,IAAI,IAAI,IAAI,IAAI,CAAC;AACpC,QAAM,OAAO,KAAK,KAAK,QAAQ,IAAI,MAAM,IAAI,KAAK,IAAI;AACtD,QAAM,OAAO,IAAI,KAAK,IAAI,MAAM,KAAK;AACrC,QAAM,QAAQ,SAAS,IAAI,IAAI,OAAO;AAEtC,QAAM,YAAY,KAAK,IAAI,KAAK,SAAS,GAAG,CAAC,IAAI;AAKjD,SAAO,KAAK,IAAI,MAAM,IAAI,EAAE,KAAK,YAAY,KAAK,MAAM,GAAG,KAAK;AAClE;AASO,SAAS,iBACd,QACA,OACgC;AAChC,aAAW,QAAQ,OAAO,OAAO;AAC/B,QAAI,cAAc,MAAM,KAAK,GAAG;AAC9B,YAAM,EAAE,OAAO,cAAc,OAAO,aAAa,IAC/C,qBAAqB,IAAI;AAC3B,aAAO;AAAA,QACL,MAAM;AAAA,QACN;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEA,aAAW,QAAQ,OAAO,OAAO;AAC/B,QACE,eAAe,KAAK,MAAM,KAC1B,eAAe,KAAK,MAAM,KAC1B,oBAAoB,MAAM,KAAK,GAC/B;AACA,aAAO;AAAA,QACL,MAAM;AAAA,QACN;AAAA,QACA,QAAQ,KAAK;AAAA,QACb,QAAQ,KAAK;AAAA,MACf;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AACT;",
+  "sourcesContent": ["import { isResolvedNode } from './is-resolved-sankey-node.js';\nimport type { Point } from '../../core/types/point.js';\nimport type {\n  SankeyLayoutLink,\n  SankeyLayoutModel,\n  SankeyLayoutNode,\n} from '../types/sankey-internal.js';\nimport type { SankeyShape } from '../types/sankey-shape.js';\n\nconst BISECTION_ITERATIONS = 24;\n\nexport function isPointInNode(node: SankeyLayoutNode, point: Point): boolean {\n  const x0 = node.x0 ?? 0;\n  const x1 = node.x1 ?? 0;\n  const y0 = node.y0 ?? 0;\n  const y1 = node.y1 ?? 0;\n\n  return point.x >= x0 && point.x <= x1 && point.y >= y0 && point.y <= y1;\n}\n\nfunction cubicAt(\n  p0: number,\n  p1: number,\n  p2: number,\n  p3: number,\n  t: number,\n): number {\n  const oneMinusT = 1 - t;\n  return (\n    oneMinusT * oneMinusT * oneMinusT * p0 +\n    3 * oneMinusT * oneMinusT * t * p1 +\n    3 * oneMinusT * t * t * p2 +\n    t * t * t * p3\n  );\n}\n\nexport function isPointInLinkRibbon(\n  link: SankeyLayoutLink,\n  point: Point,\n): boolean {\n  if (!isResolvedNode(link.source) || !isResolvedNode(link.target)) {\n    return false;\n  }\n\n  const sx = link.source.x1 ?? 0;\n  const sy = link.y0 ?? 0;\n  const tx = link.target.x0 ?? 0;\n  const ty = link.y1 ?? 0;\n  const mx = (sx + tx) / 2;\n\n  if (sx === tx || point.x < sx || point.x > tx) {\n    return false;\n  }\n\n  // x(t) is monotone increasing for this control-point layout: the control\n  // points are (sx, mx, mx, tx), so x'(t) = 3 (mx - sx) ((1-t)^2 + t^2) and\n  // mx - sx = tx - mx > 0 (given sx < tx). That lets us bisect on t to find\n  // the point on the centerline directly below/above the cursor, rather than\n  // solving the cubic in closed form.\n  let lo = 0;\n  let hi = 1;\n  for (let i = 0; i < BISECTION_ITERATIONS; i++) {\n    const mid = (lo + hi) / 2;\n    const x = cubicAt(sx, mx, mx, tx, mid);\n    if (x < point.x) {\n      lo = mid;\n    } else {\n      hi = mid;\n    }\n  }\n  const t = (lo + hi) / 2;\n\n  const cy = cubicAt(sy, sy, ty, ty, t);\n  const dxdt = 3 * (mx - sx) * ((1 - t) * (1 - t) + t * t);\n  const dydt = 6 * t * (1 - t) * (ty - sy);\n  const slope = dxdt === 0 ? 0 : dydt / dxdt;\n\n  const halfWidth = Math.max(link.width ?? 0, 1) / 2;\n  // The centerline's slope stretches the vertical footprint of a\n  // perpendicular band of half-width `halfWidth`; multiplying by\n  // hypot(1, slope) converts back to a vertical tolerance so the hit test\n  // matches the stroked band rather than over-reporting on steep sections.\n  return Math.abs(point.y - cy) <= halfWidth * Math.hypot(1, slope);\n}\n\n/**\n * Finds the sankey shape under `point`, if any.\n *\n * Nodes are tested before links: node rects are small, deliberate targets\n * that the wider ribbons converging on them would otherwise swallow. Within\n * each category, the first match in layout order wins.\n */\nexport function findHoveredShape(\n  layout: SankeyLayoutModel,\n  point: Point,\n): SankeyShape | undefined {\n  for (const node of layout.nodes) {\n    if (isPointInNode(node, point)) {\n      return { type: 'node', nodeId: node.id };\n    }\n  }\n\n  for (const link of layout.links) {\n    if (\n      isResolvedNode(link.source) &&\n      isResolvedNode(link.target) &&\n      isPointInLinkRibbon(link, point)\n    ) {\n      return {\n        type: 'link',\n        sourceId: link.source.id,\n        targetId: link.target.id,\n        linkIndex: link.index ?? 0,\n      };\n    }\n  }\n\n  return undefined;\n}\n"],
+  "mappings": "AAAA,SAAS,sBAAsB;AAS/B,MAAM,uBAAuB;AAEtB,SAAS,cAAc,MAAwB,OAAuB;AAC3E,QAAM,KAAK,KAAK,MAAM;AACtB,QAAM,KAAK,KAAK,MAAM;AACtB,QAAM,KAAK,KAAK,MAAM;AACtB,QAAM,KAAK,KAAK,MAAM;AAEtB,SAAO,MAAM,KAAK,MAAM,MAAM,KAAK,MAAM,MAAM,KAAK,MAAM,MAAM,KAAK;AACvE;AAEA,SAAS,QACP,IACA,IACA,IACA,IACA,GACQ;AACR,QAAM,YAAY,IAAI;AACtB,SACE,YAAY,YAAY,YAAY,KACpC,IAAI,YAAY,YAAY,IAAI,KAChC,IAAI,YAAY,IAAI,IAAI,KACxB,IAAI,IAAI,IAAI;AAEhB;AAEO,SAAS,oBACd,MACA,OACS;AACT,MAAI,CAAC,eAAe,KAAK,MAAM,KAAK,CAAC,eAAe,KAAK,MAAM,GAAG;AAChE,WAAO;AAAA,EACT;AAEA,QAAM,KAAK,KAAK,OAAO,MAAM;AAC7B,QAAM,KAAK,KAAK,MAAM;AACtB,QAAM,KAAK,KAAK,OAAO,MAAM;AAC7B,QAAM,KAAK,KAAK,MAAM;AACtB,QAAM,MAAM,KAAK,MAAM;AAEvB,MAAI,OAAO,MAAM,MAAM,IAAI,MAAM,MAAM,IAAI,IAAI;AAC7C,WAAO;AAAA,EACT;AAOA,MAAI,KAAK;AACT,MAAI,KAAK;AACT,WAAS,IAAI,GAAG,IAAI,sBAAsB,KAAK;AAC7C,UAAM,OAAO,KAAK,MAAM;AACxB,UAAM,IAAI,QAAQ,IAAI,IAAI,IAAI,IAAI,GAAG;AACrC,QAAI,IAAI,MAAM,GAAG;AACf,WAAK;AAAA,IACP,OAAO;AACL,WAAK;AAAA,IACP;AAAA,EACF;AACA,QAAM,KAAK,KAAK,MAAM;AAEtB,QAAM,KAAK,QAAQ,IAAI,IAAI,IAAI,IAAI,CAAC;AACpC,QAAM,OAAO,KAAK,KAAK,QAAQ,IAAI,MAAM,IAAI,KAAK,IAAI;AACtD,QAAM,OAAO,IAAI,KAAK,IAAI,MAAM,KAAK;AACrC,QAAM,QAAQ,SAAS,IAAI,IAAI,OAAO;AAEtC,QAAM,YAAY,KAAK,IAAI,KAAK,SAAS,GAAG,CAAC,IAAI;AAKjD,SAAO,KAAK,IAAI,MAAM,IAAI,EAAE,KAAK,YAAY,KAAK,MAAM,GAAG,KAAK;AAClE;AASO,SAAS,iBACd,QACA,OACyB;AACzB,aAAW,QAAQ,OAAO,OAAO;AAC/B,QAAI,cAAc,MAAM,KAAK,GAAG;AAC9B,aAAO,EAAE,MAAM,QAAQ,QAAQ,KAAK,GAAG;AAAA,IACzC;AAAA,EACF;AAEA,aAAW,QAAQ,OAAO,OAAO;AAC/B,QACE,eAAe,KAAK,MAAM,KAC1B,eAAe,KAAK,MAAM,KAC1B,oBAAoB,MAAM,KAAK,GAC/B;AACA,aAAO;AAAA,QACL,MAAM;AAAA,QACN,UAAU,KAAK,OAAO;AAAA,QACtB,UAAU,KAAK,OAAO;AAAA,QACtB,WAAW,KAAK,SAAS;AAAA,MAC3B;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AACT;",
   "names": []
 }

package/esm/charts/sankey-chart/utils/generate-sankey-layout.js

@@ -1,3 +1,4 @@
+import { primeLayoutIndex } from "./layout-index.js";
 import {
   DEFAULT_NODE_PADDING,
   DEFAULT_NODE_WIDTH,
@@ -22,10 +23,18 @@ const generateSankeyLayout = (graph, width, height, nodeWidth = DEFAULT_NODE_WID
     [LAYOUT_MARGIN, LAYOUT_MARGIN],
     [width - LAYOUT_MARGIN, height - LAYOUT_MARGIN]
   ]).nodeAlign(alignmentMap[nodeAlignment ?? "justify"]);
-  return generator({
+  const layout = generator({
     nodes: graph.nodes.map((node) => ({ ...node })),
     links: graph.links.map((link) => ({ ...link }))
   });
+  const indexed = layout;
+  if (indexed.nodeById && indexed.linkBySource) {
+    primeLayoutIndex(layout, {
+      nodesById: indexed.nodeById,
+      linksBySource: indexed.linkBySource
+    });
+  }
+  return layout;
 };
 export {
   generateSankeyLayout

package/esm/charts/sankey-chart/utils/generate-sankey-layout.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/sankey-chart/utils/generate-sankey-layout.ts"],
-  "sourcesContent": ["import {\n  DEFAULT_NODE_PADDING,\n  DEFAULT_NODE_WIDTH,\n  LAYOUT_MARGIN,\n} from '../constants.js';\nimport type {\n  SankeyGraphModel,\n  SankeyGraphNode,\n  SankeyLayoutModel,\n} from '../types/sankey-internal.js';\nimport type { SankeyNodeAlignment } from '../types/sankey.js';\nimport {\n  sankey,\n  sankeyJustify,\n  sankeyLeft,\n  sankeyRight,\n} from '../vendor/d3-sankey/index.js';\n\nconst alignmentMap = {\n  left: sankeyLeft,\n  right: sankeyRight,\n  justify: sankeyJustify,\n} as const;\n\nexport const generateSankeyLayout = (\n  graph: SankeyGraphModel,\n  width: number,\n  height: number,\n  nodeWidth: number = DEFAULT_NODE_WIDTH,\n  nodeAlignment?: SankeyNodeAlignment,\n): SankeyLayoutModel => {\n  if (graph.nodes.length === 0) {\n    return { nodes: [], links: [] };\n  }\n\n  const generator = sankey<SankeyGraphNode, { value: number }>()\n    .nodeId((node) => node.id)\n    .nodeWidth(nodeWidth)\n    .nodePadding(DEFAULT_NODE_PADDING)\n    .extent([\n      [LAYOUT_MARGIN, LAYOUT_MARGIN],\n      [width - LAYOUT_MARGIN, height - LAYOUT_MARGIN],\n    ])\n    .nodeAlign(alignmentMap[nodeAlignment ?? 'justify']);\n\n  // d3-sankey mutates the objects it is given, so fresh copies of the nodes and\n  // links are passed in.\n  return generator({\n    nodes: graph.nodes.map((node) => ({ ...node })),\n    links: graph.links.map((link) => ({ ...link })),\n  });\n};\n"],
-  "mappings": "AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAOP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,MAAM,eAAe;AAAA,EACnB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,SAAS;AACX;AAEO,MAAM,uBAAuB,CAClC,OACA,OACA,QACA,YAAoB,oBACpB,kBACsB;AACtB,MAAI,MAAM,MAAM,WAAW,GAAG;AAC5B,WAAO,EAAE,OAAO,CAAC,GAAG,OAAO,CAAC,EAAE;AAAA,EAChC;AAEA,QAAM,YAAY,OAA2C,EAC1D,OAAO,CAAC,SAAS,KAAK,EAAE,EACxB,UAAU,SAAS,EACnB,YAAY,oBAAoB,EAChC,OAAO;AAAA,IACN,CAAC,eAAe,aAAa;AAAA,IAC7B,CAAC,QAAQ,eAAe,SAAS,aAAa;AAAA,EAChD,CAAC,EACA,UAAU,aAAa,iBAAiB,SAAS,CAAC;AAIrD,SAAO,UAAU;AAAA,IACf,OAAO,MAAM,MAAM,IAAI,CAAC,UAAU,EAAE,GAAG,KAAK,EAAE;AAAA,IAC9C,OAAO,MAAM,MAAM,IAAI,CAAC,UAAU,EAAE,GAAG,KAAK,EAAE;AAAA,EAChD,CAAC;AACH;",
+  "sourcesContent": ["import { primeLayoutIndex } from './layout-index.js';\nimport {\n  DEFAULT_NODE_PADDING,\n  DEFAULT_NODE_WIDTH,\n  LAYOUT_MARGIN,\n} from '../constants.js';\nimport type {\n  SankeyGraphModel,\n  SankeyGraphNode,\n  SankeyLayoutLink,\n  SankeyLayoutModel,\n  SankeyLayoutNode,\n} from '../types/sankey-internal.js';\nimport type { SankeyNodeAlignment } from '../types/sankey.js';\nimport {\n  sankey,\n  sankeyJustify,\n  sankeyLeft,\n  sankeyRight,\n} from '../vendor/d3-sankey/index.js';\n\n/**\n * The id indexes d3-sankey attaches to the layout during its own single pass\n * over the graph (see the LOCAL ADDITION in `vendor/d3-sankey/sankey.ts`). Node\n * ids are strings in this chart's domain, so the `string | number` keys the\n * generic algorithm uses are narrowed here at the one boundary that reads them.\n */\ninterface IndexedLayout {\n  nodeById?: Map<string, SankeyLayoutNode>;\n  linkBySource?: Map<string, Map<string, SankeyLayoutLink[]>>;\n}\n\nconst alignmentMap = {\n  left: sankeyLeft,\n  right: sankeyRight,\n  justify: sankeyJustify,\n} as const;\n\nexport const generateSankeyLayout = (\n  graph: SankeyGraphModel,\n  width: number,\n  height: number,\n  nodeWidth: number = DEFAULT_NODE_WIDTH,\n  nodeAlignment?: SankeyNodeAlignment,\n): SankeyLayoutModel => {\n  if (graph.nodes.length === 0) {\n    return { nodes: [], links: [] };\n  }\n  const generator = sankey<SankeyGraphNode, { value: number }>()\n    .nodeId((node) => node.id)\n    .nodeWidth(nodeWidth)\n    .nodePadding(DEFAULT_NODE_PADDING)\n    .extent([\n      [LAYOUT_MARGIN, LAYOUT_MARGIN],\n      [width - LAYOUT_MARGIN, height - LAYOUT_MARGIN],\n    ])\n    .nodeAlign(alignmentMap[nodeAlignment ?? 'justify']);\n\n  // d3-sankey mutates the objects it is given, so fresh copies of the nodes and\n  // links are passed in.\n  const layout = generator({\n    nodes: graph.nodes.map((node) => ({ ...node })),\n    links: graph.links.map((link) => ({ ...link })),\n  }) as SankeyLayoutModel;\n\n  // Reuse the id indexes d3-sankey built during its own pass instead of\n  // re-scanning the graph, so downstream hit-testing resolves ids in O(1).\n  const indexed = layout as IndexedLayout;\n  if (indexed.nodeById && indexed.linkBySource) {\n    primeLayoutIndex(layout, {\n      nodesById: indexed.nodeById,\n      linksBySource: indexed.linkBySource,\n    });\n  }\n\n  return layout;\n};\n"],
+  "mappings": "AAAA,SAAS,wBAAwB;AACjC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AASP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAaP,MAAM,eAAe;AAAA,EACnB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,SAAS;AACX;AAEO,MAAM,uBAAuB,CAClC,OACA,OACA,QACA,YAAoB,oBACpB,kBACsB;AACtB,MAAI,MAAM,MAAM,WAAW,GAAG;AAC5B,WAAO,EAAE,OAAO,CAAC,GAAG,OAAO,CAAC,EAAE;AAAA,EAChC;AACA,QAAM,YAAY,OAA2C,EAC1D,OAAO,CAAC,SAAS,KAAK,EAAE,EACxB,UAAU,SAAS,EACnB,YAAY,oBAAoB,EAChC,OAAO;AAAA,IACN,CAAC,eAAe,aAAa;AAAA,IAC7B,CAAC,QAAQ,eAAe,SAAS,aAAa;AAAA,EAChD,CAAC,EACA,UAAU,aAAa,iBAAiB,SAAS,CAAC;AAIrD,QAAM,SAAS,UAAU;AAAA,IACvB,OAAO,MAAM,MAAM,IAAI,CAAC,UAAU,EAAE,GAAG,KAAK,EAAE;AAAA,IAC9C,OAAO,MAAM,MAAM,IAAI,CAAC,UAAU,EAAE,GAAG,KAAK,EAAE;AAAA,EAChD,CAAC;AAID,QAAM,UAAU;AAChB,MAAI,QAAQ,YAAY,QAAQ,cAAc;AAC5C,qBAAiB,QAAQ;AAAA,MACvB,WAAW,QAAQ;AAAA,MACnB,eAAe,QAAQ;AAAA,IACzB,CAAC;AAAA,EACH;AAEA,SAAO;AACT;",
   "names": []
 }

package/esm/charts/sankey-chart/utils/get-active-connected-set.js

@@ -0,0 +1,59 @@
+import { findConnectedShapes } from "./find-connected-shapes.js";
+import { getRelatedSankeyFlow } from "./get-related-sankey-flow.js";
+import { resolveLayoutLink, resolveLayoutNode } from "./layout-index.js";
+function resolveSelectedSet(layout, selected) {
+  if (selected.type === "node") {
+    const node = resolveLayoutNode(layout, selected.nodeId);
+    if (!node) {
+      return void 0;
+    }
+    const { nodes, links } = getRelatedSankeyFlow(node);
+    return { nodes: [node, ...nodes], links };
+  }
+  const resolved = resolveLayoutLink(
+    layout,
+    selected.sourceId,
+    selected.targetId,
+    selected.linkIndex
+  );
+  if (!resolved) {
+    return void 0;
+  }
+  const connected = findConnectedShapes({ type: "link", ...resolved });
+  return { nodes: [...connected.nodes], links: [...connected.links] };
+}
+function resolveHoveredSet(layout, hovered) {
+  if (hovered.type === "node") {
+    const node = resolveLayoutNode(layout, hovered.nodeId);
+    if (!node) {
+      return void 0;
+    }
+    const connected = findConnectedShapes({ type: "node", node });
+    const relatedNodes = [...connected.nodes].filter((n) => n !== node);
+    return { nodes: [node, ...relatedNodes], links: [...connected.links] };
+  }
+  const resolved = resolveLayoutLink(
+    layout,
+    hovered.sourceId,
+    hovered.targetId,
+    hovered.linkIndex
+  );
+  if (!resolved) {
+    return void 0;
+  }
+  return {
+    nodes: [resolved.source, resolved.target],
+    links: [resolved.link]
+  };
+}
+function getActiveConnectedSet(layout, selected, hovered) {
+  const selectedSet = selected ? resolveSelectedSet(layout, selected) : void 0;
+  if (selectedSet) {
+    return selectedSet;
+  }
+  return hovered ? resolveHoveredSet(layout, hovered) : void 0;
+}
+export {
+  getActiveConnectedSet
+};
+//# sourceMappingURL=get-active-connected-set.js.map

package/esm/charts/sankey-chart/utils/get-active-connected-set.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/charts/sankey-chart/utils/get-active-connected-set.ts"],
+  "sourcesContent": ["import { findConnectedShapes } from './find-connected-shapes.js';\nimport { getRelatedSankeyFlow } from './get-related-sankey-flow.js';\nimport { resolveLayoutLink, resolveLayoutNode } from './layout-index.js';\nimport type {\n  SankeyLayoutLink,\n  SankeyLayoutModel,\n  SankeyLayoutNode,\n} from '../types/sankey-internal.js';\nimport type { SankeyShape } from '../types/sankey-shape.js';\n\n/**\n * The set of nodes and links that should be visually emphasized in the active\n * interaction state. All other nodes and links are dimmed.\n */\nexport interface ActiveConnectedSet {\n  nodes: SankeyLayoutNode[];\n  links: SankeyLayoutLink[];\n}\n\n/**\n * The click-selection set:\n * - **node**: the full transitive data-flow via `getRelatedSankeyFlow` (every\n *   upstream/downstream node and every link crossed), including the node.\n * - **link**: 1-hop \u2014 the link and its two endpoint nodes.\n *\n * Returns `undefined` when the selected identity is not present in the current\n * layout (e.g. a data change dropped it).\n */\nfunction resolveSelectedSet(\n  layout: SankeyLayoutModel,\n  selected: SankeyShape,\n): ActiveConnectedSet | undefined {\n  if (selected.type === 'node') {\n    const node = resolveLayoutNode(layout, selected.nodeId);\n    if (!node) {\n      return undefined;\n    }\n    const { nodes, links } = getRelatedSankeyFlow(node);\n    return { nodes: [node, ...nodes], links };\n  }\n\n  const resolved = resolveLayoutLink(\n    layout,\n    selected.sourceId,\n    selected.targetId,\n    selected.linkIndex,\n  );\n  if (!resolved) {\n    return undefined;\n  }\n  const connected = findConnectedShapes({ type: 'link', ...resolved });\n  return { nodes: [...connected.nodes], links: [...connected.links] };\n}\n\n/**\n * The hover set (1-hop for both variants):\n * - **node**: the node, its directly connected links, and the opposite-end\n *   nodes of those links.\n * - **link**: the link, its source, and its target.\n *\n * Returns `undefined` when the hovered identity is not present in the current\n * layout.\n */\nfunction resolveHoveredSet(\n  layout: SankeyLayoutModel,\n  hovered: SankeyShape,\n): ActiveConnectedSet | undefined {\n  if (hovered.type === 'node') {\n    const node = resolveLayoutNode(layout, hovered.nodeId);\n    if (!node) {\n      return undefined;\n    }\n    const connected = findConnectedShapes({ type: 'node', node });\n    const relatedNodes = [...connected.nodes].filter((n) => n !== node);\n    return { nodes: [node, ...relatedNodes], links: [...connected.links] };\n  }\n\n  const resolved = resolveLayoutLink(\n    layout,\n    hovered.sourceId,\n    hovered.targetId,\n    hovered.linkIndex,\n  );\n  if (!resolved) {\n    return undefined;\n  }\n  return {\n    nodes: [resolved.source, resolved.target],\n    links: [resolved.link],\n  };\n}\n\n/**\n * Resolves the active visual connected set from the current click-selection and\n * hover state, applying click-over-hover precedence.\n *\n * Click selection always takes visual precedence: when `selected` is defined\n * and its identity resolves in the current `layout`, `hovered` is ignored for\n * visual rendering purposes. When the selected identity is no longer present\n * (data changed), the function falls through to hover state so the pointer can\n * recover visually without requiring an explicit deselect. With neither\n * interaction it returns `undefined` (no dimming).\n *\n * Both `selected` and `hovered` carry only stable ids (not layout-object\n * references) so this function always reads from the current layout, never\n * stale geometry.\n */\nexport function getActiveConnectedSet(\n  layout: SankeyLayoutModel,\n  selected: SankeyShape | undefined,\n  hovered: SankeyShape | undefined,\n): ActiveConnectedSet | undefined {\n  const selectedSet = selected\n    ? resolveSelectedSet(layout, selected)\n    : undefined;\n  if (selectedSet) {\n    return selectedSet;\n  }\n\n  return hovered ? resolveHoveredSet(layout, hovered) : undefined;\n}\n"],
+  "mappings": "AAAA,SAAS,2BAA2B;AACpC,SAAS,4BAA4B;AACrC,SAAS,mBAAmB,yBAAyB;AA0BrD,SAAS,mBACP,QACA,UACgC;AAChC,MAAI,SAAS,SAAS,QAAQ;AAC5B,UAAM,OAAO,kBAAkB,QAAQ,SAAS,MAAM;AACtD,QAAI,CAAC,MAAM;AACT,aAAO;AAAA,IACT;AACA,UAAM,EAAE,OAAO,MAAM,IAAI,qBAAqB,IAAI;AAClD,WAAO,EAAE,OAAO,CAAC,MAAM,GAAG,KAAK,GAAG,MAAM;AAAA,EAC1C;AAEA,QAAM,WAAW;AAAA,IACf;AAAA,IACA,SAAS;AAAA,IACT,SAAS;AAAA,IACT,SAAS;AAAA,EACX;AACA,MAAI,CAAC,UAAU;AACb,WAAO;AAAA,EACT;AACA,QAAM,YAAY,oBAAoB,EAAE,MAAM,QAAQ,GAAG,SAAS,CAAC;AACnE,SAAO,EAAE,OAAO,CAAC,GAAG,UAAU,KAAK,GAAG,OAAO,CAAC,GAAG,UAAU,KAAK,EAAE;AACpE;AAWA,SAAS,kBACP,QACA,SACgC;AAChC,MAAI,QAAQ,SAAS,QAAQ;AAC3B,UAAM,OAAO,kBAAkB,QAAQ,QAAQ,MAAM;AACrD,QAAI,CAAC,MAAM;AACT,aAAO;AAAA,IACT;AACA,UAAM,YAAY,oBAAoB,EAAE,MAAM,QAAQ,KAAK,CAAC;AAC5D,UAAM,eAAe,CAAC,GAAG,UAAU,KAAK,EAAE,OAAO,CAAC,MAAM,MAAM,IAAI;AAClE,WAAO,EAAE,OAAO,CAAC,MAAM,GAAG,YAAY,GAAG,OAAO,CAAC,GAAG,UAAU,KAAK,EAAE;AAAA,EACvE;AAEA,QAAM,WAAW;AAAA,IACf;AAAA,IACA,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,EACV;AACA,MAAI,CAAC,UAAU;AACb,WAAO;AAAA,EACT;AACA,SAAO;AAAA,IACL,OAAO,CAAC,SAAS,QAAQ,SAAS,MAAM;AAAA,IACxC,OAAO,CAAC,SAAS,IAAI;AAAA,EACvB;AACF;AAiBO,SAAS,sBACd,QACA,UACA,SACgC;AAChC,QAAM,cAAc,WAChB,mBAAmB,QAAQ,QAAQ,IACnC;AACJ,MAAI,aAAa;AACf,WAAO;AAAA,EACT;AAEA,SAAO,UAAU,kBAAkB,QAAQ,OAAO,IAAI;AACxD;",
+  "names": []
+}

package/esm/charts/sankey-chart/utils/is-same-sankey-shape.js

@@ -0,0 +1,19 @@
+function isSameSankeyShape(prev, next) {
+  if (prev === next) {
+    return true;
+  }
+  if (prev === void 0 || next === void 0) {
+    return false;
+  }
+  if (prev.type === "node" && next.type === "node") {
+    return prev.nodeId === next.nodeId;
+  }
+  if (prev.type === "link" && next.type === "link") {
+    return prev.sourceId === next.sourceId && prev.targetId === next.targetId && prev.linkIndex === next.linkIndex;
+  }
+  return false;
+}
+export {
+  isSameSankeyShape
+};
+//# sourceMappingURL=is-same-sankey-shape.js.map

package/esm/charts/sankey-chart/utils/is-same-sankey-shape.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/charts/sankey-chart/utils/is-same-sankey-shape.ts"],
+  "sourcesContent": ["import type { SankeyShape } from '../types/sankey-shape.js';\n\nexport function isSameSankeyShape(\n  prev: SankeyShape | undefined,\n  next: SankeyShape | undefined,\n): boolean {\n  if (prev === next) {\n    return true;\n  }\n  if (prev === undefined || next === undefined) {\n    return false;\n  }\n  if (prev.type === 'node' && next.type === 'node') {\n    return prev.nodeId === next.nodeId;\n  }\n  if (prev.type === 'link' && next.type === 'link') {\n    return (\n      prev.sourceId === next.sourceId &&\n      prev.targetId === next.targetId &&\n      prev.linkIndex === next.linkIndex\n    );\n  }\n  return false;\n}\n"],
+  "mappings": "AAEO,SAAS,kBACd,MACA,MACS;AACT,MAAI,SAAS,MAAM;AACjB,WAAO;AAAA,EACT;AACA,MAAI,SAAS,UAAa,SAAS,QAAW;AAC5C,WAAO;AAAA,EACT;AACA,MAAI,KAAK,SAAS,UAAU,KAAK,SAAS,QAAQ;AAChD,WAAO,KAAK,WAAW,KAAK;AAAA,EAC9B;AACA,MAAI,KAAK,SAAS,UAAU,KAAK,SAAS,QAAQ;AAChD,WACE,KAAK,aAAa,KAAK,YACvB,KAAK,aAAa,KAAK,YACvB,KAAK,cAAc,KAAK;AAAA,EAE5B;AACA,SAAO;AACT;",
+  "names": []
+}