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

package/dist/visualization.es123.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es123.js","sources":["../src/components/ScatterPlot/hooks/useDragSelection.ts"],"sourcesContent":["import { useCallback, useState } from \"react\";\nimport { useDrag, HandlerArgs } from \"@visx/drag\";\nimport { ScaleLinear } from \"@visx/vendor/d3-scale\";\nimport { Line, Lines, Point, ZoomType } from \"../types\";\nimport { isPointInLasso, rescaleX, rescaleY } from \"../helpers\";\n\ntype UseDragSelectionProps<T extends object> = {\n    pointData: Point<T>[];\n    margin: { top: number; left: number };\n    xScale: ScaleLinear<number, number, never>;\n    yScale: ScaleLinear<number, number, never>;\n    onSelectionChange?: (selectedPoints: Point<T>[]) => void;\n};\n\nexport const useDragSelection = <T extends object>({\n    pointData,\n    margin,\n    xScale,\n    yScale,\n    onSelectionChange,\n}: UseDragSelectionProps<T>) => {\n    const [lines, setLines] = useState<Lines>([]);\n\n    const onDragStart = useCallback((currDrag: HandlerArgs) => {\n        if (currDrag?.x === undefined || currDrag?.y === undefined) return;\n        const startX = currDrag.x;\n        const startY = currDrag.y;\n\n        setLines((currLines) => [\n            ...currLines,\n            [{ x: startX - margin.left, y: startY - margin.top }],\n        ]);\n    }, [margin.left, margin.top]);\n\n    const onDragMove = useCallback((currDrag: HandlerArgs) => {\n        if (currDrag?.x === undefined || currDrag?.y === undefined) return;\n\n        const adjustedX = currDrag.x - margin.left;\n        const adjustedY = currDrag.y - margin.top;\n        setLines((currLines) => {\n            const nextLines = [...currLines];\n            const nextPoint = { x: adjustedX + currDrag.dx, y: adjustedY + currDrag.dy };\n            const lastIndex = nextLines.length - 1;\n            nextLines[lastIndex] = [...(nextLines[lastIndex] || []), nextPoint];\n            return nextLines;\n        });\n    }, [margin.left, margin.top]);\n\n    const completeSelection = useCallback((zoom: ZoomType) => {\n        const lasso = lines[lines.length - 1];\n        if (!lasso) {\n            setLines([]);\n            return;\n        }\n\n        const xScaleTransformed = rescaleX(xScale, zoom.transformMatrix.translateX, zoom.transformMatrix.scaleX);\n        const yScaleTransformed = rescaleY(yScale, zoom.transformMatrix.translateY, zoom.transformMatrix.scaleY);\n\n        const pointsInsideLasso = pointData.filter((point) => isPointInLasso({\n            x: xScaleTransformed(point.x),\n            y: yScaleTransformed(point.y),\n        }, lasso as Line));\n\n        onSelectionChange?.(pointsInsideLasso);\n        setLines([]);\n    }, [lines, onSelectionChange, pointData, xScale, yScale]);\n\n    const {\n        x = 0,\n        y = 0,\n        dx,\n        dy,\n        isDragging,\n        dragStart,\n        dragEnd,\n        dragMove,\n    } = useDrag({\n        onDragStart,\n        onDragMove,\n        resetOnStart: true,\n    });\n\n    return { lines, isDragging, x, y, dx, dy, dragStart, dragMove, dragEnd, completeSelection };\n};\n"],"names":["useDragSelection","t0","$","_c","pointData","margin","xScale","yScale","onSelectionChange","t1","Symbol","for","lines","setLines","useState","t2","left","top","currDrag","x","undefined","y","startX","startY","currLines","onDragStart","t3","currDrag_0","adjustedX","adjustedY","currLines_0","nextLines","nextPoint","dx","dy","lastIndex","length","onDragMove","t4","zoom","lasso","xScaleTransformed","rescaleX","transformMatrix","translateX","scaleX","yScaleTransformed","rescaleY","translateY","scaleY","pointsInsideLasso","filter","point","isPointInLasso","completeSelection","t5","resetOnStart","t6","t7","isDragging","dragStart","dragEnd","dragMove","useDrag","t8"],"mappings":"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"}
+{"version":3,"file":"visualization.es123.js","sources":["../src/components/TreeMap/helpers.ts"],"sourcesContent":["import { HierarchyRectangularNode } from \"@visx/hierarchy\";\nimport { TreemapNode, TreemapProps } from \"./types\";\n\n//get coords for label placement based on user input\nexport function getLabelPlacement(\n    node: HierarchyRectangularNode<TreemapNode<any>>,\n    placement: TreemapProps<any>[\"labelPlacement\"],\n    showValue?: boolean,\n    hasChildren?: boolean\n) {\n    const padding = 6;\n    const cx = (node.x0 + node.x1) / 2;\n    const cy = (node.y0 + node.y1) / 2;\n\n    switch (placement) {\n        case \"topLeft\":\n            return {\n                textX: node.x0 + padding,\n                textY: node.y0 + 10,\n                valueY: hasChildren ? node.y0 + 17 : node.y0 + 40,\n                valueX: hasChildren ? node.x1 - padding : node.x0 + padding,\n                textAnchor: \"start\",\n                valueAnchor: hasChildren ? \"end\" : \"start\",\n                baseline: \"hanging\",\n            } as const;\n        case \"topRight\":\n            return {\n                textX: node.x1 - padding,\n                textY: node.y0 + 10,\n                valueY: node.y0 + 40,\n                valueX: node.x1 - padding,\n                textAnchor: \"end\",\n                valueAnchor: \"end\",\n                baseline: \"hanging\",\n            } as const;\n        case \"bottomLeft\":\n            return {\n                textX: node.x0 + padding,\n                textY: showValue ? node.y1 - 35 : node.y1 - 15 ,\n                valueY: node.y1 - 15,\n                valueX: node.x0 + padding,\n                textAnchor: \"start\",\n                valueAnchor: \"start\",\n                baseline: \"alphabetic\",\n            } as const;\n        case \"bottomRight\":\n            return {\n                textX: node.x1 - padding,\n                textY: showValue ? node.y1 - 35 : node.y1 - 15,\n                valueY: node.y1 - 15,\n                valueX: node.x1 - padding,\n                textAnchor: \"end\",\n                valueAnchor: \"end\",\n                baseline: \"alphabetic\",\n            } as const;\n        case \"middle\":\n        default:\n            return {\n                textX: cx,\n                textY: showValue ? cy - 5 : cy + 5,\n                valueY: cy + 15,\n                valueX: cx,\n                textAnchor: \"middle\",\n                valueAnchor: \"middle\",\n                baseline: \"middle\",\n            } as const;\n    }\n}\n\n//Check if text exceeds box\nexport function measureTextWidth(text: string, fontSize: number, fontFamily: string) {\n    const canvas = document.createElement(\"canvas\");\n    const ctx = canvas.getContext(\"2d\");\n    if (!ctx) return 0;\n    ctx.font = `${fontSize}px ${fontFamily}`;\n    return ctx.measureText(text).width;\n}\n\n//truncate text with ... to fit in box\nexport function truncateTextToWidth(\n  text: string,\n  maxWidth: number,\n  fontSize: number,\n  fontFamily: string\n): string {\n  const canvas = document.createElement(\"canvas\");\n  const ctx = canvas.getContext(\"2d\");\n  if (!ctx) return text;\n\n  ctx.font = `${fontSize}px ${fontFamily}`;\n  if (ctx.measureText(text).width <= maxWidth) return text;\n\n  let truncated = text;\n  while (truncated.length > 0 && ctx.measureText(truncated + \"…\").width > maxWidth) {\n    truncated = truncated.slice(0, -1);\n  }\n\n  const result = truncated === \"\" ? \"\" : truncated + \"...\"\n\n  return result;\n}\n"],"names":["getLabelPlacement","node","placement","showValue","hasChildren","cx","x0","x1","cy","y0","y1","textX","padding","textY","valueY","valueX","textAnchor","valueAnchor","baseline","measureTextWidth","text","fontSize","fontFamily","ctx","document","createElement","getContext","font","measureText","width","truncateTextToWidth","maxWidth","truncated","length","slice"],"mappings":"AAIO,SAASA,EACZC,GACAC,GACAC,GACAC,GACF;AAEE,QAAMC,KAAMJ,EAAKK,KAAKL,EAAKM,MAAM,GAC3BC,KAAMP,EAAKQ,KAAKR,EAAKS,MAAM;AAEjC,UAAQR,GAAAA;AAAAA,IACJ,KAAK;AACD,aAAO;AAAA,QACHS,OAAOV,EAAKK,KAAKM;AAAAA,QACjBC,OAAOZ,EAAKQ,KAAK;AAAA,QACjBK,QAAQV,IAAcH,EAAKQ,KAAK,KAAKR,EAAKQ,KAAK;AAAA,QAC/CM,QAAQX,IAAcH,EAAKM,KAAKK,IAAUX,EAAKK,KAAKM;AAAAA,QACpDI,YAAY;AAAA,QACZC,aAAab,IAAc,QAAQ;AAAA,QACnCc,UAAU;AAAA,MAAA;AAAA,IAElB,KAAK;AACD,aAAO;AAAA,QACHP,OAAOV,EAAKM,KAAKK;AAAAA,QACjBC,OAAOZ,EAAKQ,KAAK;AAAA,QACjBK,QAAQb,EAAKQ,KAAK;AAAA,QAClBM,QAAQd,EAAKM,KAAKK;AAAAA,QAClBI,YAAY;AAAA,QACZC,aAAa;AAAA,QACbC,UAAU;AAAA,MAAA;AAAA,IAElB,KAAK;AACD,aAAO;AAAA,QACHP,OAAOV,EAAKK,KAAKM;AAAAA,QACjBC,OAAOV,IAAYF,EAAKS,KAAK,KAAKT,EAAKS,KAAK;AAAA,QAC5CI,QAAQb,EAAKS,KAAK;AAAA,QAClBK,QAAQd,EAAKK,KAAKM;AAAAA,QAClBI,YAAY;AAAA,QACZC,aAAa;AAAA,QACbC,UAAU;AAAA,MAAA;AAAA,IAElB,KAAK;AACD,aAAO;AAAA,QACHP,OAAOV,EAAKM,KAAKK;AAAAA,QACjBC,OAAOV,IAAYF,EAAKS,KAAK,KAAKT,EAAKS,KAAK;AAAA,QAC5CI,QAAQb,EAAKS,KAAK;AAAA,QAClBK,QAAQd,EAAKM,KAAKK;AAAAA,QAClBI,YAAY;AAAA,QACZC,aAAa;AAAA,QACbC,UAAU;AAAA,MAAA;AAAA,IAGlB;AACI,aAAO;AAAA,QACHP,OAAON;AAAAA,QACPQ,OAAOV,IAAYK,IAAK,IAAIA,IAAK;AAAA,QACjCM,QAAQN,IAAK;AAAA,QACbO,QAAQV;AAAAA,QACRW,YAAY;AAAA,QACZC,aAAa;AAAA,QACbC,UAAU;AAAA,MAAA;AAAA,EACd;AAEZ;AAGO,SAASC,EAAiBC,GAAcC,GAAkBC,GAAoB;AAEjF,QAAMC,IADSC,SAASC,cAAc,QAAQ,EAC3BC,WAAW,IAAI;AAClC,SAAKH,KACLA,EAAII,OAAO,GAAGN,CAAQ,MAAMC,CAAU,IAC/BC,EAAIK,YAAYR,CAAI,EAAES,SAFZ;AAGrB;AAGO,SAASC,EACdV,GACAW,GACAV,GACAC,GACQ;AAER,QAAMC,IADSC,SAASC,cAAc,QAAQ,EAC3BC,WAAW,IAAI;AAIlC,MAHI,CAACH,MAELA,EAAII,OAAO,GAAGN,CAAQ,MAAMC,CAAU,IAClCC,EAAIK,YAAYR,CAAI,EAAES,SAASE,GAAU,QAAOX;AAEpD,MAAIY,IAAYZ;AAChB,SAAOY,EAAUC,SAAS,KAAKV,EAAIK,YAAYI,IAAY,GAAG,EAAEH,QAAQE;AACtEC,IAAAA,IAAYA,EAAUE,MAAM,GAAG,EAAE;AAKnC,SAFeF,MAAc,KAAK,KAAKA,IAAY;AAGrD;"}

package/dist/visualization.es124.js

@@ -1,39 +1,58 @@
-import d from "./visualization.es139.js";
-import { line as u } from "./visualization.es37.js";
-import { jsx as t, Fragment as h } from "react/jsx-runtime";
-function N(n) {
-  let {
-    children: e,
-    data: a = [],
-    x: i,
-    y: l,
-    fill: o = "transparent",
-    className: s,
-    curve: f,
-    innerRef: p,
-    defined: c = () => !0,
-    ...m
-  } = n;
-  const r = u({
-    x: i,
-    y: l,
-    defined: c,
-    curve: f
-  });
-  return e ? /* @__PURE__ */ t(h, {
-    children: e({
-      path: r
-    })
-  }) : /* @__PURE__ */ t("path", {
-    ref: p,
-    className: d("visx-linepath", s),
-    d: r(a) || "",
-    fill: o,
-    strokeLinecap: "round",
-    ...m
-  });
-}
+import { jsx as d, jsxs as H } from "react/jsx-runtime";
+import { c as M } from "react/compiler-runtime";
+import { useId as O } from "react";
+import { measureTextWidth as R } from "./visualization.es24.js";
+import V from "./visualization.es26.js";
+import j from "./visualization.es28.js";
+const m = 14, E = 6, G = 4, B = 11, C = "sans-serif", D = 5, N = (o) => o % 1 === 0 ? String(o) : o.toFixed(1), $ = (o, t) => Array.from({
+  length: D
+}, (n, s) => o + s * (t - o) / (D - 1)), K = 1.15, P = 6, Q = (o, t) => {
+  const n = Math.max(...$(o, t).map((s) => R(N(s), B, C)));
+  return m + G + E + n * K + P;
+}, X = (o) => {
+  const t = M(22), {
+    colors: n,
+    minValue: s,
+    maxValue: f,
+    length: h,
+    orientation: W
+  } = o, b = W === void 0 ? "vertical" : W, _ = O();
+  let g;
+  if (t[0] !== _) {
+    let i;
+    t[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (i = /:/g, t[2] = i) : i = t[2], g = _.replace(i, ""), t[0] = _, t[1] = g;
+  } else
+    g = t[1];
+  const c = `heatmap-legend-gradient-${g}`, e = b === "horizontal";
+  let p;
+  if (t[3] !== n || t[4] !== c || t[5] !== e || t[6] !== h || t[7] !== f || t[8] !== s) {
+    const i = $(s, f), z = V({
+      domain: e ? [s, f] : [f, s],
+      range: [0, h]
+    }), A = e ? "1" : "0", I = e ? "0" : "1";
+    let l;
+    t[10] !== n || t[11] !== e ? (l = n.map((F, r) => /* @__PURE__ */ d("stop", { offset: `${r / (n.length - 1) * 100}%`, stopColor: e ? n[r] : n[n.length - 1 - r] }, r)), t[10] = n, t[11] = e, t[12] = l) : l = t[12];
+    let x;
+    t[13] !== c || t[14] !== A || t[15] !== I || t[16] !== l ? (x = /* @__PURE__ */ d("defs", { children: /* @__PURE__ */ d("linearGradient", { id: c, x1: "0", y1: "0", x2: A, y2: I, children: l }) }), t[13] = c, t[14] = A, t[15] = I, t[16] = l, t[17] = x) : x = t[17];
+    const y = e ? h : m, L = e ? m : h, u = `url(#${c})`;
+    let T;
+    t[18] !== L || t[19] !== u || t[20] !== y ? (T = /* @__PURE__ */ d("rect", { x: 0, y: 0, width: y, height: L, fill: u, rx: 2 }), t[18] = L, t[19] = u, t[20] = y, t[21] = T) : T = t[21], p = /* @__PURE__ */ H(j, { children: [
+      x,
+      T,
+      i.map((F, r) => {
+        const a = z(F), S = m + G, k = S + E;
+        return /* @__PURE__ */ H("g", { children: [
+          /* @__PURE__ */ d("line", { x1: e ? a : m, x2: e ? a : S, y1: e ? m : a, y2: e ? S : a, stroke: "#4d4f52", strokeWidth: 1 }),
+          /* @__PURE__ */ d("text", { x: e ? a : k, y: e ? k : a, dominantBaseline: e ? "hanging" : "middle", textAnchor: !e || r === 0 ? "start" : r === i.length - 1 ? "end" : "middle", fontSize: B, fontFamily: C, fill: "#4d4f52", children: N(F) })
+        ] }, r);
+      })
+    ] }), t[3] = n, t[4] = c, t[5] = e, t[6] = h, t[7] = f, t[8] = s, t[9] = p;
+  } else
+    p = t[9];
+  return p;
+};
 export {
-  N as default
+  X as default,
+  Q as getHeatmapLegendWidth
 };
 //# sourceMappingURL=visualization.es124.js.map

package/dist/visualization.es124.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es124.js","sources":["../../../node_modules/.pnpm/@visx+shape@4.0.0_@types+react@19.2.14_react@19.2.4/node_modules/@visx/shape/esm/shapes/LinePath.js"],"sourcesContent":["import cx from 'classnames';\nimport { line } from \"../util/D3ShapeFactories.js\";\nimport { Fragment as _Fragment, jsx as _jsx } from \"react/jsx-runtime\";\nexport default function LinePath(_ref) {\n  let {\n    children,\n    data = [],\n    x,\n    y,\n    fill = 'transparent',\n    className,\n    curve,\n    innerRef,\n    defined = () => true,\n    ...restProps\n  } = _ref;\n  const path = line({\n    x,\n    y,\n    defined,\n    curve\n  });\n  if (children) return /*#__PURE__*/_jsx(_Fragment, {\n    children: children({\n      path\n    })\n  });\n  return /*#__PURE__*/_jsx(\"path\", {\n    ref: innerRef,\n    className: cx('visx-linepath', className),\n    d: path(data) || '',\n    fill: fill\n    // without this a datum surrounded by nulls will not be visible\n    // https://github.com/d3/d3-shape#line_defined\n    ,\n    strokeLinecap: \"round\",\n    ...restProps\n  });\n}"],"names":["LinePath","_ref","children","data","x","y","fill","className","curve","innerRef","defined","restProps","path","line","_jsx","_Fragment","cx"],"mappings":";;;AAGe,SAASA,EAASC,GAAM;AACrC,MAAI;AAAA,IACF,UAAAC;AAAA,IACA,MAAAC,IAAO,CAAA;AAAA,IACP,GAAAC;AAAA,IACA,GAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,WAAAC;AAAA,IACA,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC,IAAU,MAAM;AAAA,IAChB,GAAGC;AAAA,EACP,IAAMV;AACJ,QAAMW,IAAOC,EAAK;AAAA,IAChB,GAAAT;AAAA,IACA,GAAAC;AAAA,IACA,SAAAK;AAAA,IACA,OAAAF;AAAA,EACJ,CAAG;AACD,SAAIN,IAA8BY,gBAAAA,EAAKC,GAAW;AAAA,IAChD,UAAUb,EAAS;AAAA,MACjB,MAAAU;AAAA,IACN,CAAK;AAAA,EACL,CAAG,IACmBE,gBAAAA,EAAK,QAAQ;AAAA,IAC/B,KAAKL;AAAA,IACL,WAAWO,EAAG,iBAAiBT,CAAS;AAAA,IACxC,GAAGK,EAAKT,CAAI,KAAK;AAAA,IACjB,MAAMG;AAAA,IAIN,eAAe;AAAA,IACf,GAAGK;AAAA,EACP,CAAG;AACH;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es124.js","sources":["../src/components/Heatmap/HeatmapLegend.tsx"],"sourcesContent":["import { useId } from \"react\";\nimport { Group } from \"@visx/group\";\nimport { scaleLinear } from \"@visx/scale\";\nimport { measureTextWidth } from \"../../utility\";\n\nconst BAR_WIDTH = 14;\nconst LABEL_GAP = 6;\nconst TICK_WIDTH = 4;\nconst FONT_SIZE = 11;\nconst FONT_FAMILY = \"sans-serif\";\nconst NUM_TICKS = 5;\n\ninterface HeatmapLegendProps {\n    colors: [string, string, ...string[]];\n    minValue: number;\n    maxValue: number;\n    /** The bar's length along its orientation. */\n    length: number;\n    orientation?: \"vertical\" | \"horizontal\";\n}\n\nconst formatTick = (value: number) =>\n    value % 1 === 0 ? String(value) : value.toFixed(1);\n\nconst getTickValues = (minValue: number, maxValue: number) =>\n    Array.from({ length: NUM_TICKS }, (_, i) =>\n        minValue + (i * (maxValue - minValue)) / (NUM_TICKS - 1)\n    );\n\n// measureText and SVG layout disagree slightly, more so for longer labels: pad so none get clipped.\nconst LABEL_WIDTH_SAFETY_FACTOR = 1.15;\nconst RIGHT_PADDING = 6;\n\n// The legend's full width - bar, ticks and the widest tick label - for a vertical legend.\nexport const getHeatmapLegendWidth = (minValue: number, maxValue: number): number => {\n    const maxLabelWidth = Math.max(\n        ...getTickValues(minValue, maxValue).map((value) =>\n            measureTextWidth(formatTick(value), FONT_SIZE, FONT_FAMILY)\n        )\n    );\n    return BAR_WIDTH + TICK_WIDTH + LABEL_GAP + maxLabelWidth * LABEL_WIDTH_SAFETY_FACTOR + RIGHT_PADDING;\n};\n\nconst HeatmapLegend = ({ colors, minValue, maxValue, length, orientation = \"vertical\" }: HeatmapLegendProps) => {\n    // Unique per instance: the expanded minimap draws a second legend.\n    const gradientId = `heatmap-legend-gradient-${useId().replace(/:/g, \"\")}`;\n    const horizontal = orientation === \"horizontal\";\n    const tickValues = getTickValues(minValue, maxValue);\n\n    // Standing up, the bar reads top (max) to bottom (min); lying down, left (min) to right (max).\n    const scale = scaleLinear<number>({\n        domain: horizontal ? [minValue, maxValue] : [maxValue, minValue],\n        range: [0, length],\n    });\n\n    return (\n        <Group>\n            <defs>\n                <linearGradient id={gradientId} x1=\"0\" y1=\"0\" x2={horizontal ? \"1\" : \"0\"} y2={horizontal ? \"0\" : \"1\"}>\n                    {colors.map((_, i) => (\n                        <stop\n                            key={i}\n                            offset={`${(i / (colors.length - 1)) * 100}%`}\n                            // Top to bottom standing up, so the stops run in reverse color order.\n                            stopColor={horizontal ? colors[i] : colors[colors.length - 1 - i]}\n                        />\n                    ))}\n                </linearGradient>\n            </defs>\n            <rect\n                x={0}\n                y={0}\n                width={horizontal ? length : BAR_WIDTH}\n                height={horizontal ? BAR_WIDTH : length}\n                fill={`url(#${gradientId})`}\n                rx={2}\n            />\n            {tickValues.map((value, i) => {\n                const at = scale(value);\n                const tickStart = BAR_WIDTH;\n                const tickEnd = BAR_WIDTH + TICK_WIDTH;\n                const labelAt = tickEnd + LABEL_GAP;\n                return (\n                    <g key={i}>\n                        <line\n                            x1={horizontal ? at : tickStart}\n                            x2={horizontal ? at : tickEnd}\n                            y1={horizontal ? tickStart : at}\n                            y2={horizontal ? tickEnd : at}\n                            stroke=\"#4d4f52\"\n                            strokeWidth={1}\n                        />\n                        <text\n                            x={horizontal ? at : labelAt}\n                            y={horizontal ? labelAt : at}\n                            dominantBaseline={horizontal ? \"hanging\" : \"middle\"}\n                            // Lying down, the end labels keep inside the bar's ends rather than hang past them.\n                            textAnchor={!horizontal || i === 0 ? \"start\" : i === tickValues.length - 1 ? \"end\" : \"middle\"}\n                            fontSize={FONT_SIZE}\n                            fontFamily={FONT_FAMILY}\n                            fill=\"#4d4f52\"\n                        >\n                            {formatTick(value)}\n                        </text>\n                    </g>\n                );\n            })}\n        </Group>\n    );\n};\n\nexport default HeatmapLegend;\n"],"names":["BAR_WIDTH","LABEL_GAP","TICK_WIDTH","FONT_SIZE","FONT_FAMILY","NUM_TICKS","formatTick","value","String","toFixed","getTickValues","minValue","maxValue","Array","from","length","_","i","LABEL_WIDTH_SAFETY_FACTOR","RIGHT_PADDING","getHeatmapLegendWidth","maxLabelWidth","Math","max","map","measureTextWidth","HeatmapLegend","t0","$","_c","colors","orientation","t1","undefined","t2","useId","t3","t4","Symbol","for","replace","gradientId","horizontal","tickValues","scale","scaleLinear","domain","range","t5","t6","t7","jsx","t8","t9","t10","t11","t12","Group","i_0","at","tickEnd","labelAt"],"mappings":"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"}

package/dist/visualization.es125.js

@@ -1,29 +1,27 @@
-import { jsx as h, jsxs as g, Fragment as p } from "react/jsx-runtime";
-import { c as v } from "react/compiler-runtime";
-import { measureTextWidth as y } from "./visualization.es126.js";
-const A = (m) => {
-  const t = v(12), {
-    cx: u,
-    cy: x,
-    value: W,
-    color: r,
-    align: a
-  } = m, s = `${W}`, i = y(s, 12, "sans-serif") + 12;
-  let e = u;
-  a === "start" && (e = e + i / 2), a === "end" && (e = e - i / 2);
-  const c = e - i / 2, d = x - 10.8;
-  let o;
-  t[0] !== r || t[1] !== i || t[2] !== c || t[3] !== d ? (o = /* @__PURE__ */ h("rect", { x: c, y: d, width: i, height: 21.6, rx: 10.8, fill: r }), t[0] = r, t[1] = i, t[2] = c, t[3] = d, t[4] = o) : o = t[4];
-  const f = x + 1;
-  let l;
-  t[5] !== f || t[6] !== s || t[7] !== e ? (l = /* @__PURE__ */ h("text", { x: e, y: f, textAnchor: "middle", dominantBaseline: "middle", fill: "white", fontSize: 12, fontWeight: 500, children: s }), t[5] = f, t[6] = s, t[7] = e, t[8] = l) : l = t[8];
-  let n;
-  return t[9] !== o || t[10] !== l ? (n = /* @__PURE__ */ g(p, { children: [
-    o,
-    l
-  ] }), t[9] = o, t[10] = l, t[11] = n) : n = t[11], n;
-};
+import i from "./visualization.es26.js";
+const u = 0.12, r = "none";
+function o(e, l) {
+  const [n, a] = l;
+  return i({
+    range: e,
+    domain: e.map((c, t) => n + t * (a - n) / (e.length - 1)),
+    // Held at the end colors rather than extrapolated past them, which interpolates the RGB channels
+    // out of range into colors that aren't on the gradient at all.
+    clamp: !0
+  });
+}
+const p = (e, l) => !!l && e != null && (e < l[0] || e > l[1]);
+function s(e, l, n = !1) {
+  const a = e == null;
+  return {
+    fill: a || l === void 0 ? r : l,
+    fillOpacity: a ? 0 : n ? u : 1
+  };
+}
 export {
-  A as default
+  u as DIMMED_OPACITY,
+  o as getHeatmapColorScale,
+  p as isOutsideRange,
+  s as resolveCellAppearance
 };
 //# sourceMappingURL=visualization.es125.js.map

package/dist/visualization.es125.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es125.js","sources":["../src/components/TreeMap/ValueOval.tsx"],"sourcesContent":["import { ValueOvalProps } from \"./types\";\nimport { measureTextWidth } from \"./helpers\";\n\nconst ValueOval: React.FC<ValueOvalProps> = ({ cx, cy, value, color, align }) => {\n    const fontSize = 12;\n    const text = `${value}`;\n    const textWidth = measureTextWidth(text, fontSize, \"sans-serif\");\n    const padding = 6;\n    const ovalWidth = textWidth + padding * 2;\n    const ovalHeight = fontSize * 1.8;\n\n    let xPos = cx;\n    if (align === \"start\") xPos += ovalWidth / 2;\n    if (align === \"end\") xPos -= ovalWidth / 2;\n\n    return (\n        <>\n            <rect\n                x={xPos - ovalWidth / 2}\n                y={cy - ovalHeight / 2}\n                width={ovalWidth}\n                height={ovalHeight}\n                rx={ovalHeight / 2}\n                fill={color}\n            />\n            <text\n                x={xPos}\n                y={cy + 1}\n                textAnchor=\"middle\"\n                dominantBaseline=\"middle\"\n                fill=\"white\"\n                fontSize={fontSize}\n                fontWeight={500}\n            >\n                {text}\n            </text>\n        </>\n    );\n};\n\nexport default ValueOval;"],"names":["ValueOval","t0","$","_c","cx","cy","value","color","align","text","ovalWidth","measureTextWidth","xPos","t1","t2","t3","jsx","ovalHeight","t4","t5","fontSize","t6"],"mappings":";;;AAGA,MAAMA,IAAsCC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAA,EAAA,GAAC;AAAA,IAAAC,IAAAA;AAAAA,IAAAC,IAAAA;AAAAA,IAAAC,OAAAA;AAAAA,IAAAC,OAAAA;AAAAA,IAAAC,OAAAA;AAAAA,EAAAA,IAAAP,GAEzCQ,IAAa,GAAGH,CAAK,IAGrBI,IAFkBC,EAAiBF,GAFlB,IAEkC,YAAY,IAEjC;AAG9B,MAAAG,IAAWR;AACX,EAAII,MAAU,YAASI,IAAAA,IAAQF,IAAY,IACvCF,MAAU,UAAOI,IAAAA,IAAQF,IAAY;AAK1B,QAAAG,IAAAD,IAAOF,IAAY,GACnBI,IAAAT,IAAK;AAAc,MAAAU;AAAA,EAAAb,EAAA,CAAA,MAAAK,KAAAL,EAAA,CAAA,MAAAQ,KAAAR,EAAA,CAAA,MAAAW,KAAAX,SAAAY,KAF1BC,IAAA,gBAAAC,EAAA,QAAA,EACO,GAAAH,GACA,GAAAC,GACIJ,OAAAA,GACCO,QAZDA,MAaH,IAAA,MACEV,MAAAA,GAAK,GACbL,OAAAK,GAAAL,OAAAQ,GAAAR,OAAAW,GAAAX,OAAAY,GAAAZ,OAAAa,KAAAA,IAAAb,EAAA,CAAA;AAGK,QAAAgB,IAAAb,IAAK;AAAC,MAAAc;AAAA,EAAAjB,EAAA,CAAA,MAAAgB,KAAAhB,SAAAO,KAAAP,EAAA,CAAA,MAAAU,KAFbO,gCACOP,GAAAA,GACA,GAAAM,GACQ,YAAA,UACM,kBAAA,UACZ,MAAA,SACKE,UA3BLA,IA4BO,YAAA,KAEXX,UAAAA,GACL,GAAOP,OAAAgB,GAAAhB,OAAAO,GAAAP,OAAAU,GAAAV,OAAAiB,KAAAA,IAAAjB,EAAA,CAAA;AAAA,MAAAmB;AAAA,SAAAnB,EAAA,CAAA,MAAAa,KAAAb,UAAAiB,KAnBXE,2BACIN,UAAAA;AAAAA,IAAAA;AAAAA,IAQAI;AAAAA,EAAAA,GAUO,GACRjB,OAAAa,GAAAb,QAAAiB,GAAAjB,QAAAmB,KAAAA,IAAAnB,EAAA,EAAA,GApBHmB;AAoBG;"}
+{"version":3,"file":"visualization.es125.js","sources":["../src/components/Heatmap/heatmapCellAppearance.ts"],"sourcesContent":["import { scaleLinear } from \"@visx/scale\";\n\n/** A cell outside highlightRange: faint enough that the cells inside it carry the grid. */\nexport const DIMMED_OPACITY = 0.12;\nconst NULL_VALUE_COLOR = \"none\";\n\nexport function getHeatmapColorScale(colors: [string, string, ...string[]], domain: [number, number]) {\n  const [minValue, maxValue] = domain;\n  return scaleLinear<string>({\n    range: colors,\n    domain: colors.map((_, i) => minValue + (i * (maxValue - minValue)) / (colors.length - 1)),\n    // Held at the end colors rather than extrapolated past them, which interpolates the RGB channels\n    // out of range into colors that aren't on the gradient at all.\n    clamp: true,\n  });\n}\n\n/** Whether a count falls outside highlightRange, and so fades. Nothing fades without a range. */\nexport const isOutsideRange = (count: number | null | undefined, range: [number, number] | null | undefined) =>\n  !!range && count != null && (count < range[0] || count > range[1]);\n\n/**\n * A cell's fill, shared by the SVG and canvas renderers so they can't drift apart. Selection isn't\n * part of it: selected cells are framed instead (see heatmapSelection.ts).\n */\nexport function resolveCellAppearance(\n  count: number | null | undefined,\n  color: string | undefined,\n  isDimmed = false\n): { fill: string; fillOpacity: number } {\n  const isNullValue = count == null;\n  return {\n    fill: isNullValue || color === undefined ? NULL_VALUE_COLOR : color,\n    fillOpacity: isNullValue ? 0 : isDimmed ? DIMMED_OPACITY : 1,\n  };\n}\n"],"names":["DIMMED_OPACITY","NULL_VALUE_COLOR","getHeatmapColorScale","colors","domain","minValue","maxValue","scaleLinear","range","map","_","i","length","clamp","isOutsideRange","count","resolveCellAppearance","color","isDimmed","isNullValue","fill","undefined","fillOpacity"],"mappings":";AAGO,MAAMA,IAAiB,MACxBC,IAAmB;AAElB,SAASC,EAAqBC,GAAuCC,GAA0B;AACpG,QAAM,CAACC,GAAUC,CAAQ,IAAIF;AAC7B,SAAOG,EAAoB;AAAA,IACzBC,OAAOL;AAAAA,IACPC,QAAQD,EAAOM,IAAI,CAACC,GAAGC,MAAMN,IAAYM,KAAKL,IAAWD,MAAcF,EAAOS,SAAS,EAAE;AAAA;AAAA;AAAA,IAGzFC,OAAO;AAAA,EAAA,CACR;AACH;AAGO,MAAMC,IAAiBA,CAACC,GAAkCP,MAC/D,CAAC,CAACA,KAASO,KAAS,SAASA,IAAQP,EAAM,CAAC,KAAKO,IAAQP,EAAM,CAAC;AAM3D,SAASQ,EACdD,GACAE,GACAC,IAAW,IAC4B;AACvC,QAAMC,IAAcJ,KAAS;AAC7B,SAAO;AAAA,IACLK,MAAMD,KAAeF,MAAUI,SAAYpB,IAAmBgB;AAAAA,IAC9DK,aAAaH,IAAc,IAAID,IAAWlB,IAAiB;AAAA,EAAA;AAE/D;"}

package/dist/visualization.es126.js

@@ -1,73 +1,87 @@
-function x(t, c, a, r) {
-  const n = (t.x0 + t.x1) / 2, e = (t.y0 + t.y1) / 2;
-  switch (c) {
-    case "topLeft":
-      return {
-        textX: t.x0 + 6,
-        textY: t.y0 + 10,
-        valueY: r ? t.y0 + 17 : t.y0 + 40,
-        valueX: r ? t.x1 - 6 : t.x0 + 6,
-        textAnchor: "start",
-        valueAnchor: r ? "end" : "start",
-        baseline: "hanging"
-      };
-    case "topRight":
-      return {
-        textX: t.x1 - 6,
-        textY: t.y0 + 10,
-        valueY: t.y0 + 40,
-        valueX: t.x1 - 6,
-        textAnchor: "end",
-        valueAnchor: "end",
-        baseline: "hanging"
-      };
-    case "bottomLeft":
-      return {
-        textX: t.x0 + 6,
-        textY: a ? t.y1 - 35 : t.y1 - 15,
-        valueY: t.y1 - 15,
-        valueX: t.x0 + 6,
-        textAnchor: "start",
-        valueAnchor: "start",
-        baseline: "alphabetic"
-      };
-    case "bottomRight":
-      return {
-        textX: t.x1 - 6,
-        textY: a ? t.y1 - 35 : t.y1 - 15,
-        valueY: t.y1 - 15,
-        valueX: t.x1 - 6,
-        textAnchor: "end",
-        valueAnchor: "end",
-        baseline: "alphabetic"
-      };
-    default:
-      return {
-        textX: n,
-        textY: a ? e - 5 : e + 5,
-        valueY: e + 15,
-        valueX: n,
-        textAnchor: "middle",
-        valueAnchor: "middle",
-        baseline: "middle"
-      };
+const d = "#1a1c1e", C = "#ffffff";
+const x = (n) => `${n.row}-${n.column}`, y = (n) => {
+  const [f, r] = n.split("-").map(Number);
+  return {
+    row: f,
+    column: r
+  };
+};
+function* $(n, {
+  colStart: f,
+  colEnd: r,
+  rowStart: i,
+  rowEnd: H
+}) {
+  if ((r - f + 1) * (H - i + 1) <= n.size) {
+    for (let t = f; t <= r; t++) for (let o = i; o <= H; o++) n.has(x({
+      row: o,
+      column: t
+    })) && (yield {
+      row: o,
+      column: t
+    });
+    return;
+  }
+  for (const t of n) {
+    const o = y(t);
+    o.column >= f && o.column <= r && o.row >= i && o.row <= H && (yield o);
   }
 }
-function l(t, c, a) {
-  const u = document.createElement("canvas").getContext("2d");
-  return u ? (u.font = `${c}px ${a}`, u.measureText(t).width) : 0;
+function v(n, f, r, i) {
+  const {
+    xScale: H,
+    cellYScale: t,
+    binWidth: o,
+    binHeight: E,
+    gap: e
+  } = r, c = (s, l) => n.has(x({
+    row: s,
+    column: l
+  })), u = [], R = [], _ = (s, l, A, a, M, m) => s.push({
+    x: A,
+    y: a,
+    width: M,
+    height: m,
+    fill: l
+  });
+  for (const {
+    row: s,
+    column: l
+  } of f) {
+    if (!c(s, l)) continue;
+    const A = H(l), a = A + o - e, M = t(s) + e, m = t(s) + E, I = A - 2 < 0 ? A + 2 : A, O = a + 2 > i.width ? a - 2 : a, T = M - 2 < 0 ? M + 2 : M, h = m + 2 > i.height ? m - 2 : m, w = c(s + 1, l), S = c(s - 1, l), F = c(s, l - 1), N = c(s, l + 1), D = (k) => k ? e : 2, W = (k) => k ? e : 0, p = [I - D(F), O - I + D(F) + D(N)], L = [T - D(w), h - T + D(w) + D(S)], g = [I - W(F), O - I + W(F) + W(N)], b = [T - W(w), h - T + W(w) + W(S)];
+    w || (_(u, d, p[0], T - 2, p[1], 2), _(R, C, g[0], T, g[1], 1)), S || (_(u, d, p[0], h, p[1], 2), _(R, C, g[0], h - 1, g[1], 1)), F || (_(u, d, I - 2, L[0], 2, L[1]), _(R, C, I, b[0], 1, b[1])), N || (_(u, d, O, L[0], 2, L[1]), _(R, C, O - 1, b[0], 1, b[1]));
+  }
+  return [...u, ...R];
 }
-function s(t, c, a, r) {
-  const n = document.createElement("canvas").getContext("2d");
-  if (!n || (n.font = `${a}px ${r}`, n.measureText(t).width <= c)) return t;
-  let e = t;
-  for (; e.length > 0 && n.measureText(e + "…").width > c; )
-    e = e.slice(0, -1);
-  return e === "" ? "" : e + "...";
+const z = {
+  columns: /* @__PURE__ */ new Set(),
+  rows: /* @__PURE__ */ new Set()
+};
+function B(n, f, r) {
+  if (!n?.size) return z;
+  const i = [...n].map(y), H = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Map();
+  for (const {
+    row: e,
+    column: c
+  } of i)
+    H.set(c, (H.get(c) ?? 0) + 1), t.set(e, (t.get(e) ?? 0) + 1);
+  const o = /* @__PURE__ */ new Set(), E = /* @__PURE__ */ new Set();
+  for (const {
+    row: e,
+    column: c
+  } of i)
+    (t.get(e) ?? 0) < f && o.add(c), (H.get(c) ?? 0) < r && E.add(e);
+  return {
+    columns: o,
+    rows: E
+  };
 }
 export {
-  x as getLabelPlacement,
-  l as measureTextWidth,
-  s as truncateTextToWidth
+  d as SELECTION_COLOR,
+  x as cellKey,
+  $ as selectedCellsIn,
+  v as selectionFrame,
+  B as selectionMarks
 };
 //# sourceMappingURL=visualization.es126.js.map

package/dist/visualization.es126.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es126.js","sources":["../src/components/TreeMap/helpers.ts"],"sourcesContent":["import { HierarchyRectangularNode } from \"@visx/hierarchy\";\nimport { TreemapNode, TreemapProps } from \"./types\";\n\n//get coords for label placement based on user input\nexport function getLabelPlacement(\n    node: HierarchyRectangularNode<TreemapNode<any>>,\n    placement: TreemapProps<any>[\"labelPlacement\"],\n    showValue?: boolean,\n    hasChildren?: boolean\n) {\n    const padding = 6;\n    const cx = (node.x0 + node.x1) / 2;\n    const cy = (node.y0 + node.y1) / 2;\n\n    switch (placement) {\n        case \"topLeft\":\n            return {\n                textX: node.x0 + padding,\n                textY: node.y0 + 10,\n                valueY: hasChildren ? node.y0 + 17 : node.y0 + 40,\n                valueX: hasChildren ? node.x1 - padding : node.x0 + padding,\n                textAnchor: \"start\",\n                valueAnchor: hasChildren ? \"end\" : \"start\",\n                baseline: \"hanging\",\n            } as const;\n        case \"topRight\":\n            return {\n                textX: node.x1 - padding,\n                textY: node.y0 + 10,\n                valueY: node.y0 + 40,\n                valueX: node.x1 - padding,\n                textAnchor: \"end\",\n                valueAnchor: \"end\",\n                baseline: \"hanging\",\n            } as const;\n        case \"bottomLeft\":\n            return {\n                textX: node.x0 + padding,\n                textY: showValue ? node.y1 - 35 : node.y1 - 15 ,\n                valueY: node.y1 - 15,\n                valueX: node.x0 + padding,\n                textAnchor: \"start\",\n                valueAnchor: \"start\",\n                baseline: \"alphabetic\",\n            } as const;\n        case \"bottomRight\":\n            return {\n                textX: node.x1 - padding,\n                textY: showValue ? node.y1 - 35 : node.y1 - 15,\n                valueY: node.y1 - 15,\n                valueX: node.x1 - padding,\n                textAnchor: \"end\",\n                valueAnchor: \"end\",\n                baseline: \"alphabetic\",\n            } as const;\n        case \"middle\":\n        default:\n            return {\n                textX: cx,\n                textY: showValue ? cy - 5 : cy + 5,\n                valueY: cy + 15,\n                valueX: cx,\n                textAnchor: \"middle\",\n                valueAnchor: \"middle\",\n                baseline: \"middle\",\n            } as const;\n    }\n}\n\n//Check if text exceeds box\nexport function measureTextWidth(text: string, fontSize: number, fontFamily: string) {\n    const canvas = document.createElement(\"canvas\");\n    const ctx = canvas.getContext(\"2d\");\n    if (!ctx) return 0;\n    ctx.font = `${fontSize}px ${fontFamily}`;\n    return ctx.measureText(text).width;\n}\n\n//truncate text with ... to fit in box\nexport function truncateTextToWidth(\n  text: string,\n  maxWidth: number,\n  fontSize: number,\n  fontFamily: string\n): string {\n  const canvas = document.createElement(\"canvas\");\n  const ctx = canvas.getContext(\"2d\");\n  if (!ctx) return text;\n\n  ctx.font = `${fontSize}px ${fontFamily}`;\n  if (ctx.measureText(text).width <= maxWidth) return text;\n\n  let truncated = text;\n  while (truncated.length > 0 && ctx.measureText(truncated + \"…\").width > maxWidth) {\n    truncated = truncated.slice(0, -1);\n  }\n\n  const result = truncated === \"\" ? \"\" : truncated + \"...\"\n\n  return result;\n}\n"],"names":["getLabelPlacement","node","placement","showValue","hasChildren","cx","x0","x1","cy","y0","y1","textX","padding","textY","valueY","valueX","textAnchor","valueAnchor","baseline","measureTextWidth","text","fontSize","fontFamily","ctx","document","createElement","getContext","font","measureText","width","truncateTextToWidth","maxWidth","truncated","length","slice"],"mappings":"AAIO,SAASA,EACZC,GACAC,GACAC,GACAC,GACF;AAEE,QAAMC,KAAMJ,EAAKK,KAAKL,EAAKM,MAAM,GAC3BC,KAAMP,EAAKQ,KAAKR,EAAKS,MAAM;AAEjC,UAAQR,GAAAA;AAAAA,IACJ,KAAK;AACD,aAAO;AAAA,QACHS,OAAOV,EAAKK,KAAKM;AAAAA,QACjBC,OAAOZ,EAAKQ,KAAK;AAAA,QACjBK,QAAQV,IAAcH,EAAKQ,KAAK,KAAKR,EAAKQ,KAAK;AAAA,QAC/CM,QAAQX,IAAcH,EAAKM,KAAKK,IAAUX,EAAKK,KAAKM;AAAAA,QACpDI,YAAY;AAAA,QACZC,aAAab,IAAc,QAAQ;AAAA,QACnCc,UAAU;AAAA,MAAA;AAAA,IAElB,KAAK;AACD,aAAO;AAAA,QACHP,OAAOV,EAAKM,KAAKK;AAAAA,QACjBC,OAAOZ,EAAKQ,KAAK;AAAA,QACjBK,QAAQb,EAAKQ,KAAK;AAAA,QAClBM,QAAQd,EAAKM,KAAKK;AAAAA,QAClBI,YAAY;AAAA,QACZC,aAAa;AAAA,QACbC,UAAU;AAAA,MAAA;AAAA,IAElB,KAAK;AACD,aAAO;AAAA,QACHP,OAAOV,EAAKK,KAAKM;AAAAA,QACjBC,OAAOV,IAAYF,EAAKS,KAAK,KAAKT,EAAKS,KAAK;AAAA,QAC5CI,QAAQb,EAAKS,KAAK;AAAA,QAClBK,QAAQd,EAAKK,KAAKM;AAAAA,QAClBI,YAAY;AAAA,QACZC,aAAa;AAAA,QACbC,UAAU;AAAA,MAAA;AAAA,IAElB,KAAK;AACD,aAAO;AAAA,QACHP,OAAOV,EAAKM,KAAKK;AAAAA,QACjBC,OAAOV,IAAYF,EAAKS,KAAK,KAAKT,EAAKS,KAAK;AAAA,QAC5CI,QAAQb,EAAKS,KAAK;AAAA,QAClBK,QAAQd,EAAKM,KAAKK;AAAAA,QAClBI,YAAY;AAAA,QACZC,aAAa;AAAA,QACbC,UAAU;AAAA,MAAA;AAAA,IAGlB;AACI,aAAO;AAAA,QACHP,OAAON;AAAAA,QACPQ,OAAOV,IAAYK,IAAK,IAAIA,IAAK;AAAA,QACjCM,QAAQN,IAAK;AAAA,QACbO,QAAQV;AAAAA,QACRW,YAAY;AAAA,QACZC,aAAa;AAAA,QACbC,UAAU;AAAA,MAAA;AAAA,EACd;AAEZ;AAGO,SAASC,EAAiBC,GAAcC,GAAkBC,GAAoB;AAEjF,QAAMC,IADSC,SAASC,cAAc,QAAQ,EAC3BC,WAAW,IAAI;AAClC,SAAKH,KACLA,EAAII,OAAO,GAAGN,CAAQ,MAAMC,CAAU,IAC/BC,EAAIK,YAAYR,CAAI,EAAES,SAFZ;AAGrB;AAGO,SAASC,EACdV,GACAW,GACAV,GACAC,GACQ;AAER,QAAMC,IADSC,SAASC,cAAc,QAAQ,EAC3BC,WAAW,IAAI;AAIlC,MAHI,CAACH,MAELA,EAAII,OAAO,GAAGN,CAAQ,MAAMC,CAAU,IAClCC,EAAIK,YAAYR,CAAI,EAAES,SAASE,GAAU,QAAOX;AAEpD,MAAIY,IAAYZ;AAChB,SAAOY,EAAUC,SAAS,KAAKV,EAAIK,YAAYI,IAAY,GAAG,EAAEH,QAAQE;AACtEC,IAAAA,IAAYA,EAAUE,MAAM,GAAG,EAAE;AAKnC,SAFeF,MAAc,KAAK,KAAKA,IAAY;AAGrD;"}
+{"version":3,"file":"visualization.es126.js","sources":["../src/components/Heatmap/heatmapSelection.ts"],"sourcesContent":["/**\n * How a selection shows: a frame around the selected cells, and marks on the axes and minimap for\n * the columns and rows holding them. Cells keep their own colors, so the rest of the grid can\n * still be read for what to select next.\n */\n\nimport type { HeatmapCellId } from \"./types\";\n\n/** The frame's dark line, and the white one just inside it that holds it against a dark cell. */\nexport const SELECTION_COLOR = \"#1a1c1e\";\nconst HALO_COLOR = \"#ffffff\";\n/** Laid outside the selected cells: at the default gap of 2 it fills the gap and covers no cell. */\nconst FRAME_WIDTH = 2;\nconst HALO_WIDTH = 1;\n\nexport type SelectionBand = { x: number; y: number; width: number; height: number; fill: string };\n\ntype FrameGeometry = {\n  xScale: (column: number) => number;\n  cellYScale: (row: number) => number;\n  binWidth: number;\n  binHeight: number;\n  gap: number;\n};\n\ntype GridBounds = { width: number; height: number };\n\nexport const cellKey = (cell: HeatmapCellId) => `${cell.row}-${cell.column}`;\n\nconst parseKey = (key: string): HeatmapCellId => {\n  const [row, column] = key.split(\"-\").map(Number);\n  return { row, column };\n};\n\n/** The selected cells within a block, walking whichever of the block and the selection is smaller. */\nexport function* selectedCellsIn(\n  selectedKeys: Set<string>,\n  { colStart, colEnd, rowStart, rowEnd }: { colStart: number; colEnd: number; rowStart: number; rowEnd: number }\n): Generator<HeatmapCellId> {\n  if ((colEnd - colStart + 1) * (rowEnd - rowStart + 1) <= selectedKeys.size) {\n    for (let column = colStart; column <= colEnd; column++)\n      for (let row = rowStart; row <= rowEnd; row++) if (selectedKeys.has(cellKey({ row, column }))) yield { row, column };\n    return;\n  }\n  for (const key of selectedKeys) {\n    const cell = parseKey(key);\n    if (cell.column >= colStart && cell.column <= colEnd && cell.row >= rowStart && cell.row <= rowEnd) yield cell;\n  }\n}\n\n/**\n * The frame around the selected cells among `cells`, as rectangles to fill in order: a dark band\n * outside each edge not shared with another selected cell, then a white line just inside it.\n * Adjacent selected cells share one frame, so a selected column is one tall box.\n */\nexport function selectionFrame(\n  selectedKeys: Set<string>,\n  cells: Iterable<HeatmapCellId>,\n  geometry: FrameGeometry,\n  bounds: GridBounds\n): SelectionBand[] {\n  const { xScale, cellYScale, binWidth, binHeight, gap } = geometry;\n  const isSelected = (row: number, column: number) => selectedKeys.has(cellKey({ row, column }));\n  const dark: SelectionBand[] = [];\n  const halo: SelectionBand[] = [];\n  const band = (into: SelectionBand[], fill: string, x: number, y: number, width: number, height: number) =>\n    into.push({ x, y, width, height, fill });\n\n  for (const { row, column } of cells) {\n    if (!isSelected(row, column)) continue;\n    // The cell as drawn, with its gap to its right and above it (see getCellGeometry).\n    const cellLeft = xScale(column);\n    const cellRight = cellLeft + binWidth - gap;\n    const cellTop = cellYScale(row) + gap;\n    const cellBottom = cellYScale(row) + binHeight;\n    // The cell, pulled in wherever the line outside it would fall past the grid's edge.\n    const left = cellLeft - FRAME_WIDTH < 0 ? cellLeft + FRAME_WIDTH : cellLeft;\n    const right = cellRight + FRAME_WIDTH > bounds.width ? cellRight - FRAME_WIDTH : cellRight;\n    const top = cellTop - FRAME_WIDTH < 0 ? cellTop + FRAME_WIDTH : cellTop;\n    const bottom = cellBottom + FRAME_WIDTH > bounds.height ? cellBottom - FRAME_WIDTH : cellBottom;\n    // Row 0 is at the bottom of the grid, so the row above is row + 1.\n    const above = isSelected(row + 1, column);\n    const below = isSelected(row - 1, column);\n    const before = isSelected(row, column - 1);\n    const after = isSelected(row, column + 1);\n    // How far an edge's line runs past the box: across the gap to a selected neighbor, or round\n    // the corner where there is none.\n    const reach = (selected: boolean) => (selected ? gap : FRAME_WIDTH);\n    const bridge = (selected: boolean) => (selected ? gap : 0);\n    const across = [left - reach(before), right - left + reach(before) + reach(after)] as const;\n    const down = [top - reach(above), bottom - top + reach(above) + reach(below)] as const;\n    const haloAcross = [left - bridge(before), right - left + bridge(before) + bridge(after)] as const;\n    const haloDown = [top - bridge(above), bottom - top + bridge(above) + bridge(below)] as const;\n\n    if (!above) {\n      band(dark, SELECTION_COLOR, across[0], top - FRAME_WIDTH, across[1], FRAME_WIDTH);\n      band(halo, HALO_COLOR, haloAcross[0], top, haloAcross[1], HALO_WIDTH);\n    }\n    if (!below) {\n      band(dark, SELECTION_COLOR, across[0], bottom, across[1], FRAME_WIDTH);\n      band(halo, HALO_COLOR, haloAcross[0], bottom - HALO_WIDTH, haloAcross[1], HALO_WIDTH);\n    }\n    if (!before) {\n      band(dark, SELECTION_COLOR, left - FRAME_WIDTH, down[0], FRAME_WIDTH, down[1]);\n      band(halo, HALO_COLOR, left, haloDown[0], HALO_WIDTH, haloDown[1]);\n    }\n    if (!after) {\n      band(dark, SELECTION_COLOR, right, down[0], FRAME_WIDTH, down[1]);\n      band(halo, HALO_COLOR, right - HALO_WIDTH, haloDown[0], HALO_WIDTH, haloDown[1]);\n    }\n  }\n  return [...dark, ...halo];\n}\n\n/** The columns and rows the axes and minimap mark as holding the selection. */\nexport type SelectionMarks = { columns: Set<number>; rows: Set<number> };\n\nconst NO_SELECTION_MARKS: SelectionMarks = { columns: new Set(), rows: new Set() };\n\n/**\n * Which columns and rows to mark. A column is marked for a selected cell whose row isn't fully\n * selected, and a row for one whose column isn't: a whole selected column marks only its column,\n * and a single cell marks both.\n */\nexport function selectionMarks(selectedKeys: Set<string> | null, numColumns: number, numRows: number): SelectionMarks {\n  if (!selectedKeys?.size) return NO_SELECTION_MARKS;\n  const cells = [...selectedKeys].map(parseKey);\n  const perColumn = new Map<number, number>();\n  const perRow = new Map<number, number>();\n  for (const { row, column } of cells) {\n    perColumn.set(column, (perColumn.get(column) ?? 0) + 1);\n    perRow.set(row, (perRow.get(row) ?? 0) + 1);\n  }\n  const columns = new Set<number>();\n  const rows = new Set<number>();\n  for (const { row, column } of cells) {\n    if ((perRow.get(row) ?? 0) < numColumns) columns.add(column);\n    if ((perColumn.get(column) ?? 0) < numRows) rows.add(row);\n  }\n  return { columns, rows };\n}\n"],"names":["SELECTION_COLOR","HALO_COLOR","cellKey","cell","row","column","parseKey","key","split","map","Number","selectedCellsIn","selectedKeys","colStart","colEnd","rowStart","rowEnd","size","has","selectionFrame","cells","geometry","bounds","xScale","cellYScale","binWidth","binHeight","gap","isSelected","dark","halo","band","into","fill","x","y","width","height","push","cellLeft","cellRight","cellTop","cellBottom","left","FRAME_WIDTH","right","top","bottom","above","below","before","after","reach","selected","bridge","across","down","haloAcross","haloDown","HALO_WIDTH","NO_SELECTION_MARKS","columns","Set","rows","selectionMarks","numColumns","numRows","perColumn","Map","perRow","set","get","add"],"mappings":"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"}