@milaboratories/miplots4 1.2.1 → 1.2.3

package/dist/selection/components/ChartsGroup.js

@@ -3,12 +3,12 @@ import { Tooltip as t, useTooltip as n } from "../../common/Tooltip.js";
 import { ErrorBoundary as r } from "../../common/ErrorBoundary.js";
 import { ChartsTitle as i } from "../../common/ChartsTitle.js";
 import { Legend as a } from "../../common/Legend.js";
-import { getChartEdgeSides as o } from "../../utils/getChartEdgeSides.js";
-import { BAR_WIDTH_RATIO as s } from "../constants.js";
-import { formatCount as c } from "../utils.js";
-import { FacetCell as ee } from "./FacetCell.js";
-import { scaleBand as te, scaleLinear as l } from "d3-scale";
-import { useCallback as u, useEffect as ne, useMemo as d, useRef as re, useState as f } from "react";
+import { getChartEdgeSides as ee } from "../../utils/getChartEdgeSides.js";
+import { BAR_WIDTH_RATIO as o } from "../constants.js";
+import { formatCount as s } from "../utils.js";
+import { FacetCell as te } from "./FacetCell.js";
+import { scaleBand as c, scaleLinear as ne } from "d3-scale";
+import { useCallback as l, useEffect as u, useMemo as d, useRef as re, useState as f } from "react";
 import { jsx as p, jsxs as m } from "react/jsx-runtime";
 var h = (e, t) => ({
 	col: e % t,
@@ -17,71 +17,73 @@ var h = (e, t) => ({
 function g(e, t) {
 	return e ? e === "null" ? t ?? "N/A" : e : "All";
 }
-function _({ facetData: _, gridLayout: ie, xAxis: v, yAxis: y, style: b, title: x, legend: S, showFacetLabels: ae, grouped: oe, orderedGroupNames: C }) {
-	let { faceted: w, facetLabels: T, facetTitles: E } = _, { nRows: D, nCols: O, totalWidth: k, totalHeight: A, margins: j, cellPlotWidth: M, cellPlotHeight: N, cellLabelHeight: P, topPad: F, rightPad: I, colLeftPads: L, rowBottomPads: R, colXOffsets: z, rowYOffsets: B, sharedX: V, sharedY: H } = ie, { nullValueLabel: U } = b, W = n(), [G, K] = f(null), [q, se] = f(null), [ce, le] = f(), J = re(null);
-	ne(() => {
+function _({ facetData: _, gridLayout: ie, xAxis: v, yAxis: y, style: b, title: x, legend: S, showFacetLabels: C, grouped: w, orderedGroupNames: ae }) {
+	let { faceted: T, facetLabels: E, facetTitles: D } = _, { nRows: O, nCols: k, totalWidth: A, totalHeight: j, margins: M, cellPlotWidth: N, cellPlotHeight: P, cellLabelHeight: F, topPad: I, rightPad: L, colLeftPads: R, rowBottomPads: z, colXOffsets: B, rowYOffsets: V, sharedX: H, sharedY: U } = ie, { nullValueLabel: W } = b, G = n(), [K, q] = f(null), [oe, se] = f(null), [ce, le] = f(), J = re(null);
+	u(() => {
 		J.current && le(J.current);
 	}, []);
-	let Y = u((e) => {
-		se((t) => t === e ? null : e), K(null), W.onClose();
-	}, [W]), X = k - j.left - j.right, ue = d(() => l().domain([0, 100]).range([N, 0]), [N]), Z = d(() => {
-		let e = w.byFacet[w.facetKeys[0]];
+	let Y = l((e) => {
+		se((t) => t === e ? null : e), q(null), G.onClose();
+	}, [G]), X = A - M.left - M.right, ue = d(() => ne().domain([0, 100]).range([P, 0]), [P]), Z = d(() => {
+		let e = T.byFacet[T.facetKeys[0]];
 		return e ? e.stages.map((e, t) => String(t)) : [];
-	}, [w]), de = d(() => {
-		let e = te().domain(Z).range([0, M]), t = Z.length;
+	}, [T]), de = d(() => {
+		let e = c().domain(Z).range([0, N]), t = Z.length;
 		if (t > 0) {
-			let n = Math.min(80, Math.max(12, M / t * s)), r = M / t, i = r > 0 ? Math.max(0, Math.min(.95, 1 - n / r)) : 0;
+			let n = Math.min(80, Math.max(12, N / t * o)), r = N / t, i = r > 0 ? Math.max(0, Math.min(.95, 1 - n / r)) : 0;
 			e.paddingInner(i), e.paddingOuter(i / 2);
 		}
 		return e;
-	}, [M, Z]), fe = j.left + X - I + 20, Q = j.top + F + P, pe = d(() => {
-		let e = W.selectedData;
+	}, [N, Z]), fe = M.left + X - L + 20, Q = M.top + I + F, pe = d(() => {
+		let e = G.selectedData;
 		if (!e) return [];
-		let t = e.section === "preserved" ? "Preserved" : "Discarded", n = g(e.groupName, U), r = (T[W.currentFacet] ?? []).join(" / ");
-		return [`${r ? `${r} · ${n}` : n} — ${t}`, `${c(e.count)} / ${c(e.total)} (${e.percent.toFixed(1)}%)`];
+		let t = e.section === "preserved" ? "Preserved" : "Discarded", n = w ? g(e.groupName, W) : void 0, r = [(E[G.currentFacet] ?? []).join(" / "), n].filter(Boolean).join(" · ");
+		return [r ? `${r} — ${t}` : t, `${s(e.count)} / ${s(e.total)} (${e.percent.toFixed(1)}%)`];
 	}, [
-		W.selectedData,
-		W.currentFacet,
-		T
-	]), $ = W.selectedData, me = d(() => {
+		G.selectedData,
+		G.currentFacet,
+		E,
+		w,
+		W
+	]), $ = G.selectedData, me = d(() => {
 		if (!$) return {
 			left: 0,
 			right: 0,
 			top: 0,
 			bottom: 0
 		};
-		let { col: e, row: t } = h(w.facetKeys.indexOf(W.currentFacet), O), n = j.left + z[e], r = j.top + B[t], i = n + L[e], a = r + F + P;
+		let { col: e, row: t } = h(T.facetKeys.indexOf(G.currentFacet), k), n = M.left + B[e], r = M.top + V[t], i = n + R[e], a = r + I + F;
 		return {
 			left: i,
-			right: k - i,
+			right: A - i,
 			top: a,
-			bottom: A - a
+			bottom: j - a
 		};
 	}, [
 		$,
-		W.currentFacet,
-		w.facetKeys,
-		O,
-		j,
-		z,
+		G.currentFacet,
+		T.facetKeys,
+		k,
+		M,
 		B,
-		L,
+		V,
+		R,
+		I,
 		F,
-		P,
-		k,
-		A
-	]), he = $?.x ?? 0, ge = $?.y ?? 0, _e = w.facetKeys.length;
+		A,
+		j
+	]), he = $?.x ?? 0, ge = $?.y ?? 0, _e = T.facetKeys.length;
 	return /* @__PURE__ */ p(r, {
 		dataId: "selection-chart",
 		children: /* @__PURE__ */ m("svg", {
 			xmlns: "http://www.w3.org/2000/svg",
-			viewBox: `0 0 ${k} ${A}`,
-			width: k,
-			height: A,
+			viewBox: `0 0 ${A} ${j}`,
+			width: A,
+			height: j,
 			children: [
 				/* @__PURE__ */ p("defs", { children: e }),
 				/* @__PURE__ */ m("g", {
-					transform: `translate(${j.left},${j.top})`,
+					transform: `translate(${M.left},${M.top})`,
 					fontFamily: "Manrope",
 					children: [/* @__PURE__ */ p(i, {
 						title: x.text,
@@ -90,58 +92,57 @@ function _({ facetData: _, gridLayout: ie, xAxis: v, yAxis: y, style: b, title:
 						leftPadding: 0,
 						rightPadding: 0,
 						chartsWidth: X
-					}), w.facetKeys.map((e, t) => {
-						let { col: n, row: r } = h(t, O), i = w.byFacet[e];
+					}), T.facetKeys.map((e, t) => {
+						let { col: n, row: r } = h(t, k), i = T.byFacet[e];
 						if (!i) return null;
-						let a = o(t, _e, O, D), s = a.includes("left"), c = a.includes("bottom");
+						let a = ee(t, _e, k, O), o = a.includes("left"), s = a.includes("bottom");
 						return /* @__PURE__ */ p("g", {
-							transform: `translate(${z[n]},${B[r]})`,
-							children: /* @__PURE__ */ p(ee, {
+							transform: `translate(${B[n]},${V[r]})`,
+							children: /* @__PURE__ */ p(te, {
 								titleStrip: {
-									lines: E[e] ?? [],
-									show: ae,
-									x: L[n],
-									height: P
+									lines: D[e] ?? [],
+									show: C,
+									x: R[n],
+									height: F
 								},
 								data: i,
-								grouped: oe,
-								orderedGroupNames: C,
+								grouped: w,
+								orderedGroupNames: ae,
 								layout: {
-									width: M,
-									height: N,
+									width: N,
+									height: P,
 									dimensionsLeft: 0,
-									dimensionsTop: P,
-									paddingLeft: L[n],
-									paddingTop: F,
-									paddingBottom: R[r],
+									dimensionsTop: F,
+									paddingLeft: R[n],
+									paddingTop: I,
+									paddingBottom: z[r],
 									xScale: de,
 									yScale: ue,
-									showXAxis: !V || c,
-									showYAxis: !H || s
+									showXAxis: !H || s,
+									showYAxis: !U || o
 								},
 								xAxis: {
 									labels: v.labelsByFacet[e],
 									counts: v.countsByFacet[e],
 									countsFontSize: v.countsFontSize,
 									labelsPosition: v.labelsPosition,
-									showGrid: v.showGrid,
 									showTicks: v.showTicks,
 									hiddenLabels: v.hiddenLabels,
-									title: c ? v.title : ""
+									title: s ? v.title : ""
 								},
 								yAxis: {
 									showGrid: y.showGrid,
 									showTicks: y.showTicks,
 									hiddenLabels: y.hiddenLabels,
-									title: s ? y.title : ""
+									title: o ? y.title : ""
 								},
 								style: b,
 								interaction: {
-									hoveredGroup: G,
-									selectedGroup: q,
+									hoveredGroup: K,
+									selectedGroup: oe,
 									onGroupClick: Y,
-									onGroupHover: K,
-									tooltipsData: W,
+									onGroupHover: q,
+									tooltipsData: G,
 									facetKey: e
 								}
 							})
@@ -153,19 +154,19 @@ function _({ facetData: _, gridLayout: ie, xAxis: v, yAxis: y, style: b, title:
 					fontFamily: "Manrope",
 					children: /* @__PURE__ */ p(a, {
 						legendData: S,
-						onItemHover: K,
+						onItemHover: q,
 						onItemClick: Y
 					})
 				}),
-				W.active && /* @__PURE__ */ p(t, {
+				G.active && /* @__PURE__ */ p(t, {
 					content: pe,
 					x: he,
 					y: ge,
-					active: W.active,
-					fixed: W.fixed,
+					active: G.active,
+					fixed: G.fixed,
 					container: ce,
 					sideDistances: me,
-					onClose: W.onClose,
+					onClose: G.onClose,
 					horizontal: !1
 				}),
 				/* @__PURE__ */ p("g", {

package/dist/selection/components/ChartsGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChartsGroup.js","names":[],"sources":["../../../src/selection/components/ChartsGroup.tsx"],"sourcesContent":["import { scaleBand, scaleLinear } from 'd3-scale';\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport { ChartsTitle } from '../../common/ChartsTitle';\nimport { ErrorBoundary } from '../../common/ErrorBoundary';\nimport fonts from '../../common/fonts';\nimport { Legend } from '../../common/Legend';\nimport { Tooltip, useTooltip } from '../../common/Tooltip';\nimport type { LegendData } from '../../common/types';\nimport { getChartEdgeSides } from '../../utils/getChartEdgeSides';\nimport { BAR_WIDTH_RATIO, LEGEND_OFFSET, MAX_BAR_WIDTH, MIN_BAR_WIDTH } from '../constants';\nimport type { AggregatedSelectionData } from '../createSelectionData';\nimport { formatCount } from '../utils';\nimport type { ChartYAxis } from './Chart/types';\nimport { type StageTooltipData } from './Chart/types';\nimport { FacetCell } from './FacetCell';\nimport type {\n  ChartsGroupStyle,\n  ChartsGroupTitle,\n  ChartsGroupXAxis,\n  FacetData,\n  GridLayout,\n} from './types';\n\nconst facetPosition = (idx: number, nCols: number) => ({\n  col: idx % nCols,\n  row: Math.floor(idx / nCols),\n});\n\nfunction displayGroup(name: string | undefined, nullValueLabel: string | undefined): string {\n  if (!name) return 'All';\n  if (name === 'null') return nullValueLabel ?? 'N/A';\n  return name;\n}\n\ntype Props = {\n  facetData: FacetData;\n  gridLayout: GridLayout;\n  xAxis: ChartsGroupXAxis;\n  yAxis: ChartYAxis;\n  style: ChartsGroupStyle;\n  title: ChartsGroupTitle;\n  legend: LegendData;\n  showFacetLabels: boolean;\n  grouped: boolean;\n  orderedGroupNames: string[];\n};\n\nexport function ChartsGroup({\n  facetData,\n  gridLayout,\n  xAxis,\n  yAxis,\n  style,\n  title,\n  legend,\n  showFacetLabels,\n  grouped,\n  orderedGroupNames,\n}: Props) {\n  const { faceted, facetLabels, facetTitles } = facetData;\n  const {\n    nRows,\n    nCols,\n    totalWidth,\n    totalHeight,\n    margins,\n    cellPlotWidth,\n    cellPlotHeight,\n    cellLabelHeight,\n    topPad,\n    rightPad,\n    colLeftPads,\n    rowBottomPads,\n    colXOffsets,\n    rowYOffsets,\n    sharedX,\n    sharedY,\n  } = gridLayout;\n  const { nullValueLabel } = style;\n  const tooltipsData = useTooltip<StageTooltipData>();\n  const [hoveredGroup, setHoveredGroup] = useState<string | null>(null);\n  const [selectedGroup, setSelectedGroup] = useState<string | null>(null);\n  const [tooltipsContainer, setTooltipsContainer] = useState<SVGGElement>();\n  const tooltipsRef = useRef<SVGGElement>(null);\n\n  useEffect(() => {\n    if (tooltipsRef.current) setTooltipsContainer(tooltipsRef.current);\n  }, []);\n\n  // Clicking a bar swaps StackedBars ↔ GroupSelectedBars; the originally\n  // hovered <rect> unmounts mid-hover so its onMouseLeave never fires. Clear\n  // hover + tooltip state explicitly so the tooltip doesn't stay stuck.\n  const handleGroupClick = useCallback(\n    (name: string) => {\n      setSelectedGroup((prev) => (prev === name ? null : name));\n      setHoveredGroup(null);\n      tooltipsData.onClose();\n    },\n    [tooltipsData],\n  );\n\n  const chartsWidth = totalWidth - margins.left - margins.right;\n\n  // Shared y scale (percent 0..100 → pixels within the cell plot body).\n  const yScale = useMemo(\n    () => scaleLinear().domain([0, 100]).range([cellPlotHeight, 0]),\n    [cellPlotHeight],\n  );\n\n  // x scale uses stage count from the first non-empty facet. Stage lists\n  // should be identical across facets because valueLabelsMap drives them —\n  // but we still guard against empty.\n  const stageKeys = useMemo(() => {\n    const firstFacet: AggregatedSelectionData | undefined = faceted.byFacet[faceted.facetKeys[0]];\n    return firstFacet ? firstFacet.stages.map((_, i) => String(i)) : [];\n  }, [faceted]);\n  const xScale = useMemo(() => {\n    const s = scaleBand<string>().domain(stageKeys).range([0, cellPlotWidth]);\n    const nStages = stageKeys.length;\n    if (nStages > 0) {\n      const desiredBar = Math.min(\n        MAX_BAR_WIDTH,\n        Math.max(MIN_BAR_WIDTH, (cellPlotWidth / nStages) * BAR_WIDTH_RATIO),\n      );\n      const step = cellPlotWidth / nStages;\n      const paddingInner = step > 0 ? Math.max(0, Math.min(0.95, 1 - desiredBar / step)) : 0;\n      s.paddingInner(paddingInner);\n      s.paddingOuter(paddingInner / 2);\n    }\n    return s;\n  }, [cellPlotWidth, stageKeys]);\n\n  const legendLeft = margins.left + chartsWidth - rightPad + LEGEND_OFFSET;\n  const legendTop = margins.top + topPad + cellLabelHeight;\n\n  const tooltipContent = useMemo(() => {\n    const d = tooltipsData.selectedData;\n    if (!d) return [];\n    const sectionLabel = d.section === 'preserved' ? 'Preserved' : 'Discarded';\n    const groupLabel = displayGroup(d.groupName, nullValueLabel);\n    const facetLabel = (facetLabels[tooltipsData.currentFacet] ?? []).join(' / ');\n    const header = facetLabel ? `${facetLabel} · ${groupLabel}` : groupLabel;\n    return [\n      `${header} — ${sectionLabel}`,\n      `${formatCount(d.count)} / ${formatCount(d.total)} (${d.percent.toFixed(1)}%)`,\n    ];\n  }, [tooltipsData.selectedData, tooltipsData.currentFacet, facetLabels]);\n\n  // Tooltip side distances — computed relative to the active cell.\n  const active = tooltipsData.selectedData;\n  const sideDistances = useMemo(() => {\n    if (!active) return { left: 0, right: 0, top: 0, bottom: 0 };\n    const idx = faceted.facetKeys.indexOf(tooltipsData.currentFacet);\n    const { col, row } = facetPosition(idx, nCols);\n    const cellX = margins.left + colXOffsets[col];\n    const cellY = margins.top + rowYOffsets[row];\n    const plotOriginX = cellX + colLeftPads[col];\n    const plotOriginY = cellY + topPad + cellLabelHeight;\n    return {\n      left: plotOriginX,\n      right: totalWidth - plotOriginX,\n      top: plotOriginY,\n      bottom: totalHeight - plotOriginY,\n    };\n  }, [\n    active,\n    tooltipsData.currentFacet,\n    faceted.facetKeys,\n    nCols,\n    margins,\n    colXOffsets,\n    rowYOffsets,\n    colLeftPads,\n    topPad,\n    cellLabelHeight,\n    totalWidth,\n    totalHeight,\n  ]);\n\n  const tooltipAnchorX = active?.x ?? 0;\n  const tooltipAnchorY = active?.y ?? 0;\n\n  const n = faceted.facetKeys.length;\n\n  return (\n    <ErrorBoundary dataId=\"selection-chart\">\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox={`0 0 ${totalWidth} ${totalHeight}`}\n        width={totalWidth}\n        height={totalHeight}\n      >\n        <defs>{fonts}</defs>\n        <g transform={`translate(${margins.left},${margins.top})`} fontFamily=\"Manrope\">\n          <ChartsTitle\n            title={title.text}\n            show={title.show}\n            position={title.position}\n            leftPadding={0}\n            rightPadding={0}\n            chartsWidth={chartsWidth}\n          />\n          {faceted.facetKeys.map((fk, idx) => {\n            const { col, row } = facetPosition(idx, nCols);\n            const cellData = faceted.byFacet[fk];\n            if (!cellData) return null;\n            const edges = getChartEdgeSides(idx, n, nCols, nRows);\n            const isLeftEdge = edges.includes('left');\n            const isBottomEdge = edges.includes('bottom');\n            return (\n              <g key={fk} transform={`translate(${colXOffsets[col]},${rowYOffsets[row]})`}>\n                <FacetCell\n                  titleStrip={{\n                    lines: facetTitles[fk] ?? [],\n                    show: showFacetLabels,\n                    x: colLeftPads[col],\n                    height: cellLabelHeight,\n                  }}\n                  data={cellData}\n                  grouped={grouped}\n                  orderedGroupNames={orderedGroupNames}\n                  layout={{\n                    width: cellPlotWidth,\n                    height: cellPlotHeight,\n                    dimensionsLeft: 0,\n                    dimensionsTop: cellLabelHeight,\n                    paddingLeft: colLeftPads[col],\n                    paddingTop: topPad,\n                    paddingBottom: rowBottomPads[row],\n                    xScale,\n                    yScale,\n                    showXAxis: !sharedX || isBottomEdge,\n                    showYAxis: !sharedY || isLeftEdge,\n                  }}\n                  xAxis={{\n                    labels: xAxis.labelsByFacet[fk],\n                    counts: xAxis.countsByFacet[fk],\n                    countsFontSize: xAxis.countsFontSize,\n                    labelsPosition: xAxis.labelsPosition,\n                    showGrid: xAxis.showGrid,\n                    showTicks: xAxis.showTicks,\n                    hiddenLabels: xAxis.hiddenLabels,\n                    title: isBottomEdge ? xAxis.title : '',\n                  }}\n                  yAxis={{\n                    showGrid: yAxis.showGrid,\n                    showTicks: yAxis.showTicks,\n                    hiddenLabels: yAxis.hiddenLabels,\n                    title: isLeftEdge ? yAxis.title : '',\n                  }}\n                  style={style}\n                  interaction={{\n                    hoveredGroup,\n                    selectedGroup,\n                    onGroupClick: handleGroupClick,\n                    onGroupHover: setHoveredGroup,\n                    tooltipsData,\n                    facetKey: fk,\n                  }}\n                />\n              </g>\n            );\n          })}\n        </g>\n        <g transform={`translate(${legendLeft},${legendTop})`} fontFamily=\"Manrope\">\n          <Legend\n            legendData={legend}\n            onItemHover={setHoveredGroup}\n            onItemClick={handleGroupClick}\n          />\n        </g>\n        {tooltipsData.active && (\n          <Tooltip\n            content={tooltipContent}\n            x={tooltipAnchorX}\n            y={tooltipAnchorY}\n            active={tooltipsData.active}\n            fixed={tooltipsData.fixed}\n            container={tooltipsContainer}\n            sideDistances={sideDistances}\n            onClose={tooltipsData.onClose}\n            horizontal={false}\n          />\n        )}\n        <g ref={tooltipsRef} style={{ outline: 'none' }} />\n      </svg>\n    </ErrorBoundary>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"ChartsGroup.js","names":[],"sources":["../../../src/selection/components/ChartsGroup.tsx"],"sourcesContent":["import { scaleBand, scaleLinear } from 'd3-scale';\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport { ChartsTitle } from '../../common/ChartsTitle';\nimport { ErrorBoundary } from '../../common/ErrorBoundary';\nimport fonts from '../../common/fonts';\nimport { Legend } from '../../common/Legend';\nimport { Tooltip, useTooltip } from '../../common/Tooltip';\nimport type { LegendData } from '../../common/types';\nimport { getChartEdgeSides } from '../../utils/getChartEdgeSides';\nimport { BAR_WIDTH_RATIO, LEGEND_OFFSET, MAX_BAR_WIDTH, MIN_BAR_WIDTH } from '../constants';\nimport type { AggregatedSelectionData } from '../createSelectionData';\nimport { formatCount } from '../utils';\nimport type { ChartYAxis } from './Chart/types';\nimport { type StageTooltipData } from './Chart/types';\nimport { FacetCell } from './FacetCell';\nimport type {\n  ChartsGroupStyle,\n  ChartsGroupTitle,\n  ChartsGroupXAxis,\n  FacetData,\n  GridLayout,\n} from './types';\n\nconst facetPosition = (idx: number, nCols: number) => ({\n  col: idx % nCols,\n  row: Math.floor(idx / nCols),\n});\n\nfunction displayGroup(name: string | undefined, nullValueLabel: string | undefined): string {\n  if (!name) return 'All';\n  if (name === 'null') return nullValueLabel ?? 'N/A';\n  return name;\n}\n\ntype Props = {\n  facetData: FacetData;\n  gridLayout: GridLayout;\n  xAxis: ChartsGroupXAxis;\n  yAxis: ChartYAxis;\n  style: ChartsGroupStyle;\n  title: ChartsGroupTitle;\n  legend: LegendData;\n  showFacetLabels: boolean;\n  grouped: boolean;\n  orderedGroupNames: string[];\n};\n\nexport function ChartsGroup({\n  facetData,\n  gridLayout,\n  xAxis,\n  yAxis,\n  style,\n  title,\n  legend,\n  showFacetLabels,\n  grouped,\n  orderedGroupNames,\n}: Props) {\n  const { faceted, facetLabels, facetTitles } = facetData;\n  const {\n    nRows,\n    nCols,\n    totalWidth,\n    totalHeight,\n    margins,\n    cellPlotWidth,\n    cellPlotHeight,\n    cellLabelHeight,\n    topPad,\n    rightPad,\n    colLeftPads,\n    rowBottomPads,\n    colXOffsets,\n    rowYOffsets,\n    sharedX,\n    sharedY,\n  } = gridLayout;\n  const { nullValueLabel } = style;\n  const tooltipsData = useTooltip<StageTooltipData>();\n  const [hoveredGroup, setHoveredGroup] = useState<string | null>(null);\n  const [selectedGroup, setSelectedGroup] = useState<string | null>(null);\n  const [tooltipsContainer, setTooltipsContainer] = useState<SVGGElement>();\n  const tooltipsRef = useRef<SVGGElement>(null);\n\n  useEffect(() => {\n    if (tooltipsRef.current) setTooltipsContainer(tooltipsRef.current);\n  }, []);\n\n  // Clicking a bar swaps StackedBars ↔ GroupSelectedBars; the originally\n  // hovered <rect> unmounts mid-hover so its onMouseLeave never fires. Clear\n  // hover + tooltip state explicitly so the tooltip doesn't stay stuck.\n  const handleGroupClick = useCallback(\n    (name: string) => {\n      setSelectedGroup((prev) => (prev === name ? null : name));\n      setHoveredGroup(null);\n      tooltipsData.onClose();\n    },\n    [tooltipsData],\n  );\n\n  const chartsWidth = totalWidth - margins.left - margins.right;\n\n  // Shared y scale (percent 0..100 → pixels within the cell plot body).\n  const yScale = useMemo(\n    () => scaleLinear().domain([0, 100]).range([cellPlotHeight, 0]),\n    [cellPlotHeight],\n  );\n\n  // x scale uses stage count from the first non-empty facet. Stage lists\n  // should be identical across facets because valueLabelsMap drives them —\n  // but we still guard against empty.\n  const stageKeys = useMemo(() => {\n    const firstFacet: AggregatedSelectionData | undefined = faceted.byFacet[faceted.facetKeys[0]];\n    return firstFacet ? firstFacet.stages.map((_, i) => String(i)) : [];\n  }, [faceted]);\n  const xScale = useMemo(() => {\n    const s = scaleBand<string>().domain(stageKeys).range([0, cellPlotWidth]);\n    const nStages = stageKeys.length;\n    if (nStages > 0) {\n      const desiredBar = Math.min(\n        MAX_BAR_WIDTH,\n        Math.max(MIN_BAR_WIDTH, (cellPlotWidth / nStages) * BAR_WIDTH_RATIO),\n      );\n      const step = cellPlotWidth / nStages;\n      const paddingInner = step > 0 ? Math.max(0, Math.min(0.95, 1 - desiredBar / step)) : 0;\n      s.paddingInner(paddingInner);\n      s.paddingOuter(paddingInner / 2);\n    }\n    return s;\n  }, [cellPlotWidth, stageKeys]);\n\n  const legendLeft = margins.left + chartsWidth - rightPad + LEGEND_OFFSET;\n  const legendTop = margins.top + topPad + cellLabelHeight;\n\n  const tooltipContent = useMemo(() => {\n    const d = tooltipsData.selectedData;\n    if (!d) return [];\n    const sectionLabel = d.section === 'preserved' ? 'Preserved' : 'Discarded';\n    const groupLabel = grouped ? displayGroup(d.groupName, nullValueLabel) : undefined;\n    const facetLabel = (facetLabels[tooltipsData.currentFacet] ?? []).join(' / ');\n    const header = [facetLabel, groupLabel].filter(Boolean).join(' · ');\n    return [\n      header ? `${header} — ${sectionLabel}` : sectionLabel,\n      `${formatCount(d.count)} / ${formatCount(d.total)} (${d.percent.toFixed(1)}%)`,\n    ];\n  }, [tooltipsData.selectedData, tooltipsData.currentFacet, facetLabels, grouped, nullValueLabel]);\n\n  // Tooltip side distances — computed relative to the active cell.\n  const active = tooltipsData.selectedData;\n  const sideDistances = useMemo(() => {\n    if (!active) return { left: 0, right: 0, top: 0, bottom: 0 };\n    const idx = faceted.facetKeys.indexOf(tooltipsData.currentFacet);\n    const { col, row } = facetPosition(idx, nCols);\n    const cellX = margins.left + colXOffsets[col];\n    const cellY = margins.top + rowYOffsets[row];\n    const plotOriginX = cellX + colLeftPads[col];\n    const plotOriginY = cellY + topPad + cellLabelHeight;\n    return {\n      left: plotOriginX,\n      right: totalWidth - plotOriginX,\n      top: plotOriginY,\n      bottom: totalHeight - plotOriginY,\n    };\n  }, [\n    active,\n    tooltipsData.currentFacet,\n    faceted.facetKeys,\n    nCols,\n    margins,\n    colXOffsets,\n    rowYOffsets,\n    colLeftPads,\n    topPad,\n    cellLabelHeight,\n    totalWidth,\n    totalHeight,\n  ]);\n\n  const tooltipAnchorX = active?.x ?? 0;\n  const tooltipAnchorY = active?.y ?? 0;\n\n  const n = faceted.facetKeys.length;\n\n  return (\n    <ErrorBoundary dataId=\"selection-chart\">\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox={`0 0 ${totalWidth} ${totalHeight}`}\n        width={totalWidth}\n        height={totalHeight}\n      >\n        <defs>{fonts}</defs>\n        <g transform={`translate(${margins.left},${margins.top})`} fontFamily=\"Manrope\">\n          <ChartsTitle\n            title={title.text}\n            show={title.show}\n            position={title.position}\n            leftPadding={0}\n            rightPadding={0}\n            chartsWidth={chartsWidth}\n          />\n          {faceted.facetKeys.map((fk, idx) => {\n            const { col, row } = facetPosition(idx, nCols);\n            const cellData = faceted.byFacet[fk];\n            if (!cellData) return null;\n            const edges = getChartEdgeSides(idx, n, nCols, nRows);\n            const isLeftEdge = edges.includes('left');\n            const isBottomEdge = edges.includes('bottom');\n            return (\n              <g key={fk} transform={`translate(${colXOffsets[col]},${rowYOffsets[row]})`}>\n                <FacetCell\n                  titleStrip={{\n                    lines: facetTitles[fk] ?? [],\n                    show: showFacetLabels,\n                    x: colLeftPads[col],\n                    height: cellLabelHeight,\n                  }}\n                  data={cellData}\n                  grouped={grouped}\n                  orderedGroupNames={orderedGroupNames}\n                  layout={{\n                    width: cellPlotWidth,\n                    height: cellPlotHeight,\n                    dimensionsLeft: 0,\n                    dimensionsTop: cellLabelHeight,\n                    paddingLeft: colLeftPads[col],\n                    paddingTop: topPad,\n                    paddingBottom: rowBottomPads[row],\n                    xScale,\n                    yScale,\n                    showXAxis: !sharedX || isBottomEdge,\n                    showYAxis: !sharedY || isLeftEdge,\n                  }}\n                  xAxis={{\n                    labels: xAxis.labelsByFacet[fk],\n                    counts: xAxis.countsByFacet[fk],\n                    countsFontSize: xAxis.countsFontSize,\n                    labelsPosition: xAxis.labelsPosition,\n                    showTicks: xAxis.showTicks,\n                    hiddenLabels: xAxis.hiddenLabels,\n                    title: isBottomEdge ? xAxis.title : '',\n                  }}\n                  yAxis={{\n                    showGrid: yAxis.showGrid,\n                    showTicks: yAxis.showTicks,\n                    hiddenLabels: yAxis.hiddenLabels,\n                    title: isLeftEdge ? yAxis.title : '',\n                  }}\n                  style={style}\n                  interaction={{\n                    hoveredGroup,\n                    selectedGroup,\n                    onGroupClick: handleGroupClick,\n                    onGroupHover: setHoveredGroup,\n                    tooltipsData,\n                    facetKey: fk,\n                  }}\n                />\n              </g>\n            );\n          })}\n        </g>\n        <g transform={`translate(${legendLeft},${legendTop})`} fontFamily=\"Manrope\">\n          <Legend\n            legendData={legend}\n            onItemHover={setHoveredGroup}\n            onItemClick={handleGroupClick}\n          />\n        </g>\n        {tooltipsData.active && (\n          <Tooltip\n            content={tooltipContent}\n            x={tooltipAnchorX}\n            y={tooltipAnchorY}\n            active={tooltipsData.active}\n            fixed={tooltipsData.fixed}\n            container={tooltipsContainer}\n            sideDistances={sideDistances}\n            onClose={tooltipsData.onClose}\n            horizontal={false}\n          />\n        )}\n        <g ref={tooltipsRef} style={{ outline: 'none' }} />\n      </svg>\n    </ErrorBoundary>\n  );\n}\n"],"mappings":"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"}

package/dist/selection/components/types.d.ts

@@ -34,7 +34,6 @@ export type ChartsGroupXAxis = {
     countsByFacet: Record<string, Record<string, string>>;
     countsFontSize?: number;
     labelsPosition?: 'center' | '45deg' | '90deg';
-    showGrid?: boolean;
     showTicks?: boolean;
     hiddenLabels?: boolean;
     title?: string;

package/dist/selection/components/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/selection/components/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACnE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD,MAAM,MAAM,OAAO,GAAG;IACpB,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,kFAAkF;AAClF,MAAM,MAAM,UAAU,GAAG;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,OAAO,CAAC;IACjB,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,EAAE,MAAM,CAAC;IACvB,eAAe,EAAE,MAAM,CAAC;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,aAAa,EAAE,MAAM,EAAE,CAAC;IACxB,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,6EAA6E;IAC7E,OAAO,EAAE,OAAO,CAAC;IACjB,4EAA4E;IAC5E,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,6FAA6F;AAC7F,MAAM,MAAM,gBAAgB,GAAG;IAC7B,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC;IACxD,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IACtD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,OAAO,CAAC;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,oGAAoG;AACpG,MAAM,MAAM,gBAAgB,GAAG,UAAU,GAAG;IAC1C,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,yCAAyC;AACzC,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,aAAa,CAAC;CACzB,CAAC;AAEF,8CAA8C;AAC9C,MAAM,MAAM,SAAS,GAAG;IACtB,OAAO,EAAE,oBAAoB,CAAC;IAC9B,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;IACtC,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;CACvC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/selection/components/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACnE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD,MAAM,MAAM,OAAO,GAAG;IACpB,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,kFAAkF;AAClF,MAAM,MAAM,UAAU,GAAG;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,OAAO,CAAC;IACjB,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,EAAE,MAAM,CAAC;IACvB,eAAe,EAAE,MAAM,CAAC;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,aAAa,EAAE,MAAM,EAAE,CAAC;IACxB,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,6EAA6E;IAC7E,OAAO,EAAE,OAAO,CAAC;IACjB,4EAA4E;IAC5E,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,6FAA6F;AAC7F,MAAM,MAAM,gBAAgB,GAAG;IAC7B,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC;IACxD,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IACtD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,OAAO,CAAC;IAC9C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,oGAAoG;AACpG,MAAM,MAAM,gBAAgB,GAAG,UAAU,GAAG;IAC1C,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,yCAAyC;AACzC,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,aAAa,CAAC;CACzB,CAAC;AAEF,8CAA8C;AAC9C,MAAM,MAAM,SAAS,GAAG;IACtB,OAAO,EAAE,oBAAoB,CAAC;IAC9B,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;IACtC,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;CACvC,CAAC"}

package/dist/selection/constants.d.ts

@@ -1,7 +1,7 @@
 export declare const DESATURATE_ALPHA = 0.4;
 export declare const DIM_OPACITY = 0.35;
 export declare const RIBBON_OPACITY = 0.25;
-export declare const BAR_WIDTH_RATIO = 0.35;
+export declare const BAR_WIDTH_RATIO = 0.3;
 export declare const MIN_BAR_WIDTH = 12;
 export declare const MAX_BAR_WIDTH = 80;
 export declare const MIN_MARGIN = 24;
@@ -11,7 +11,6 @@ export declare const FACET_TITLE_LINE = 48;
 export declare const FACET_TITLE_OFFSET = 24;
 export declare const FACET_TITLE_LINE_HEIGHT = 24;
 export declare const FACET_TITLE_FONT_PX = 20;
-export declare const LABEL_ROTATION_THRESHOLD = 0.65;
 export declare const LABEL_WRAP_WIDTH_PX = 120;
 export declare const LABEL_LINE_HEIGHT_PX = 14;
 export declare const AXIS_LABEL_LINE_HEIGHT = 20;

package/dist/selection/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/selection/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,gBAAgB,MAAM,CAAC;AACpC,eAAO,MAAM,WAAW,OAAO,CAAC;AAChC,eAAO,MAAM,cAAc,OAAO,CAAC;AACnC,eAAO,MAAM,eAAe,OAAO,CAAC;AAEpC,eAAO,MAAM,aAAa,KAAK,CAAC;AAChC,eAAO,MAAM,aAAa,KAAK,CAAC;AAEhC,eAAO,MAAM,UAAU,KAAK,CAAC;AAC7B,eAAO,MAAM,WAAW,KAAK,CAAC;AAG9B,eAAO,MAAM,aAAa,KAAK,CAAC;AAKhC,eAAO,MAAM,gBAAgB,KAAK,CAAC;AACnC,eAAO,MAAM,kBAAkB,KAAK,CAAC;AACrC,eAAO,MAAM,uBAAuB,KAAK,CAAC;AAC1C,eAAO,MAAM,mBAAmB,KAAK,CAAC;AAItC,eAAO,MAAM,wBAAwB,OAAO,CAAC;AAG7C,eAAO,MAAM,mBAAmB,MAAM,CAAC;AAEvC,eAAO,MAAM,oBAAoB,KAAK,CAAC;AAGvC,eAAO,MAAM,sBAAsB,KAAK,CAAC;AAEzC,eAAO,MAAM,cAAc,KAAK,CAAC;AAEjC,eAAO,MAAM,eAAe,IAAI,CAAC;AAEjC,eAAO,MAAM,iBAAiB,KAAK,CAAC;AAEpC,eAAO,MAAM,kBAAkB,IAAI,CAAC;AAGpC,eAAO,MAAM,cAAc,SAAS,CAAC;AAQrC,eAAO,MAAM,sBAAsB,YAAY,CAAC;AAGhD,eAAO,MAAM,gBAAgB,YAAY,CAAC"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/selection/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,gBAAgB,MAAM,CAAC;AACpC,eAAO,MAAM,WAAW,OAAO,CAAC;AAChC,eAAO,MAAM,cAAc,OAAO,CAAC;AACnC,eAAO,MAAM,eAAe,MAAM,CAAC;AAEnC,eAAO,MAAM,aAAa,KAAK,CAAC;AAChC,eAAO,MAAM,aAAa,KAAK,CAAC;AAEhC,eAAO,MAAM,UAAU,KAAK,CAAC;AAC7B,eAAO,MAAM,WAAW,KAAK,CAAC;AAG9B,eAAO,MAAM,aAAa,KAAK,CAAC;AAKhC,eAAO,MAAM,gBAAgB,KAAK,CAAC;AACnC,eAAO,MAAM,kBAAkB,KAAK,CAAC;AACrC,eAAO,MAAM,uBAAuB,KAAK,CAAC;AAC1C,eAAO,MAAM,mBAAmB,KAAK,CAAC;AAItC,eAAO,MAAM,mBAAmB,MAAM,CAAC;AAEvC,eAAO,MAAM,oBAAoB,KAAK,CAAC;AAGvC,eAAO,MAAM,sBAAsB,KAAK,CAAC;AAEzC,eAAO,MAAM,cAAc,KAAK,CAAC;AAEjC,eAAO,MAAM,eAAe,IAAI,CAAC;AAEjC,eAAO,MAAM,iBAAiB,KAAK,CAAC;AAEpC,eAAO,MAAM,kBAAkB,IAAI,CAAC;AAGpC,eAAO,MAAM,cAAc,SAAS,CAAC;AAQrC,eAAO,MAAM,sBAAsB,YAAY,CAAC;AAGhD,eAAO,MAAM,gBAAgB,YAAY,CAAC"}

package/dist/selection/constants.js

@@ -1,4 +1,4 @@
-const e = .4, t = .35, n = .25, r = .35, i = .65, a = "#333", o = "#929BAD", s = "#1c1c1c";
-export { o as AGGREGATE_RIBBON_COLOR, r as BAR_WIDTH_RATIO, e as DESATURATE_ALPHA, t as DIM_OPACITY, a as DIVIDER_STROKE, s as FACET_LABEL_FILL, i as LABEL_ROTATION_THRESHOLD, n as RIBBON_OPACITY };
+const e = .4, t = .35, n = .25, r = .3, i = "#333", a = "#929BAD", o = "#1c1c1c";
+export { a as AGGREGATE_RIBBON_COLOR, r as BAR_WIDTH_RATIO, e as DESATURATE_ALPHA, t as DIM_OPACITY, i as DIVIDER_STROKE, o as FACET_LABEL_FILL, n as RIBBON_OPACITY };
 
 //# sourceMappingURL=constants.js.map

package/dist/selection/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","names":[],"sources":["../../src/selection/constants.ts"],"sourcesContent":["export const DESATURATE_ALPHA = 0.4;\nexport const DIM_OPACITY = 0.35;\nexport const RIBBON_OPACITY = 0.25;\nexport const BAR_WIDTH_RATIO = 0.35;\n\nexport const MIN_BAR_WIDTH = 12;\nexport const MAX_BAR_WIDTH = 80;\n\nexport const MIN_MARGIN = 24;\nexport const MIN_PADDING = 12;\n\n// Horizontal gap between the chart's right edge and the legend column.\nexport const LEGEND_OFFSET = 20;\n\n// Facet header strip mirrors heatmap's: 48px tall, 24px between title baseline\n// and plot frame top. Multi-line titles add `FACET_TITLE_LINE_HEIGHT` per\n// extra line.\nexport const FACET_TITLE_LINE = 48;\nexport const FACET_TITLE_OFFSET = 24;\nexport const FACET_TITLE_LINE_HEIGHT = 24;\nexport const FACET_TITLE_FONT_PX = 20;\n\n// Auto-rotate stage labels to 90° when their measured width exceeds this\n// fraction of the band width (centered labels still fit below the threshold).\nexport const LABEL_ROTATION_THRESHOLD = 0.65;\n// Wrap centered (non-rotated) stage labels at this pixel width before\n// `splitTextByWidth` breaks them onto a second line.\nexport const LABEL_WRAP_WIDTH_PX = 120;\n// Line height used when measuring wrapped stage labels.\nexport const LABEL_LINE_HEIGHT_PX = 14;\n\n// Y-axis label line height (used when measuring tick label clearance).\nexport const AXIS_LABEL_LINE_HEIGHT = 20;\n// Reserved width for Y-axis tick text (matches the widest tick label budget).\nexport const Y_TICK_RESERVE = 40;\n// Vertical gap between the X-axis tick line and the top of the X label.\nexport const X_LABEL_TOP_PAD = 6;\n// Line height of the per-bar count label that floats above each bar.\nexport const COUNT_LINE_HEIGHT = 16;\n// Space between count label (above bar) and the top of the plot area.\nexport const X_COUNT_BOTTOM_PAD = 4;\n\n// Dashed-divider stroke between a group's preserved and discarded segments.\nexport const DIVIDER_STROKE = '#333';\n\n// Medium grey (\"Grey\" in graph-maker's FIXED_COLORS), kept readable at the\n// 0.25 RIBBON_OPACITY used here. Drives both the unified ribbon (when bars\n// are grouped but no group is click-selected) and the rare colorMap-miss\n// fallback in the active-group branch. Local because per-chart neutral\n// colors aren't a concern of consumers — see scatterplot's UNKNOWN_COLOR\n// (kept in graph-maker, never threaded through ScatterplotSettings).\nexport const AGGREGATE_RIBBON_COLOR = '#929BAD';\n// Text fill for facet titles and stage count labels — slightly lighter than\n// the chart's BLACK so secondary text doesn't compete with axis labels.\nexport const FACET_LABEL_FILL = '#1c1c1c';\n"],"mappings":"AAAA,MAAa,IAAmB,IACnB,IAAc,KACd,IAAiB,KACjB,IAAkB,KAqBlB,IAA2B,KAmB3B,IAAiB,QAQjB,IAAyB,WAGzB,IAAmB"}
+{"version":3,"file":"constants.js","names":[],"sources":["../../src/selection/constants.ts"],"sourcesContent":["export const DESATURATE_ALPHA = 0.4;\nexport const DIM_OPACITY = 0.35;\nexport const RIBBON_OPACITY = 0.25;\nexport const BAR_WIDTH_RATIO = 0.3;\n\nexport const MIN_BAR_WIDTH = 12;\nexport const MAX_BAR_WIDTH = 80;\n\nexport const MIN_MARGIN = 24;\nexport const MIN_PADDING = 12;\n\n// Horizontal gap between the chart's right edge and the legend column.\nexport const LEGEND_OFFSET = 20;\n\n// Facet header strip mirrors heatmap's: 48px tall, 24px between title baseline\n// and plot frame top. Multi-line titles add `FACET_TITLE_LINE_HEIGHT` per\n// extra line.\nexport const FACET_TITLE_LINE = 48;\nexport const FACET_TITLE_OFFSET = 24;\nexport const FACET_TITLE_LINE_HEIGHT = 24;\nexport const FACET_TITLE_FONT_PX = 20;\n\n// Wrap centered (non-rotated) stage labels at this pixel width before\n// `splitTextByWidth` breaks them onto a second line.\nexport const LABEL_WRAP_WIDTH_PX = 120;\n// Line height used when measuring wrapped stage labels.\nexport const LABEL_LINE_HEIGHT_PX = 14;\n\n// Y-axis label line height (used when measuring tick label clearance).\nexport const AXIS_LABEL_LINE_HEIGHT = 20;\n// Reserved width for Y-axis tick text (matches the widest tick label budget).\nexport const Y_TICK_RESERVE = 40;\n// Vertical gap between the X-axis tick line and the top of the X label.\nexport const X_LABEL_TOP_PAD = 6;\n// Line height of the per-bar count label that floats above each bar.\nexport const COUNT_LINE_HEIGHT = 16;\n// Space between count label (above bar) and the top of the plot area.\nexport const X_COUNT_BOTTOM_PAD = 4;\n\n// Dashed-divider stroke between a group's preserved and discarded segments.\nexport const DIVIDER_STROKE = '#333';\n\n// Medium grey (\"Grey\" in graph-maker's FIXED_COLORS), kept readable at the\n// 0.25 RIBBON_OPACITY used here. Drives both the unified ribbon (when bars\n// are grouped but no group is click-selected) and the rare colorMap-miss\n// fallback in the active-group branch. Local because per-chart neutral\n// colors aren't a concern of consumers — see scatterplot's UNKNOWN_COLOR\n// (kept in graph-maker, never threaded through ScatterplotSettings).\nexport const AGGREGATE_RIBBON_COLOR = '#929BAD';\n// Text fill for facet titles and stage count labels — slightly lighter than\n// the chart's BLACK so secondary text doesn't compete with axis labels.\nexport const FACET_LABEL_FILL = '#1c1c1c';\n"],"mappings":"AAAA,MAAa,IAAmB,IACnB,IAAc,KACd,IAAiB,KACjB,IAAkB,IAqClB,IAAiB,QAQjB,IAAyB,WAGzB,IAAmB"}

package/dist/selection/createSelectionData.d.ts

@@ -1,26 +1,22 @@
 import { DataFrame, GroupKey, RowIndex } from '../DataFrame';
 export type StageInfo = {
-    index: number;
-    label: string;
     total: number;
     surviving: number;
     discarded: number;
-    groups: GroupStageData[];
+    groups: Map<string, GroupStageData>;
 };
 export type GroupStageData = {
-    name: string;
     surviving: number;
     discarded: number;
 };
 export type AggregatedSelectionData = {
     stages: StageInfo[];
+    filterNames: string[];
     groupNames: string[];
-    maxTotal: number;
 };
 export type FacetedSelectionData = {
     facetKeys: string[];
     byFacet: Record<string, AggregatedSelectionData>;
-    /** Union of group names across all facets, for a shared legend. */
     groupNames: string[];
 };
 export type SelectionDataParams = {

package/dist/selection/createSelectionData.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createSelectionData.d.ts","sourceRoot":"","sources":["../../src/selection/createSelectionData.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGlE,MAAM,MAAM,SAAS,GAAG;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,cAAc,EAAE,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG;IACpC,MAAM,EAAE,SAAS,EAAE,CAAC;IACpB,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,uBAAuB,CAAC,CAAC;IACjD,mEAAmE;IACnE,UAAU,EAAE,MAAM,EAAE,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,IAAI,EAAE,SAAS,CAAC;IAChB,UAAU,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAC;IAChC,cAAc,EAAE,MAAM,CAAC;IACvB,eAAe,EAAE,MAAM,GAAG,SAAS,CAAC;IACpC,cAAc,EAAE,MAAM,GAAG,SAAS,CAAC;IACnC,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,SAAS,CAAC;CACpD,CAAC;AAEF,wBAAgB,mBAAmB,CAAC,EAClC,IAAI,EACJ,UAAU,EACV,cAAc,EACd,eAAe,EACf,cAAc,EACd,cAAc,GACf,EAAE,mBAAmB,GAAG,uBAAuB,CAqH/C;AAED;;;;;GAKG;AACH,MAAM,MAAM,2BAA2B,GAAG;IACxC,IAAI,EAAE,SAAS,CAAC;IAChB,qBAAqB,EAAE,QAAQ,EAAE,EAAE,CAAC;IACpC,cAAc,EAAE,MAAM,CAAC;IACvB,eAAe,EAAE,MAAM,GAAG,SAAS,CAAC;IACpC,cAAc,EAAE,MAAM,GAAG,SAAS,CAAC;IACnC,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,SAAS,CAAC;CACpD,CAAC;AAEF,wBAAgB,2BAA2B,CAAC,EAC1C,IAAI,EACJ,qBAAqB,EACrB,cAAc,EACd,eAAe,EACf,cAAc,EACd,cAAc,GACf,EAAE,2BAA2B,GAAG,oBAAoB,CA0BpD"}
+{"version":3,"file":"createSelectionData.d.ts","sourceRoot":"","sources":["../../src/selection/createSelectionData.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGlE,MAAM,MAAM,SAAS,GAAG;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,GAAG,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC;CACrC,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG;IACpC,MAAM,EAAE,SAAS,EAAE,CAAC;IACpB,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,UAAU,EAAE,MAAM,EAAE,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,uBAAuB,CAAC,CAAC;IACjD,UAAU,EAAE,MAAM,EAAE,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,IAAI,EAAE,SAAS,CAAC;IAChB,UAAU,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAC;IAChC,cAAc,EAAE,MAAM,CAAC;IACvB,eAAe,EAAE,MAAM,GAAG,SAAS,CAAC;IACpC,cAAc,EAAE,MAAM,GAAG,SAAS,CAAC;IACnC,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,SAAS,CAAC;CACpD,CAAC;AAEF,wBAAgB,mBAAmB,CAAC,EAClC,IAAI,EACJ,UAAU,EACV,cAAc,EACd,eAAe,EACf,cAAc,EACd,cAAc,GACf,EAAE,mBAAmB,GAAG,uBAAuB,CAgG/C;AAED;;;;;GAKG;AACH,MAAM,MAAM,2BAA2B,GAAG;IACxC,IAAI,EAAE,SAAS,CAAC;IAChB,qBAAqB,EAAE,QAAQ,EAAE,EAAE,CAAC;IACpC,cAAc,EAAE,MAAM,CAAC;IACvB,eAAe,EAAE,MAAM,GAAG,SAAS,CAAC;IACpC,cAAc,EAAE,MAAM,GAAG,SAAS,CAAC;IACnC,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,SAAS,CAAC;CACpD,CAAC;AAEF,wBAAgB,2BAA2B,CAAC,EAC1C,IAAI,EACJ,qBAAqB,EACrB,cAAc,EACd,eAAe,EACf,cAAc,EACd,cAAc,GACf,EAAE,2BAA2B,GAAG,oBAAoB,CA0BpD"}

package/dist/selection/createSelectionData.js

@@ -1,70 +1,56 @@
 import { getFacetStringKey as e } from "../discrete/utils/getFacetStringKey.js";
 function t({ data: e, rowIndexes: t, stageColumnKey: n, weightColumnKey: r, groupColumnKey: i, valueLabelsMap: a }) {
-	let o = a ?? {}, s = Array.from(t), c = /* @__PURE__ */ new Set();
-	for (let e of Object.keys(o)) {
-		let t = Number(e);
-		Number.isFinite(t) && c.add(t);
-	}
-	if (c.size === 0) for (let t of s) {
-		let r = e.getColumnValue(n, t);
-		r !== null && typeof r == "number" && c.add(r);
-	}
-	let l = [...c].sort((e, t) => e - t);
-	if (l.length === 0 || s.length === 0) return {
+	let o = a ?? {}, s = Object.keys(o).map(Number).filter(Number.isFinite), c = (s.length ? Math.max(...s) : 0) + 1;
+	if (t.length === 0) return {
 		stages: [],
-		groupNames: [],
-		maxTotal: 0
+		filterNames: [],
+		groupNames: []
 	};
-	let u = /* @__PURE__ */ new Set();
-	if (i) for (let t of s) {
-		let n = e.getColumnValue(i, t);
-		u.add(n === null ? "null" : String(n));
+	let l = Array.from({ length: c - 1 }, (e, t) => o[String(t + 1)] ?? `Filter ${t + 1}`), u = e.getColumn(n), d = r ? e.getColumn(r) : void 0, f = i ? e.getColumn(i) : void 0, p = new Float64Array(c + 1), m = /* @__PURE__ */ new Map(), h = 0;
+	for (let e = 0; e < t.length; e++) {
+		let n = t[e], r = u[n];
+		if (typeof r != "number" || r < 1 || r > c || !Number.isInteger(r)) {
+			h++;
+			continue;
+		}
+		let i = 1;
+		if (d) {
+			let e = d[n];
+			i = typeof e == "number" && !Number.isNaN(e) ? e : 0;
+		}
+		if (p[r] += i, f) {
+			let e = f[n], t = e === null ? "null" : String(e), a = m.get(t);
+			a === void 0 && (a = new Float64Array(c + 1), m.set(t, a)), a[r] += i;
+		}
 	}
-	let d = [...u].sort(), f = (t) => {
-		if (!r) return 1;
-		let n = e.getColumnValue(r, t);
-		return typeof n == "number" && !Number.isNaN(n) ? n : 0;
-	}, p = (t) => {
-		if (!i) return "All";
-		let n = e.getColumnValue(i, t);
-		return n === null ? "null" : String(n);
-	}, m = l.map((t, r) => {
-		let i = r === l.length - 1 ? t : l[r + 1], a = 0, c = 0, u = 0, m = /* @__PURE__ */ new Map();
-		if (d.length > 0) for (let e of d) m.set(e, {
-			surviving: 0,
-			discarded: 0
-		});
-		for (let r of s) {
-			let o = e.getColumnValue(n, r);
-			if (!(o === null || typeof o != "number") && o >= t) {
-				let e = f(r);
-				if (a += e, o >= i ? c += e : u += e, d.length > 0) {
-					let t = p(r), n = m.get(t);
-					n && (o >= i ? n.surviving += e : n.discarded += e);
-				}
-			}
+	h > 0 && console.warn(`Selection Plot: ${h} row(s) had a selectionStage outside the expected [1, ${c}] range and were skipped.`);
+	let g = [...m.keys()].sort(), _ = (e) => {
+		let t = new Float64Array(c + 2);
+		for (let n = c; n >= 1; n--) t[n] = t[n + 1] + e[n];
+		return t;
+	}, v = _(p), y = /* @__PURE__ */ new Map();
+	for (let e of g) y.set(e, _(m.get(e)));
+	let b = [];
+	for (let e = 1; e <= c; e++) {
+		let t = e === c, n = /* @__PURE__ */ new Map();
+		for (let r of g) {
+			let i = y.get(r), a = m.get(r);
+			n.set(r, {
+				surviving: t ? i[e] : i[e + 1],
+				discarded: t ? 0 : a[e]
+			});
 		}
-		let h = d.map((e) => {
-			let t = m.get(e);
-			return {
-				name: e,
-				surviving: t?.surviving ?? 0,
-				discarded: t?.discarded ?? 0
-			};
+		b.push({
+			total: v[e],
+			surviving: t ? v[e] : v[e + 1],
+			discarded: t ? 0 : p[e],
+			groups: n
 		});
-		return {
-			index: t,
-			label: o[String(t)] ?? `Stage ${t}`,
-			total: a,
-			surviving: c,
-			discarded: u,
-			groups: h
-		};
-	});
+	}
 	return {
-		stages: m,
-		groupNames: d,
-		maxTotal: m.length > 0 ? m[0].total : 0
+		stages: b,
+		filterNames: l,
+		groupNames: g
 	};
 }
 function n({ data: n, facetKeysCombinations: r, stageColumnKey: i, weightColumnKey: a, groupColumnKey: o, valueLabelsMap: s }) {

package/dist/selection/createSelectionData.js.map

@@ -1 +1 @@
-{"version":3,"file":"createSelectionData.js","names":[],"sources":["../../src/selection/createSelectionData.ts"],"sourcesContent":["import type { DataFrame, GroupKey, RowIndex } from '../DataFrame';\nimport { getFacetStringKey } from '../discrete/utils/getFacetStringKey';\n\nexport type StageInfo = {\n  index: number;\n  label: string;\n  total: number;\n  surviving: number;\n  discarded: number;\n  groups: GroupStageData[];\n};\n\nexport type GroupStageData = {\n  name: string;\n  surviving: number;\n  discarded: number;\n};\n\nexport type AggregatedSelectionData = {\n  stages: StageInfo[];\n  groupNames: string[];\n  maxTotal: number;\n};\n\nexport type FacetedSelectionData = {\n  facetKeys: string[];\n  byFacet: Record<string, AggregatedSelectionData>;\n  /** Union of group names across all facets, for a shared legend. */\n  groupNames: string[];\n};\n\nexport type SelectionDataParams = {\n  data: DataFrame;\n  rowIndexes: ArrayLike<RowIndex>;\n  stageColumnKey: string;\n  weightColumnKey: string | undefined;\n  groupColumnKey: string | undefined;\n  valueLabelsMap: Record<string, string> | undefined;\n};\n\nexport function createSelectionData({\n  data,\n  rowIndexes,\n  stageColumnKey,\n  weightColumnKey,\n  groupColumnKey,\n  valueLabelsMap,\n}: SelectionDataParams): AggregatedSelectionData {\n  const valueLabels = valueLabelsMap ?? {};\n  const rows = Array.from(rowIndexes);\n\n  // Stage indices come from valueLabelsMap when present (authoritative: one\n  // entry per filter + survivors + optional selected stage). Falling back to\n  // stages observed in the data would drop filters that eliminated zero clones,\n  // since filter.py only emits rows for non-empty elimination stages.\n  const stageSet = new Set<number>();\n  for (const key of Object.keys(valueLabels)) {\n    const n = Number(key);\n    if (Number.isFinite(n)) stageSet.add(n);\n  }\n  if (stageSet.size === 0) {\n    for (const r of rows) {\n      const v = data.getColumnValue(stageColumnKey, r);\n      if (v !== null && typeof v === 'number') stageSet.add(v);\n    }\n  }\n  const sortedStageIndices = [...stageSet].sort((a, b) => a - b);\n\n  if (sortedStageIndices.length === 0 || rows.length === 0) {\n    return { stages: [], groupNames: [], maxTotal: 0 };\n  }\n\n  // Null values use the literal key \"null\" so the aesthetic mapping treats\n  // the null group like any other (palette color, not the standalone fallback).\n  // Display labels (\"Unknown\", etc.) are handled at the consumer.\n  const groupNameSet = new Set<string>();\n  if (groupColumnKey) {\n    for (const r of rows) {\n      const v = data.getColumnValue(groupColumnKey, r);\n      groupNameSet.add(v === null ? 'null' : String(v));\n    }\n  }\n  const groupNames = [...groupNameSet].sort();\n\n  const getWeight = (i: RowIndex): number => {\n    if (!weightColumnKey) return 1;\n    const w = data.getColumnValue(weightColumnKey, i);\n    return typeof w === 'number' && !Number.isNaN(w) ? w : 0;\n  };\n\n  const getGroup = (i: RowIndex): string => {\n    if (!groupColumnKey) return 'All';\n    const g = data.getColumnValue(groupColumnKey, i);\n    return g === null ? 'null' : String(g);\n  };\n\n  const stages: StageInfo[] = sortedStageIndices.map((stageIdx, pos) => {\n    const isLastStage = pos === sortedStageIndices.length - 1;\n    const nextStageIdx = isLastStage\n      ? stageIdx // last stage: all surviving entities are preserved\n      : sortedStageIndices[pos + 1];\n\n    let total = 0;\n    let surviving = 0;\n    let discarded = 0;\n    const groupTotals = new Map<string, { surviving: number; discarded: number }>();\n\n    if (groupNames.length > 0) {\n      for (const name of groupNames) {\n        groupTotals.set(name, { surviving: 0, discarded: 0 });\n      }\n    }\n\n    for (const i of rows) {\n      const sv = data.getColumnValue(stageColumnKey, i);\n      if (sv === null || typeof sv !== 'number') continue;\n\n      // Entity survives this stage if its selectionStage >= current stage index\n      if (sv >= stageIdx) {\n        const w = getWeight(i);\n        total += w;\n\n        if (sv >= nextStageIdx) {\n          surviving += w;\n        } else {\n          discarded += w;\n        }\n\n        if (groupNames.length > 0) {\n          const g = getGroup(i);\n          const gt = groupTotals.get(g);\n          if (gt) {\n            if (sv >= nextStageIdx) {\n              gt.surviving += w;\n            } else {\n              gt.discarded += w;\n            }\n          }\n        }\n      }\n    }\n\n    const groups: GroupStageData[] = groupNames.map((name) => {\n      const gt = groupTotals.get(name);\n      return {\n        name,\n        surviving: gt?.surviving ?? 0,\n        discarded: gt?.discarded ?? 0,\n      };\n    });\n\n    return {\n      index: stageIdx,\n      label: valueLabels[String(stageIdx)] ?? `Stage ${stageIdx}`,\n      total,\n      surviving,\n      discarded,\n      groups,\n    };\n  });\n\n  const maxTotal = stages.length > 0 ? stages[0].total : 0;\n\n  return { stages, groupNames, maxTotal };\n}\n\n/**\n * Build per-facet selection data from pre-computed facet-key combinations.\n * The caller is responsible for computing combinations via `getKeysCombinations`\n * and seeding `data.setGrouping(...)` so `getRowsByGrouping` returns the\n * matching row indexes — same contract as histogram's `createHistogramDataByFacets`.\n */\nexport type SelectionDataByFacetsParams = {\n  data: DataFrame;\n  facetKeysCombinations: GroupKey[][];\n  stageColumnKey: string;\n  weightColumnKey: string | undefined;\n  groupColumnKey: string | undefined;\n  valueLabelsMap: Record<string, string> | undefined;\n};\n\nexport function createSelectionDataByFacets({\n  data,\n  facetKeysCombinations,\n  stageColumnKey,\n  weightColumnKey,\n  groupColumnKey,\n  valueLabelsMap,\n}: SelectionDataByFacetsParams): FacetedSelectionData {\n  const facetKeys: string[] = [];\n  const byFacet: Record<string, AggregatedSelectionData> = {};\n  const groupNamesSet = new Set<string>();\n\n  for (const combo of facetKeysCombinations) {\n    const facetKey = getFacetStringKey(combo);\n    const indexes = data.getRowsByGrouping(combo);\n    const agg = createSelectionData({\n      data,\n      rowIndexes: indexes,\n      stageColumnKey,\n      weightColumnKey,\n      groupColumnKey,\n      valueLabelsMap,\n    });\n    facetKeys.push(facetKey);\n    byFacet[facetKey] = agg;\n    for (const g of agg.groupNames) groupNamesSet.add(g);\n  }\n\n  return {\n    facetKeys,\n    byFacet,\n    groupNames: [...groupNamesSet].sort(),\n  };\n}\n"],"mappings":";AAwCA,SAAgB,EAAoB,EAClC,SACA,eACA,mBACA,oBACA,mBACA,qBAC+C;CAC/C,IAAM,IAAc,KAAkB,EAAE,EAClC,IAAO,MAAM,KAAK,EAAW,EAM7B,oBAAW,IAAI,KAAa;AAClC,MAAK,IAAM,KAAO,OAAO,KAAK,EAAY,EAAE;EAC1C,IAAM,IAAI,OAAO,EAAI;AACrB,EAAI,OAAO,SAAS,EAAE,IAAE,EAAS,IAAI,EAAE;;AAEzC,KAAI,EAAS,SAAS,EACpB,MAAK,IAAM,KAAK,GAAM;EACpB,IAAM,IAAI,EAAK,eAAe,GAAgB,EAAE;AAChD,EAAI,MAAM,QAAQ,OAAO,KAAM,YAAU,EAAS,IAAI,EAAE;;CAG5D,IAAM,IAAqB,CAAC,GAAG,EAAS,CAAC,MAAM,GAAG,MAAM,IAAI,EAAE;AAE9D,KAAI,EAAmB,WAAW,KAAK,EAAK,WAAW,EACrD,QAAO;EAAE,QAAQ,EAAE;EAAE,YAAY,EAAE;EAAE,UAAU;EAAG;CAMpD,IAAM,oBAAe,IAAI,KAAa;AACtC,KAAI,EACF,MAAK,IAAM,KAAK,GAAM;EACpB,IAAM,IAAI,EAAK,eAAe,GAAgB,EAAE;AAChD,IAAa,IAAI,MAAM,OAAO,SAAS,OAAO,EAAE,CAAC;;CAGrD,IAAM,IAAa,CAAC,GAAG,EAAa,CAAC,MAAM,EAErC,KAAa,MAAwB;AACzC,MAAI,CAAC,EAAiB,QAAO;EAC7B,IAAM,IAAI,EAAK,eAAe,GAAiB,EAAE;AACjD,SAAO,OAAO,KAAM,YAAY,CAAC,OAAO,MAAM,EAAE,GAAG,IAAI;IAGnD,KAAY,MAAwB;AACxC,MAAI,CAAC,EAAgB,QAAO;EAC5B,IAAM,IAAI,EAAK,eAAe,GAAgB,EAAE;AAChD,SAAO,MAAM,OAAO,SAAS,OAAO,EAAE;IAGlC,IAAsB,EAAmB,KAAK,GAAU,MAAQ;EAEpE,IAAM,IADc,MAAQ,EAAmB,SAAS,IAEpD,IACA,EAAmB,IAAM,IAEzB,IAAQ,GACR,IAAY,GACZ,IAAY,GACV,oBAAc,IAAI,KAAuD;AAE/E,MAAI,EAAW,SAAS,EACtB,MAAK,IAAM,KAAQ,EACjB,GAAY,IAAI,GAAM;GAAE,WAAW;GAAG,WAAW;GAAG,CAAC;AAIzD,OAAK,IAAM,KAAK,GAAM;GACpB,IAAM,IAAK,EAAK,eAAe,GAAgB,EAAE;AAC7C,eAAO,QAAQ,OAAO,KAAO,aAG7B,KAAM,GAAU;IAClB,IAAM,IAAI,EAAU,EAAE;AAStB,QARA,KAAS,GAEL,KAAM,IACR,KAAa,IAEb,KAAa,GAGX,EAAW,SAAS,GAAG;KACzB,IAAM,IAAI,EAAS,EAAE,EACf,IAAK,EAAY,IAAI,EAAE;AAC7B,KAAI,MACE,KAAM,IACR,EAAG,aAAa,IAEhB,EAAG,aAAa;;;;EAO1B,IAAM,IAA2B,EAAW,KAAK,MAAS;GACxD,IAAM,IAAK,EAAY,IAAI,EAAK;AAChC,UAAO;IACL;IACA,WAAW,GAAI,aAAa;IAC5B,WAAW,GAAI,aAAa;IAC7B;IACD;AAEF,SAAO;GACL,OAAO;GACP,OAAO,EAAY,OAAO,EAAS,KAAK,SAAS;GACjD;GACA;GACA;GACA;GACD;GACD;AAIF,QAAO;EAAE;EAAQ;EAAY,UAFZ,EAAO,SAAS,IAAI,EAAO,GAAG,QAAQ;EAEhB;;AAkBzC,SAAgB,EAA4B,EAC1C,SACA,0BACA,mBACA,oBACA,mBACA,qBACoD;CACpD,IAAM,IAAsB,EAAE,EACxB,IAAmD,EAAE,EACrD,oBAAgB,IAAI,KAAa;AAEvC,MAAK,IAAM,KAAS,GAAuB;EACzC,IAAM,IAAW,EAAkB,EAAM,EAEnC,IAAM,EAAoB;GAC9B;GACA,YAHc,EAAK,kBAAkB,EAAM;GAI3C;GACA;GACA;GACA;GACD,CAAC;AAEF,EADA,EAAU,KAAK,EAAS,EACxB,EAAQ,KAAY;AACpB,OAAK,IAAM,KAAK,EAAI,WAAY,GAAc,IAAI,EAAE;;AAGtD,QAAO;EACL;EACA;EACA,YAAY,CAAC,GAAG,EAAc,CAAC,MAAM;EACtC"}
+{"version":3,"file":"createSelectionData.js","names":[],"sources":["../../src/selection/createSelectionData.ts"],"sourcesContent":["import type { DataFrame, GroupKey, RowIndex } from '../DataFrame';\nimport { getFacetStringKey } from '../discrete/utils/getFacetStringKey';\n\nexport type StageInfo = {\n  total: number;\n  surviving: number;\n  discarded: number;\n  groups: Map<string, GroupStageData>;\n};\n\nexport type GroupStageData = {\n  surviving: number;\n  discarded: number;\n};\n\nexport type AggregatedSelectionData = {\n  stages: StageInfo[];\n  filterNames: string[];\n  groupNames: string[];\n};\n\nexport type FacetedSelectionData = {\n  facetKeys: string[];\n  byFacet: Record<string, AggregatedSelectionData>;\n  groupNames: string[];\n};\n\nexport type SelectionDataParams = {\n  data: DataFrame;\n  rowIndexes: ArrayLike<RowIndex>;\n  stageColumnKey: string;\n  weightColumnKey: string | undefined;\n  groupColumnKey: string | undefined;\n  valueLabelsMap: Record<string, string> | undefined;\n};\n\nexport function createSelectionData({\n  data,\n  rowIndexes,\n  stageColumnKey,\n  weightColumnKey,\n  groupColumnKey,\n  valueLabelsMap,\n}: SelectionDataParams): AggregatedSelectionData {\n  const valueLabels = valueLabelsMap ?? {};\n\n  // Bar count = max label key + 1, derived from labels (never a row scan): each\n  // label names the filter in a gap, so N labels → N+1 bars (the terminal bar's\n  // survivors are unlabeled).\n  const stageKeys = Object.keys(valueLabels).map(Number).filter(Number.isFinite);\n  const maxStage = (stageKeys.length ? Math.max(...stageKeys) : 0) + 1;\n  if (rowIndexes.length === 0) {\n    return { stages: [], filterNames: [], groupNames: [] };\n  }\n\n  // filterNames[i] = the filter in the gap after bar i.\n  const filterNames = Array.from(\n    { length: maxStage - 1 },\n    (_, i) => valueLabels[String(i + 1)] ?? `Filter ${i + 1}`,\n  );\n\n  // Single O(rows) pass: tally each row's weight at its drop stage (eliminated\n  // at, or terminal if survived). Columns hoisted for direct indexed reads.\n  const stageColumn = data.getColumn(stageColumnKey);\n  const weightColumn = weightColumnKey ? data.getColumn(weightColumnKey) : undefined;\n  const groupColumn = groupColumnKey ? data.getColumn(groupColumnKey) : undefined;\n\n  // drop[stage] = total weight of rows whose selectionStage === stage.\n  const drop = new Float64Array(maxStage + 1);\n  const groupDrop = new Map<string, Float64Array>();\n  let outOfRangeRows = 0;\n\n  for (let position = 0; position < rowIndexes.length; position++) {\n    const rowIndex = rowIndexes[position];\n    const stage = stageColumn[rowIndex];\n    if (typeof stage !== 'number' || stage < 1 || stage > maxStage || !Number.isInteger(stage)) {\n      outOfRangeRows++;\n      continue;\n    }\n\n    let weight = 1;\n    if (weightColumn) {\n      const weightValue = weightColumn[rowIndex];\n      weight = typeof weightValue === 'number' && !Number.isNaN(weightValue) ? weightValue : 0;\n    }\n    drop[stage] += weight;\n\n    if (groupColumn) {\n      const groupValue = groupColumn[rowIndex];\n      const groupKey = groupValue === null ? 'null' : String(groupValue);\n      let groupDropForKey = groupDrop.get(groupKey);\n      if (groupDropForKey === undefined) {\n        groupDropForKey = new Float64Array(maxStage + 1);\n        groupDrop.set(groupKey, groupDropForKey);\n      }\n      groupDropForKey[stage] += weight;\n    }\n  }\n\n  if (outOfRangeRows > 0) {\n    console.warn(\n      `Selection Plot: ${outOfRangeRows} row(s) had a selectionStage outside the `\n      + `expected [1, ${maxStage}] range and were skipped.`\n    );\n  }\n\n  const groupNames = [...groupDrop.keys()].sort();\n\n  // total[s] = rows that reached stage s = sum of drop[k >= s].\n  const cumulative = (perStage: Float64Array): Float64Array => {\n    const total = new Float64Array(maxStage + 2);\n    for (let stage = maxStage; stage >= 1; stage--) total[stage] = total[stage + 1] + perStage[stage];\n    return total;\n  };\n  const total = cumulative(drop);\n  const groupTotal = new Map<string, Float64Array>();\n  for (const name of groupNames) groupTotal.set(name, cumulative(groupDrop.get(name)!));\n\n  const stages: StageInfo[] = [];\n  for (let stage = 1; stage <= maxStage; stage++) {\n    const isLast = stage === maxStage;\n    const groups = new Map<string, GroupStageData>();\n    for (const name of groupNames) {\n      const groupTotalForName = groupTotal.get(name)!;\n      const groupDropForName = groupDrop.get(name)!;\n      groups.set(name, {\n        surviving: isLast ? groupTotalForName[stage] : groupTotalForName[stage + 1],\n        discarded: isLast ? 0 : groupDropForName[stage],\n      });\n    }\n    stages.push({\n      total: total[stage],\n      surviving: isLast ? total[stage] : total[stage + 1],\n      discarded: isLast ? 0 : drop[stage],\n      groups,\n    });\n  }\n\n  return { stages, filterNames, groupNames };\n}\n\n/**\n * Build per-facet selection data from pre-computed facet-key combinations.\n * The caller is responsible for computing combinations via `getKeysCombinations`\n * and seeding `data.setGrouping(...)` so `getRowsByGrouping` returns the\n * matching row indexes — same contract as histogram's `createHistogramDataByFacets`.\n */\nexport type SelectionDataByFacetsParams = {\n  data: DataFrame;\n  facetKeysCombinations: GroupKey[][];\n  stageColumnKey: string;\n  weightColumnKey: string | undefined;\n  groupColumnKey: string | undefined;\n  valueLabelsMap: Record<string, string> | undefined;\n};\n\nexport function createSelectionDataByFacets({\n  data,\n  facetKeysCombinations,\n  stageColumnKey,\n  weightColumnKey,\n  groupColumnKey,\n  valueLabelsMap,\n}: SelectionDataByFacetsParams): FacetedSelectionData {\n  const facetKeys: string[] = [];\n  const byFacet: Record<string, AggregatedSelectionData> = {};\n  const groupNamesSet = new Set<string>();\n\n  for (const combo of facetKeysCombinations) {\n    const facetKey = getFacetStringKey(combo);\n    const indexes = data.getRowsByGrouping(combo);\n    const aggregated = createSelectionData({\n      data,\n      rowIndexes: indexes,\n      stageColumnKey,\n      weightColumnKey,\n      groupColumnKey,\n      valueLabelsMap,\n    });\n    facetKeys.push(facetKey);\n    byFacet[facetKey] = aggregated;\n    for (const groupName of aggregated.groupNames) groupNamesSet.add(groupName);\n  }\n\n  return {\n    facetKeys,\n    byFacet,\n    groupNames: [...groupNamesSet].sort(),\n  };\n}\n"],"mappings":"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"}