@weng-lab/visualization 2.5.1 → 2.6.0-beta.1

package/dist/src/components/Heatmap/types.d.ts

@@ -1,4 +1,4 @@
-import { ReactElement } from 'react';
+import { ReactElement, ReactNode } from 'react';
 import { DownloadPlotHandle, AnimationType } from '../../utility';
 import { RectCell, CircleCell } from '@visx/heatmap';
 import { ManualSizeProps } from '../../responsive';
@@ -20,6 +20,18 @@ export type HeatmapCellId = {
     row: number;
     column: number;
 };
+/** The box renderLegend draws in, and which way its bar runs. */
+export type HeatmapLegendFrame = {
+    width: number;
+    height: number;
+    /** "vertical" beside the grid; "horizontal" across the top of the expanded minimap. */
+    orientation: "vertical" | "horizontal";
+    /**
+     * In the expanded minimap, the element a tooltip or other overlay must portal into to show above
+     * it - e.g. MUI's `slotProps={{ popper: { container } }}`. Undefined beside the grid.
+     */
+    overlayContainer?: HTMLElement;
+};
 export type HeatmapProps<C extends object = Record<string, unknown>, R extends object = Record<string, unknown>> = ManualSizeProps & {
     data: ColumnDatum<C, R>[];
     onClick?: (bin: RectCell<ColumnDatum, RowDatum> | CircleCell<ColumnDatum, RowDatum>) => void;
@@ -30,7 +42,8 @@ export type HeatmapProps<C extends object = Record<string, unknown>, R extends o
      */
     colors: [string, string, ...string[]];
     /**
-     * Value range mapped across `colors`, evenly spaced. Defaults to [0, max value in data].
+     * Value range mapped across `colors`, evenly spaced. Defaults to [0, max value in data]. A count
+     * beyond either end takes that end's color.
      */
     colorDomain?: [number, number];
     xLabel?: string;
@@ -46,21 +59,30 @@ export type HeatmapProps<C extends object = Record<string, unknown>, R extends o
     };
     animationType?: AnimationType;
     showLegend?: boolean;
+    /**
+     * Replaces the built-in legend with SVG content drawn in the frame it's given: vertical beside
+     * the grid (`legendWidth` wide, and included in downloads), and horizontal across the expanded
+     * minimap while that is open. The two copies can be on screen at once, so ids must be unique.
+     */
+    renderLegend?: (frame: HeatmapLegendFrame) => ReactNode;
+    /** Width of the column renderLegend draws in. Defaults to the built-in legend's width. */
+    legendWidth?: number;
+    /**
+     * Counts to emphasize, as [min, max] inclusive (use ±Infinity for an open end). Cells outside it
+     * fade in the grid and minimap; downloads ignore it. Null or undefined for none.
+     */
+    highlightRange?: [number, number] | null;
     /**
      * Orientation of the x-axis (column) labels. Defaults to "vertical".
      */
     xLabelOrientation?: "horizontal" | "vertical" | "leftDiagonal" | "rightDiagonal";
     /**
-     * The currently selected cells, identified by the same row/column indices found on the bin
-     * passed to onClick (bin.row, bin.column). When non-empty, every cell not in this list renders
-     * as deselectedColor while selected cells keep their normal gradient color. Pass an empty array
-     * or undefined for no selection. Selection is controlled - use onClick to update it from the consumer.
+     * The selected cells, by the row/column indices on the bin passed to onClick. Controlled: update
+     * it from onClick. Selected cells are framed, and their columns and rows get bold labels, a
+     * pointer at the axis and a tick on the minimap's edge. A whole selected column marks only its
+     * column; a single cell marks both.
      */
     selectedCells?: HeatmapCellId[];
-    /**
-     * Fill color used for cells not in selectedCells. Defaults to a neutral gray.
-     */
-    deselectedColor?: string;
     /**
      * Fixed pixel width/height for each cell. Provide both to render cells at this exact size
      * instead of stretching them to fill the container. Once the data no longer fits in the

package/dist/src/components/Heatmap/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/Heatmap/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/Heatmap/types.ts"],"names":[],"mappings":"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"}

package/dist/src/components/ScatterPlot/ScatterPlotViewport.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ScatterPlotViewport.d.ts","sourceRoot":"","sources":["../../../../src/components/ScatterPlot/ScatterPlotViewport.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AASjF,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,kBAAkB,EAAE,UAAU,EAAE,iBAAiB,EAAE,KAAK,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAS5G,KAAK,wBAAwB,CAAC,CAAC,SAAS,MAAM,IAAI;IAC9C,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;IACtC,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;IACtB,SAAS,CAAC,EAAE,UAAU,CAAC,CAAC,EAAE,OAAO,GAAG,SAAS,EAAE,OAAO,GAAG,SAAS,CAAC,CAAC,WAAW,CAAC,CAAC;IACjF,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,MAAM,EAAE,WAAW,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC;IAC3C,MAAM,EAAE,WAAW,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC;IAC3C,IAAI,EAAE,QAAQ,CAAC;IACf,UAAU,EAAE,aAAa,CAAC;IAC1B,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,KAAK,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC;IAC7C,YAAY,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;IAC9B,aAAa,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,UAAU,CAAC,EAAE,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IAC/E,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,uBAAuB,CAAC,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,IAAI,CAAC;IACvD,iBAAiB,CAAC,EAAE,CAAC,cAAc,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,IAAI,CAAC;IACzD,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IAC3C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,MAAM,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC,wEAAwE;IACxE,SAAS,CAAC,EAAE,iBAAiB,GAAG,IAAI,CAAC;IACrC,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;CAClD,CAAC;AAWF,QAAA,MAAM,mBAAmB,GAAI,CAAC,SAAS,MAAM,EAAE,4bAkC5C,wBAAwB,CAAC,CAAC,CAAC,4CAihB7B,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"ScatterPlotViewport.d.ts","sourceRoot":"","sources":["../../../../src/components/ScatterPlot/ScatterPlotViewport.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AASjF,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,kBAAkB,EAAE,UAAU,EAAE,iBAAiB,EAAE,KAAK,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAS5G,KAAK,wBAAwB,CAAC,CAAC,SAAS,MAAM,IAAI;IAC9C,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;IACtC,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;IACtB,SAAS,CAAC,EAAE,UAAU,CAAC,CAAC,EAAE,OAAO,GAAG,SAAS,EAAE,OAAO,GAAG,SAAS,CAAC,CAAC,WAAW,CAAC,CAAC;IACjF,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,MAAM,EAAE,WAAW,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC;IAC3C,MAAM,EAAE,WAAW,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC;IAC3C,IAAI,EAAE,QAAQ,CAAC;IACf,UAAU,EAAE,aAAa,CAAC;IAC1B,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,KAAK,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC;IAC7C,YAAY,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;IAC9B,aAAa,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,UAAU,CAAC,EAAE,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IAC/E,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,uBAAuB,CAAC,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,IAAI,CAAC;IACvD,iBAAiB,CAAC,EAAE,CAAC,cAAc,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,IAAI,CAAC;IACzD,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IAC3C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,MAAM,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC,wEAAwE;IACxE,SAAS,CAAC,EAAE,iBAAiB,GAAG,IAAI,CAAC;IACrC,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;CAClD,CAAC;AAeF,QAAA,MAAM,mBAAmB,GAAI,CAAC,SAAS,MAAM,EAAE,4bAkC5C,wBAAwB,CAAC,CAAC,CAAC,4CA4f7B,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/dist/src/components/ScatterPlot/controls.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"controls.d.ts","sourceRoot":"","sources":["../../../../src/components/ScatterPlot/controls.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAK9C,QAAA,MAAM,cAAc,GAAI,uIAWrB,mBAAmB,4CA0HrB,CAAA;AAED,eAAe,cAAc,CAAC"}
+{"version":3,"file":"controls.d.ts","sourceRoot":"","sources":["../../../../src/components/ScatterPlot/controls.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAK9C,QAAA,MAAM,cAAc,GAAI,uIAWrB,mBAAmB,4CA8HrB,CAAA;AAED,eAAe,cAAc,CAAC"}

package/dist/src/components/ScatterPlot/helpers.d.ts

@@ -47,6 +47,11 @@ export declare const getSharedDomains: (...pointDataSets: readonly {
 export declare const isSameTransform: (a: TransformMatrix, b: TransformMatrix) => boolean;
 export declare const prepareCanvas: (context: CanvasRenderingContext2D, width: number, height: number) => void;
 export declare const isPointVisible: (x: number, y: number, width: number, height: number) => boolean;
+/** Identifies a point by its position, which is what hover tracks it by. */
+export declare const pointKey: (point: {
+    x: number;
+    y: number;
+}) => string;
 export declare const partitionPointsByHover: <T extends object>(pointData: Point<T>[], hoveredPointKeys: Set<string>) => {
     nonHovered: Point<T>[];
     hovered: Point<T>[];

package/dist/src/components/ScatterPlot/helpers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../../src/components/ScatterPlot/helpers.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../../src/components/ScatterPlot/helpers.ts"],"names":[],"mappings":"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"}

package/dist/src/components/ScatterPlot/minimap.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"minimap.d.ts","sourceRoot":"","sources":["../../../../src/components/ScatterPlot/minimap.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAUnC,QAAA,MAAM,OAAO,GAAI,CAAC,EAAG,wEASlB,QAAQ,CAAC,CAAC,CAAC,4CA4Lb,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"minimap.d.ts","sourceRoot":"","sources":["../../../../src/components/ScatterPlot/minimap.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAUnC,QAAA,MAAM,OAAO,GAAI,CAAC,EAAG,wEASlB,QAAQ,CAAC,CAAC,CAAC,4CA+Lb,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/visualization.es10.js

@@ -1,18 +1,18 @@
 import { jsx as m } from "react/jsx-runtime";
 import { useState as N, useRef as P, useImperativeHandle as b } from "react";
-import H from "./visualization.es71.js";
-import { downloadSVGAsPNG as G, downloadAsSVG as I, getAnimationProps as k } from "./visualization.es31.js";
+import H from "./visualization.es66.js";
+import { downloadSVGAsPNG as G, downloadAsSVG as I, getAnimationProps as k } from "./visualization.es24.js";
 import { useResponsiveParentSize as B } from "./visualization.es19.js";
-import W from "./visualization.es72.js";
+import W from "./visualization.es67.js";
 import { ResponsiveContainer as A } from "./visualization.es15.js";
-import C from "./visualization.es73.js";
-import E from "./visualization.es74.js";
-import O from "./visualization.es75.js";
-import T from "./visualization.es76.js";
-import V from "./visualization.es77.js";
-import Y from "./visualization.es78.js";
-import j from "./visualization.es79.js";
-import { motion as q } from "./visualization.es34.js";
+import C from "./visualization.es68.js";
+import E from "./visualization.es69.js";
+import O from "./visualization.es70.js";
+import T from "./visualization.es71.js";
+import V from "./visualization.es72.js";
+import Y from "./visualization.es73.js";
+import j from "./visualization.es74.js";
+import { motion as q } from "./visualization.es29.js";
 const re = (t) => {
   const {
     parentRef: u,

package/dist/visualization.es100.js

@@ -1,147 +1,48 @@
-import { jsxs as m, jsx as u } from "react/jsx-runtime";
-import { c as B } from "react/compiler-runtime";
-import w from "@mui/material/Checkbox";
-import { Typography as y } from "@mui/material";
-const G = (q) => {
-  const e = B(33), {
-    toggles: s,
-    onToggle: o,
-    simpleCategories: E,
-    edgeType: F,
-    colorFunc: n,
-    elements: h,
-    edges: p,
-    legendToggle: i,
-    legendNodeLabel: I,
-    legendEdgeLabel: g,
-    order: x,
-    uniqueCat: C
-  } = q;
-  let b;
-  if (e[0] !== p || e[1] !== i) {
-    let l;
-    e[3] !== i ? (l = (r) => i ? i(r) : r.category ? r.category : void 0, e[3] = i, e[4] = l) : l = e[4], b = Array.from(new Set(p.map(l))), e[0] = p, e[1] = i, e[2] = b;
-  } else
-    b = e[2];
-  const v = b;
-  let z;
-  e[5] !== x || e[6] !== E ? (z = x || Array.from(new Set(E)), e[5] = x, e[6] = E, e[7] = z) : z = e[7];
-  const S = z;
-  let k;
-  e[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (k = {
-    bottom: "10px",
-    zIndex: 1e3,
-    backgroundColor: "white",
-    borderRadius: "5px",
-    width: "225px",
-    padding: "5px"
-  }, e[8] = k) : k = e[8];
-  let A;
-  e[9] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (A = {
-    fontSize: "18px",
-    margin: "3px",
-    fontFamily: "Arial"
-  }, e[9] = A) : A = e[9];
-  const L = I || "Node Type";
-  let f;
-  e[10] !== L ? (f = /* @__PURE__ */ u(y, { style: A, children: L }), e[10] = L, e[11] = f) : f = e[11];
-  let d;
-  e[12] !== n || e[13] !== h || e[14] !== i || e[15] !== o || e[16] !== s || e[17] !== C || e[18] !== S ? (d = C ? C.map((l) => {
-    let r = "grey", t = "";
-    return h.forEach((a) => {
-      S.forEach((j) => {
-        if (n && i && i(a) === j && a.category === l) {
-          r = n(a), t = j;
-          return;
-        }
-      });
-    }), /* @__PURE__ */ m("div", { style: {
-      display: "flex",
-      alignItems: "center",
-      marginBottom: "4px"
-    }, children: [
-      /* @__PURE__ */ u(w, { checked: s[l], onChange: () => o(l), color: "primary", size: "small", style: {
-        padding: 0
-      } }),
-      /* @__PURE__ */ m(y, { variant: "body2", style: {
-        color: r,
-        marginLeft: "4px",
-        cursor: "pointer",
-        fontSize: "14px",
-        fontFamily: "Arial"
-      }, onClick: () => o(l), children: [
-        t,
-        " ",
-        i ? "(" : null,
-        i ? l : null,
-        i ? ")" : null
-      ] })
-    ] }, l);
-  }) : S.map((l) => {
-    let r = "grey", t = "";
-    return h.forEach((a) => {
-      n && i && i(a) === l && (r = n(a), t = a.category);
-    }), /* @__PURE__ */ m("div", { style: {
-      display: "flex",
-      alignItems: "center",
-      marginBottom: "4px"
-    }, children: [
-      /* @__PURE__ */ u(w, { checked: s[l], onChange: () => o(l), color: "primary", size: "small", style: {
-        padding: 0
-      } }),
-      /* @__PURE__ */ m(y, { variant: "body2", style: {
-        color: r,
-        marginLeft: "4px",
-        cursor: "pointer",
-        fontSize: "14px",
-        fontFamily: "Arial"
-      }, onClick: () => o(l), children: [
-        l,
-        " ",
-        i ? "(" : null,
-        i ? t : null,
-        i ? ")" : null
-      ] })
-    ] }, l);
-  }), e[12] = n, e[13] = h, e[14] = i, e[15] = o, e[16] = s, e[17] = C, e[18] = S, e[19] = d) : d = e[19];
-  let c;
-  e[20] !== n || e[21] !== F || e[22] !== v || e[23] !== p || e[24] !== g || e[25] !== i || e[26] !== o || e[27] !== s ? (c = F && v !== null ? /* @__PURE__ */ m("div", { children: [
-    /* @__PURE__ */ u(y, { style: {
-      fontSize: "18px",
-      margin: "3px",
-      fontFamily: "Arial"
-    }, children: g || "Edge Type" }),
-    v.map((l) => {
-      if (l === void 0)
+import { jsxs as E, jsx as b } from "react/jsx-runtime";
+import { c as $ } from "react/compiler-runtime";
+import v from "./visualization.es28.js";
+const H = (u) => {
+  const t = $(15), {
+    pointData: x,
+    xScaleTransformed: a,
+    yScaleTransformed: f,
+    boundedWidth: n,
+    boundedHeight: l,
+    margin: o
+  } = u;
+  if (!x.some(z))
+    return null;
+  const T = o.top, j = o.left;
+  let s;
+  if (t[0] !== l || t[1] !== n || t[2] !== x || t[3] !== a || t[4] !== f) {
+    let m;
+    t[6] !== l || t[7] !== n || t[8] !== a || t[9] !== f ? (m = (r, k) => {
+      if (!r.label)
+        return null;
+      const c = a(r.x), i = f(r.y);
+      if (c < 0 || c > n || i < 0 || i > l)
         return null;
-      let r = "grey";
-      return p.forEach((t) => {
-        (n && i && i(t) === l || n && t.category && t.category === l) && (r = n(t));
-      }), /* @__PURE__ */ m("div", { style: {
-        display: "flex",
-        alignItems: "center"
-      }, children: [
-        /* @__PURE__ */ u(w, { checked: s[l], onChange: () => o(l), color: "primary", size: "small", style: {
-          padding: 0
-        } }),
-        /* @__PURE__ */ u(y, { variant: "body2", style: {
-          color: r,
-          marginLeft: "4px",
-          cursor: "pointer",
-          fontSize: "14px",
-          fontFamily: "Arial"
-        }, onClick: () => o(l), children: l })
-      ] }, l);
-    })
-  ] }) : null, e[20] = n, e[21] = F, e[22] = v, e[23] = p, e[24] = g, e[25] = i, e[26] = o, e[27] = s, e[28] = c) : c = e[28];
-  let T;
-  return e[29] !== f || e[30] !== d || e[31] !== c ? (T = /* @__PURE__ */ m("div", { style: k, children: [
-    f,
-    d,
-    c
-  ] }), e[29] = f, e[30] = d, e[31] = c, e[32] = T) : T = e[32], T;
+      const p = r.label.length * 7, y = r.r ?? 3, g = Math.atan2(i - l / 2, c - n / 2);
+      let e = Math.cos(g), d = Math.sin(g);
+      const W = c + e * 15, A = e >= 0 ? W + 4 + p : W - 4 - p;
+      (A > n || A < 0) && (e = -e);
+      const M = i + d * 15;
+      (M < 0 || M > l) && (d = -d);
+      const R = c + e * 15, S = i + d * 15, w = e >= 0 ? "start" : "end";
+      return /* @__PURE__ */ E("g", { pointerEvents: "none", children: [
+        /* @__PURE__ */ b("line", { x1: c + e * y, y1: i + d * y, x2: R, y2: S, stroke: "#555", strokeWidth: 1 }),
+        /* @__PURE__ */ b("text", { x: R + (e >= 0 ? 4 : -4), y: S, textAnchor: w, dominantBaseline: "middle", fontSize: 11, fontWeight: "bold", fill: "#1c1917", children: r.label })
+      ] }, `lbl-${k}`);
+    }, t[6] = l, t[7] = n, t[8] = a, t[9] = f, t[10] = m) : m = t[10], s = x.map(m), t[0] = l, t[1] = n, t[2] = x, t[3] = a, t[4] = f, t[5] = s;
+  } else
+    s = t[5];
+  let h;
+  return t[11] !== o.left || t[12] !== o.top || t[13] !== s ? (h = /* @__PURE__ */ b(v, { top: T, left: j, children: s }), t[11] = o.left, t[12] = o.top, t[13] = s, t[14] = h) : h = t[14], h;
 };
+function z(u) {
+  return u.label;
+}
 export {
-  G as default
+  H as default
 };
 //# sourceMappingURL=visualization.es100.js.map

package/dist/visualization.es100.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es100.js","sources":["../src/components/Graph/Legend.tsx"],"sourcesContent":["import React from 'react';\nimport Checkbox from '@mui/material/Checkbox';\nimport { Node, Edge } from './types';\nimport { Typography } from '@mui/material';\n\ninterface LegendProps {\n  toggles: { [key: string]: boolean };\n  onToggle: (category: string) => void;\n  simpleCategories: string[];\n  edgeType: boolean;\n  colorFunc?: (node: Node | Edge) => string;\n  elements: Node[];\n  edges: Edge[];\n  legendToggle?: (node: Node | Edge) => string;\n  legendNodeLabel?: string;\n  legendEdgeLabel?: string;\n  order?: string[];\n  uniqueCat?: string[];\n}\n\nconst Legend: React.FC<LegendProps> = ({\n  toggles,\n  onToggle,\n  simpleCategories,\n  edgeType,\n  colorFunc,\n  elements,\n  edges,\n  legendToggle,\n  legendNodeLabel,\n  legendEdgeLabel,\n  order,\n  uniqueCat,\n}) => {\n  const edgeTypes = Array.from(\n    new Set(\n      edges.map((e) => {\n        if (legendToggle) return legendToggle(e);\n        else if (e.category) {\n          return e.category;\n        } else {\n          return;\n        }\n      })\n    )\n  );\n\n  const uniqueCategories = order\n    ? order\n    : Array.from(new Set(simpleCategories)); // simple names\n\n  // loop on uniqueCat if there is order, else loop on uniqueCategories\n  return (\n    <div\n      style={{\n        bottom: '10px',\n        zIndex: 1000,\n        backgroundColor: 'white',\n        borderRadius: '5px',\n        width: '225px',\n        padding: '5px',\n      }}\n    >\n      <Typography\n        style={{ fontSize: '18px', margin: '3px', fontFamily: 'Arial' }}\n      >\n        {legendNodeLabel ? legendNodeLabel : 'Node Type'}\n      </Typography>\n      {uniqueCat\n        ? uniqueCat.map((category) => {\n            let color = 'grey';\n            let simpleDisplay = '';\n\n            elements.forEach((node) => {\n              uniqueCategories.forEach((cat) => {\n                if (\n                  colorFunc &&\n                  legendToggle &&\n                  legendToggle(node) === cat &&\n                  node.category === category\n                ) {\n                  color = colorFunc(node);\n                  simpleDisplay = cat; // simple display category name if legend toggle\n                  return;\n                }\n              });\n            });\n            return (\n              <div\n                key={category}\n                style={{\n                  display: 'flex',\n                  alignItems: 'center',\n                  marginBottom: '4px',\n                }}\n              >\n                <Checkbox\n                  checked={toggles[category]}\n                  onChange={() => onToggle(category)}\n                  color=\"primary\"\n                  size=\"small\"\n                  style={{ padding: 0 }}\n                />\n                <Typography\n                  variant=\"body2\"\n                  style={{\n                    color: color,\n                    marginLeft: '4px',\n                    cursor: 'pointer',\n                    fontSize: '14px',\n                    fontFamily: 'Arial',\n                  }}\n                  onClick={() => onToggle(category)}\n                >\n                  {simpleDisplay} {legendToggle ? '(' : null}\n                  {legendToggle ? category : null}\n                  {legendToggle ? ')' : null}\n                </Typography>\n              </div>\n            );\n          })\n        : uniqueCategories.map((category) => {\n            let color = 'grey';\n            let nodeCat = '';\n\n            elements.forEach((node) => {\n              if (\n                colorFunc &&\n                legendToggle &&\n                legendToggle(node) === category\n              ) {\n                color = colorFunc(node);\n                nodeCat = node.category; // category of node\n              }\n            });\n\n            return (\n              <div\n                key={category}\n                style={{\n                  display: 'flex',\n                  alignItems: 'center',\n                  marginBottom: '4px',\n                }}\n              >\n                <Checkbox\n                  checked={toggles[category]}\n                  onChange={() => onToggle(category)}\n                  color=\"primary\"\n                  size=\"small\"\n                  style={{ padding: 0 }}\n                />\n                <Typography\n                  variant=\"body2\"\n                  style={{\n                    color: color,\n                    marginLeft: '4px',\n                    cursor: 'pointer',\n                    fontSize: '14px',\n                    fontFamily: 'Arial',\n                  }}\n                  onClick={() => onToggle(category)}\n                >\n                  {category} {legendToggle ? '(' : null}\n                  {legendToggle ? nodeCat : null}\n                  {legendToggle ? ')' : null}\n                </Typography>\n              </div>\n            );\n          })}\n\n      {edgeType && edgeTypes !== null ? (\n        <div>\n          <Typography\n            style={{ fontSize: '18px', margin: '3px', fontFamily: 'Arial' }}\n          >\n            {legendEdgeLabel ? legendEdgeLabel : 'Edge Type'}\n          </Typography>\n          {edgeTypes.map((category) => {\n            if (category === undefined) {\n              return null;\n            }\n            let color = 'grey';\n\n            edges.forEach((edge) => {\n              if (\n                colorFunc &&\n                legendToggle &&\n                legendToggle(edge) === category\n              ) {\n                color = colorFunc(edge);\n              } else if (\n                colorFunc &&\n                edge.category &&\n                edge.category === category\n              ) {\n                color = colorFunc(edge);\n              }\n            });\n\n            return (\n              <div\n                key={category}\n                style={{\n                  display: 'flex',\n                  alignItems: 'center',\n                }}\n              >\n                <Checkbox\n                  checked={toggles[category]}\n                  onChange={() => onToggle(category)}\n                  color=\"primary\"\n                  size=\"small\"\n                  style={{ padding: 0 }}\n                />\n                <Typography\n                  variant=\"body2\"\n                  style={{\n                    color: color,\n                    marginLeft: '4px',\n                    cursor: 'pointer',\n                    fontSize: '14px',\n                    fontFamily: 'Arial',\n                  }}\n                  onClick={() => onToggle(category)}\n                >\n                  {category}\n                </Typography>\n              </div>\n            );\n          })}\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nexport default Legend;\n"],"names":["Legend","t0","$","_c","toggles","onToggle","simpleCategories","edgeType","colorFunc","elements","edges","legendToggle","legendNodeLabel","legendEdgeLabel","order","uniqueCat","t1","t2","e","category","Array","from","Set","map","edgeTypes","uniqueCategories","t3","Symbol","for","bottom","zIndex","backgroundColor","borderRadius","width","padding","t4","fontSize","margin","fontFamily","t5","t6","jsx","Typography","t7","color","simpleDisplay","forEach","node","cat","jsxs","display","alignItems","marginBottom","Checkbox","marginLeft","cursor","category_0","color_0","nodeCat","node_0","t8","category_1","undefined","color_1","edge","t9"],"mappings":"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"}
+{"version":3,"file":"visualization.es100.js","sources":["../src/components/ScatterPlot/PointLabels.tsx"],"sourcesContent":["import React from \"react\";\nimport { Group } from \"@visx/group\";\nimport { ScaleLinear } from \"@visx/vendor/d3-scale\";\nimport { Point } from \"./types\";\n\ntype PointLabelsProps<T extends object> = {\n    pointData: Point<T>[];\n    xScaleTransformed: ScaleLinear<number, number, never>;\n    yScaleTransformed: ScaleLinear<number, number, never>;\n    boundedWidth: number;\n    boundedHeight: number;\n    margin: { top: number; left: number };\n};\n\nconst PointLabels = <T extends object>({\n    pointData,\n    xScaleTransformed,\n    yScaleTransformed,\n    boundedWidth,\n    boundedHeight,\n    margin,\n}: PointLabelsProps<T>) => {\n    if (!pointData.some(p => p.label)) return null;\n\n    return (\n        <Group top={margin.top} left={margin.left}>\n            {pointData.map((point, i) => {\n                if (!point.label) return null;\n                const cx = xScaleTransformed(point.x);\n                const cy = yScaleTransformed(point.y);\n                if (cx < 0 || cx > boundedWidth || cy < 0 || cy > boundedHeight) return null;\n\n                const lineLen = 15;\n                const estTextWidth = point.label.length * 7;\n                const circleR = (point.r ?? 3);\n                const angle = Math.atan2(cy - boundedHeight / 2, cx - boundedWidth / 2);\n                let cosA = Math.cos(angle);\n                let sinA = Math.sin(angle);\n\n                // Flip horizontal if text would overflow left/right\n                const lxRaw = cx + cosA * lineLen;\n                const textEndX = cosA >= 0 ? lxRaw + 4 + estTextWidth : lxRaw - 4 - estTextWidth;\n                if (textEndX > boundedWidth || textEndX < 0) cosA = -cosA;\n\n                // Flip vertical if line endpoint would overflow top/bottom\n                const lyRaw = cy + sinA * lineLen;\n                if (lyRaw < 0 || lyRaw > boundedHeight) sinA = -sinA;\n\n                const lx = cx + cosA * lineLen;\n                const ly = cy + sinA * lineLen;\n                const anchor = cosA >= 0 ? \"start\" : \"end\";\n\n                return (\n                    <g key={`lbl-${i}`} pointerEvents=\"none\">\n                        <line x1={cx + cosA * circleR} y1={cy + sinA * circleR} x2={lx} y2={ly} stroke=\"#555\" strokeWidth={1} />\n                        <text x={lx + (cosA >= 0 ? 4 : -4)} y={ly} textAnchor={anchor} dominantBaseline=\"middle\" fontSize={11} fontWeight=\"bold\" fill=\"#1c1917\">\n                            {point.label}\n                        </text>\n                    </g>\n                );\n            })}\n        </Group>\n    );\n};\n\nexport default PointLabels;\n"],"names":["PointLabels","t0","$","_c","pointData","xScaleTransformed","yScaleTransformed","boundedWidth","boundedHeight","margin","some","_temp","t1","top","t2","left","t3","t4","point","i","label","cx","x","cy","y","estTextWidth","length","circleR","r","angle","Math","atan2","cosA","cos","sinA","sin","lxRaw","textEndX","lyRaw","lx","ly","anchor","jsxs","jsx","map","Group","p"],"mappings":"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"}

package/dist/visualization.es101.js

@@ -1,150 +1,79 @@
-import { jsxs as a, jsx as t, Fragment as J } from "react/jsx-runtime";
-import { c as K } from "react/compiler-runtime";
-import v from "@mui/material/Typography";
-import N from "@mui/icons-material/Info";
-import O from "@mui/material/Tooltip";
-const Z = (E) => {
-  const e = K(50), {
-    scales: u,
-    width: l,
-    scaleLabel: k
-  } = E;
-  if (u.length === 0)
-    return null;
-  let c, s, i, m, o, f, d, h, n, y, p, x;
-  if (e[0] !== k || e[1] !== u || e[2] !== l) {
-    const r = [...u].sort(P), R = r[0], W = r[r.length - 1], $ = r[Math.floor(r.length / 4)], q = r[Math.floor(r.length * 3 / 4)];
-    let z;
-    if (e[15] !== l) {
-      const G = l.toString();
-      z = G.match(/=>\s*(.*)/)?.[1]?.trim().replace("Math.", "") || G, e[15] = l, e[16] = z;
-    } else
-      z = e[16];
-    let w = z;
-    k && (w = k);
-    let A;
-    e[17] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (A = {
-      top: "20vh",
-      zIndex: 1e3,
-      backgroundColor: "white",
-      padding: "10px",
-      borderRadius: "5px",
-      fontSize: "13px",
-      width: "225px",
-      textAlign: "left"
-    }, e[17] = A) : A = e[17];
-    const H = A;
-    let C;
-    e[18] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (C = {
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "left",
-      marginBottom: "5px"
-    }, e[18] = C) : C = e[18];
-    const I = C;
-    m = H;
-    let L;
-    e[19] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (L = {
-      margin: "3px 0",
-      fontSize: "16px",
-      fontFamily: "Arial"
-    }, e[19] = L) : L = e[19];
-    let T;
-    e[20] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (T = {
-      ml: 0.5
-    }, e[20] = T) : T = e[20];
-    let j;
-    e[21] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (j = /* @__PURE__ */ t(N, { fontSize: "small", style: {
-      marginBottom: "-4.5px",
-      marginTop: "-7px"
-    } }), e[21] = j) : j = e[21], e[22] !== w ? (i = /* @__PURE__ */ a(v, { variant: "body2", component: "h4", style: L, children: [
-      "Edge Weight Scale:",
-      /* @__PURE__ */ t(O, { title: w, color: "primary", sx: T, placement: "bottom", children: j })
-    ] }), e[22] = w, e[23] = i) : i = e[23], e[24] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (n = {
-      display: "flex",
-      flexDirection: "column",
-      alignItems: "left",
-      marginTop: "10px"
-    }, e[24] = n) : n = e[24];
-    let M;
-    e[25] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (M = {
-      marginLeft: "10px",
-      fontSize: "14px",
-      fontFamily: "Arial"
-    }, e[25] = M) : M = e[25], y = /* @__PURE__ */ a("div", { style: I, children: [
-      /* @__PURE__ */ t("div", { style: {
-        width: l(R),
-        height: "10px",
-        backgroundColor: "black",
-        display: "inline-block"
-      } }),
-      /* @__PURE__ */ t(v, { variant: "body2", style: M, children: R.toFixed(2) })
-    ] });
-    let B;
-    e[26] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (B = {
-      marginLeft: "10px",
-      fontSize: "14px",
-      fontFamily: "Arial"
-    }, e[26] = B) : B = e[26], p = /* @__PURE__ */ a("div", { style: I, children: [
-      /* @__PURE__ */ t("div", { style: {
-        width: l($),
-        height: "10px",
-        backgroundColor: "black",
-        display: "inline-block"
-      } }),
-      /* @__PURE__ */ t(v, { variant: "body2", style: B, children: $.toFixed(2) })
-    ] });
-    let D;
-    e[27] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (D = {
-      marginLeft: "10px",
-      fontSize: "14px",
-      fontFamily: "Arial"
-    }, e[27] = D) : D = e[27], x = /* @__PURE__ */ a("div", { style: I, children: [
-      /* @__PURE__ */ t("div", { style: {
-        width: l(q),
-        height: "10px",
-        backgroundColor: "black",
-        display: "inline-block"
-      } }),
-      /* @__PURE__ */ t(v, { variant: "body2", style: D, children: q.toFixed(2) })
-    ] }), d = I, h = /* @__PURE__ */ t("div", { style: {
-      width: l(W),
-      height: "10px",
-      backgroundColor: "black",
-      display: "inline-block"
-    } }), c = v, s = "body2", e[28] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (o = {
-      marginLeft: "10px",
-      fontSize: "14px",
-      fontFamily: "Arial"
-    }, e[28] = o) : o = e[28], f = W.toFixed(2), e[0] = k, e[1] = u, e[2] = l, e[3] = c, e[4] = s, e[5] = i, e[6] = m, e[7] = o, e[8] = f, e[9] = d, e[10] = h, e[11] = n, e[12] = y, e[13] = p, e[14] = x;
+import { jsx as l, jsxs as F, Fragment as B } from "react/jsx-runtime";
+import { c as D } from "react/compiler-runtime";
+import { useId as E } from "react";
+import J from "./visualization.es27.js";
+import K from "./visualization.es28.js";
+const U = (M) => {
+  const e = D(49), {
+    backgroundGradient: y,
+    boundedHeight: t,
+    barLeft: W,
+    marginTop: _
+  } = M, w = E();
+  let p;
+  if (e[0] !== w) {
+    let G;
+    e[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (G = /:/g, e[2] = G) : G = e[2], p = w.replace(G, ""), e[0] = w, e[1] = p;
   } else
-    c = e[3], s = e[4], i = e[5], m = e[6], o = e[7], f = e[8], d = e[9], h = e[10], n = e[11], y = e[12], p = e[13], x = e[14];
-  let g;
-  e[29] !== c || e[30] !== s || e[31] !== o || e[32] !== f ? (g = /* @__PURE__ */ t(c, { variant: s, style: o, children: f }), e[29] = c, e[30] = s, e[31] = o, e[32] = f, e[33] = g) : g = e[33];
+    p = e[1];
+  const g = `sg-${p}`;
   let b;
-  e[34] !== g || e[35] !== d || e[36] !== h ? (b = /* @__PURE__ */ a("div", { style: d, children: [
-    h,
-    g
-  ] }), e[34] = g, e[35] = d, e[36] = h, e[37] = b) : b = e[37];
-  let S;
-  e[38] !== b || e[39] !== n || e[40] !== y || e[41] !== p || e[42] !== x ? (S = /* @__PURE__ */ a("div", { style: n, children: [
-    y,
-    p,
-    x,
-    b
-  ] }), e[38] = b, e[39] = n, e[40] = y, e[41] = p, e[42] = x, e[43] = S) : S = e[43];
-  let _;
-  e[44] !== i || e[45] !== S ? (_ = /* @__PURE__ */ a(J, { children: [
+  e[3] !== y.colorScale ? (b = y.colorScale ?? ["red", "white", "blue"], e[3] = y.colorScale, e[4] = b) : b = e[4];
+  const [C, $, j] = b, {
+    label: k,
+    minLabel: S,
+    midLabel: q,
+    maxLabel: u
+  } = y.legend;
+  let o;
+  e[5] !== j ? (o = /* @__PURE__ */ l("stop", { offset: "0%", stopColor: j }), e[5] = j, e[6] = o) : o = e[6];
+  let i;
+  e[7] !== $ ? (i = /* @__PURE__ */ l("stop", { offset: "50%", stopColor: $ }), e[7] = $, e[8] = i) : i = e[8];
+  let r;
+  e[9] !== C ? (r = /* @__PURE__ */ l("stop", { offset: "100%", stopColor: C }), e[9] = C, e[10] = r) : r = e[10];
+  let s;
+  e[11] !== g || e[12] !== o || e[13] !== i || e[14] !== r ? (s = /* @__PURE__ */ l("defs", { children: /* @__PURE__ */ F("linearGradient", { id: g, x1: "0", y1: "0", x2: "0", y2: "1", children: [
+    o,
     i,
-    S
-  ] }), e[44] = i, e[45] = S, e[46] = _) : _ = e[46];
-  let F;
-  return e[47] !== m || e[48] !== _ ? (F = /* @__PURE__ */ t("div", { style: m, children: _ }), e[47] = m, e[48] = _, e[49] = F) : F = e[49], F;
+    r
+  ] }) }), e[11] = g, e[12] = o, e[13] = i, e[14] = r, e[15] = s) : s = e[15];
+  const A = `url(#${g})`;
+  let n;
+  e[16] !== t || e[17] !== A ? (n = /* @__PURE__ */ l("rect", { x: 0, y: 0, width: 16, height: t, fill: A, stroke: "#aaa", strokeWidth: 0.5 }), e[16] = t, e[17] = A, e[18] = n) : n = e[18];
+  let L;
+  e[19] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (L = /* @__PURE__ */ l("line", { x1: 16, x2: 22, y1: 0, y2: 0, stroke: "#555", strokeWidth: 1 }), e[19] = L) : L = e[19];
+  const H = t / 2, I = t / 2;
+  let c;
+  e[20] !== H || e[21] !== I ? (c = /* @__PURE__ */ l("line", { x1: 16, x2: 22, y1: H, y2: I, stroke: "#555", strokeWidth: 1 }), e[20] = H, e[21] = I, e[22] = c) : c = e[22];
+  let f;
+  e[23] !== t ? (f = /* @__PURE__ */ l("line", { x1: 16, x2: 22, y1: t, y2: t, stroke: "#555", strokeWidth: 1 }), e[23] = t, e[24] = f) : f = e[24];
+  let d;
+  e[25] !== u ? (d = u && /* @__PURE__ */ l("text", { x: 26, y: 0, dy: "0.35em", fontSize: 10, fill: "#1c1917", children: u }), e[25] = u, e[26] = d) : d = e[26];
+  const T = t / 2, v = q ?? "0";
+  let a;
+  e[27] !== T || e[28] !== v ? (a = /* @__PURE__ */ l("text", { x: 26, y: T, dy: "0.35em", fontSize: 10, fill: "#1c1917", children: v }), e[27] = T, e[28] = v, e[29] = a) : a = e[29];
+  let m;
+  e[30] !== t || e[31] !== S ? (m = S && /* @__PURE__ */ l("text", { x: 26, y: t, dy: "0.35em", fontSize: 10, fill: "#1c1917", children: S }), e[30] = t, e[31] = S, e[32] = m) : m = e[32];
+  let x;
+  e[33] !== t || e[34] !== k ? (x = k && /* @__PURE__ */ l(J, { textAnchor: "middle", verticalAnchor: "end", angle: 90, fontSize: 14, y: t / 2, x: 0, dx: 65, children: k }), e[33] = t, e[34] = k, e[35] = x) : x = e[35];
+  let h;
+  e[36] !== W || e[37] !== _ || e[38] !== c || e[39] !== f || e[40] !== d || e[41] !== a || e[42] !== m || e[43] !== x || e[44] !== n ? (h = /* @__PURE__ */ F(K, { top: _, left: W, children: [
+    n,
+    L,
+    c,
+    f,
+    d,
+    a,
+    m,
+    x
+  ] }), e[36] = W, e[37] = _, e[38] = c, e[39] = f, e[40] = d, e[41] = a, e[42] = m, e[43] = x, e[44] = n, e[45] = h) : h = e[45];
+  let z;
+  return e[46] !== h || e[47] !== s ? (z = /* @__PURE__ */ F(B, { children: [
+    s,
+    h
+  ] }), e[46] = h, e[47] = s, e[48] = z) : z = e[48], z;
 };
-function P(E, e) {
-  return E - e;
-}
 export {
-  Z as default
+  U as default
 };
 //# sourceMappingURL=visualization.es101.js.map