@milaboratories/miplots4 1.1.0 → 1.2.0

package/dist/selection/components/Chart/Bars/UngroupedBars.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UngroupedBars.js","names":[],"sources":["../../../../../src/selection/components/Chart/Bars/UngroupedBars.tsx"],"sourcesContent":["import { memo } from 'react';\n\nimport { useFunction } from '../../../../utils/hooks/useFunction';\nimport { DESATURATE_ALPHA } from '../../../constants';\nimport { toPercent } from '../../../utils';\nimport type { BarsCommon } from '../types';\n\n// Ungrouped bars: a single bar split into preserved (bottom, vivid) and\n// discarded (top, desaturated).\nexport const UngroupedBars = memo(function UngroupedBars({\n  common,\n  barColor,\n}: {\n  common: BarsCommon;\n  barColor: string;\n}) {\n  const { stageIndex, stage, geometry, layerOpacity, tooltip } = common;\n  const { left, width, centerX, height, yScale } = geometry;\n\n  const dividerY = stage.total > 0 ? yScale(toPercent(stage.surviving / stage.total)) : height;\n  const preservedHeight = height - dividerY;\n  const discardedHeight = dividerY;\n\n  const handleEnter = useFunction((section: 'preserved' | 'discarded', anchorY: number) => {\n    tooltip.onEnter({ stageIndex, section, stage, anchorX: centerX, anchorY });\n  });\n\n  return (\n    <>\n      <rect\n        x={left}\n        y={dividerY}\n        width={width}\n        height={preservedHeight}\n        fill={barColor}\n        opacity={layerOpacity}\n        onMouseEnter={() => handleEnter('preserved', dividerY + preservedHeight / 2)}\n        onMouseLeave={tooltip.onLeave}\n      />\n      <rect\n        x={left}\n        y={0}\n        width={width}\n        height={discardedHeight}\n        fill={barColor}\n        opacity={DESATURATE_ALPHA * layerOpacity}\n        onMouseEnter={() => handleEnter('discarded', discardedHeight / 2)}\n        onMouseLeave={tooltip.onLeave}\n      />\n    </>\n  );\n});\n"],"mappings":";;;;;AASA,MAAa,IAAgB,EAAK,SAAuB,EACvD,WACA,eAIC;CACD,IAAM,EAAE,eAAY,UAAO,aAAU,iBAAc,eAAY,GACzD,EAAE,SAAM,UAAO,YAAS,WAAQ,cAAW,GAE3C,IAAW,EAAM,QAAQ,IAAI,EAAO,EAAU,EAAM,YAAY,EAAM,MAAM,CAAC,GAAG,GAChF,IAAkB,IAAS,GAC3B,IAAkB,GAElB,IAAc,GAAa,GAAoC,MAAoB;AACvF,IAAQ,QAAQ;GAAE;GAAY;GAAS;GAAO,SAAS;GAAS;GAAS,CAAC;GAC1E;AAEF,QACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,QAAD;EACE,GAAG;EACH,GAAG;EACI;EACP,QAAQ;EACR,MAAM;EACN,SAAS;EACT,oBAAoB,EAAY,aAAa,IAAW,IAAkB,EAAE;EAC5E,cAAc,EAAQ;EACtB,CAAA,EACF,kBAAC,QAAD;EACE,GAAG;EACH,GAAG;EACI;EACP,QAAQ;EACR,MAAM;EACN,SAAS,IAAmB;EAC5B,oBAAoB,EAAY,aAAa,IAAkB,EAAE;EACjE,cAAc,EAAQ;EACtB,CAAA,CACD,EAAA,CAAA;EAEL"}

package/dist/selection/components/Chart/Bars.d.ts

@@ -0,0 +1,10 @@
+import { StageInfo } from '../../createSelectionData';
+import { ChartStyle, GroupContext, StageGeometry, StageHandlers } from './types';
+export declare const Bars: import('react').NamedExoticComponent<{
+    stages: StageInfo[];
+    geometry: StageGeometry;
+    groupCtx: GroupContext;
+    style: ChartStyle;
+    handlers: StageHandlers;
+}>;
+//# sourceMappingURL=Bars.d.ts.map

package/dist/selection/components/Chart/Bars.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Bars.d.ts","sourceRoot":"","sources":["../../../../src/selection/components/Chart/Bars.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAI3D,OAAO,KAAK,EAAc,UAAU,EAAE,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAMlG,eAAO,MAAM,IAAI;YAOP,SAAS,EAAE;cACT,aAAa;cACb,YAAY;WACf,UAAU;cACP,aAAa;EAoDvB,CAAC"}

package/dist/selection/components/Chart/Bars.js

@@ -0,0 +1,48 @@
+import { GroupSelectedBars as e } from "./Bars/GroupSelectedBars.js";
+import { StackedBars as t } from "./Bars/StackedBars.js";
+import { UngroupedBars as n } from "./Bars/UngroupedBars.js";
+import { memo as r } from "react";
+import { jsx as i } from "react/jsx-runtime";
+const a = r(function({ stages: r, geometry: a, groupCtx: o, style: s, handlers: c }) {
+	let { xScale: l, yScale: u, height: d } = a, { grouped: f, groupNames: p, facetActiveGroup: m, facetHoveredGroup: h, stackOrder: g } = o, { barColor: _, opacity: v, colorMap: y } = s, { onGroupClick: b, onGroupHover: x, onTooltipEnter: S, onTooltipLeave: C } = c, w = l.bandwidth(), T = [];
+	for (let [a, o] of r.entries()) {
+		if (o.total === 0) continue;
+		let r = l(String(a)) ?? 0, s = {
+			stageIndex: a,
+			stage: o,
+			geometry: {
+				left: r,
+				width: w,
+				centerX: r + w / 2,
+				height: d,
+				yScale: u
+			},
+			layerOpacity: v,
+			tooltip: {
+				onEnter: S,
+				onLeave: C
+			}
+		};
+		f && p.length > 0 && m ? T.push(/* @__PURE__ */ i(e, {
+			common: s,
+			facetActiveGroup: m,
+			color: y.get(m) ?? _,
+			onGroupClick: b
+		}, `bars-${a}`)) : f && p.length > 0 ? T.push(/* @__PURE__ */ i(t, {
+			common: s,
+			stackOrder: g,
+			colorMap: y,
+			fallbackColor: _,
+			hoveredGroup: h,
+			onGroupHover: x,
+			onGroupClick: b
+		}, `bars-${a}`)) : T.push(/* @__PURE__ */ i(n, {
+			common: s,
+			barColor: _
+		}, `bars-${a}`));
+	}
+	return /* @__PURE__ */ i("g", { children: T });
+});
+export { a as Bars };
+
+//# sourceMappingURL=Bars.js.map

package/dist/selection/components/Chart/Bars.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Bars.js","names":[],"sources":["../../../../src/selection/components/Chart/Bars.tsx"],"sourcesContent":["import { memo } from 'react';\nimport type { ReactElement } from 'react';\n\nimport type { StageInfo } from '../../createSelectionData';\nimport { GroupSelectedBars } from './Bars/GroupSelectedBars';\nimport { StackedBars } from './Bars/StackedBars';\nimport { UngroupedBars } from './Bars/UngroupedBars';\nimport type { BarsCommon, ChartStyle, GroupContext, StageGeometry, StageHandlers } from './types';\n\n// Picks the bar component per stage based on grouping state:\n//   - facetActiveGroup set        → GroupSelectedBars (single-group overlay)\n//   - grouped, no active group    → StackedBars (stacked-by-group)\n//   - ungrouped                   → UngroupedBars (single combined bar)\nexport const Bars = memo(function Bars({\n  stages,\n  geometry,\n  groupCtx,\n  style,\n  handlers,\n}: {\n  stages: StageInfo[];\n  geometry: StageGeometry;\n  groupCtx: GroupContext;\n  style: ChartStyle;\n  handlers: StageHandlers;\n}) {\n  const { xScale, yScale, height } = geometry;\n  const { grouped, groupNames, facetActiveGroup, facetHoveredGroup, stackOrder } = groupCtx;\n  const { barColor, opacity: layerOpacity, colorMap } = style;\n  const { onGroupClick, onGroupHover, onTooltipEnter, onTooltipLeave } = handlers;\n\n  const barWidth = xScale.bandwidth();\n  const elements: ReactElement[] = [];\n\n  for (const [stageIndex, stage] of stages.entries()) {\n    if (stage.total === 0) continue;\n    const left = xScale(String(stageIndex)) ?? 0;\n    const common: BarsCommon = {\n      stageIndex,\n      stage,\n      geometry: { left, width: barWidth, centerX: left + barWidth / 2, height, yScale },\n      layerOpacity,\n      tooltip: { onEnter: onTooltipEnter, onLeave: onTooltipLeave },\n    };\n\n    if (grouped && groupNames.length > 0 && facetActiveGroup) {\n      elements.push(\n        <GroupSelectedBars\n          key={`bars-${stageIndex}`}\n          common={common}\n          facetActiveGroup={facetActiveGroup}\n          color={colorMap.get(facetActiveGroup) ?? barColor}\n          onGroupClick={onGroupClick}\n        />,\n      );\n    } else if (grouped && groupNames.length > 0) {\n      elements.push(\n        <StackedBars\n          key={`bars-${stageIndex}`}\n          common={common}\n          stackOrder={stackOrder}\n          colorMap={colorMap}\n          fallbackColor={barColor}\n          hoveredGroup={facetHoveredGroup}\n          onGroupHover={onGroupHover}\n          onGroupClick={onGroupClick}\n        />,\n      );\n    } else {\n      elements.push(\n        <UngroupedBars key={`bars-${stageIndex}`} common={common} barColor={barColor} />,\n      );\n    }\n  }\n\n  return <g>{elements}</g>;\n});\n"],"mappings":";;;;;AAaA,MAAa,IAAO,EAAK,SAAc,EACrC,WACA,aACA,aACA,UACA,eAOC;CACD,IAAM,EAAE,WAAQ,WAAQ,cAAW,GAC7B,EAAE,YAAS,eAAY,qBAAkB,sBAAmB,kBAAe,GAC3E,EAAE,aAAU,SAAS,GAAc,gBAAa,GAChD,EAAE,iBAAc,iBAAc,mBAAgB,sBAAmB,GAEjE,IAAW,EAAO,WAAW,EAC7B,IAA2B,EAAE;AAEnC,MAAK,IAAM,CAAC,GAAY,MAAU,EAAO,SAAS,EAAE;AAClD,MAAI,EAAM,UAAU,EAAG;EACvB,IAAM,IAAO,EAAO,OAAO,EAAW,CAAC,IAAI,GACrC,IAAqB;GACzB;GACA;GACA,UAAU;IAAE;IAAM,OAAO;IAAU,SAAS,IAAO,IAAW;IAAG;IAAQ;IAAQ;GACjF;GACA,SAAS;IAAE,SAAS;IAAgB,SAAS;IAAgB;GAC9D;AAED,EAAI,KAAW,EAAW,SAAS,KAAK,IACtC,EAAS,KACP,kBAAC,GAAD;GAEU;GACU;GAClB,OAAO,EAAS,IAAI,EAAiB,IAAI;GAC3B;GACd,EALK,QAAQ,IAKb,CACH,GACQ,KAAW,EAAW,SAAS,IACxC,EAAS,KACP,kBAAC,GAAD;GAEU;GACI;GACF;GACV,eAAe;GACf,cAAc;GACA;GACA;GACd,EARK,QAAQ,IAQb,CACH,GAED,EAAS,KACP,kBAAC,GAAD;GAAkD;GAAkB;GAAY,EAA5D,QAAQ,IAAoD,CACjF;;AAIL,QAAO,kBAAC,KAAD,EAAA,UAAI,GAAa,CAAA;EACxB"}

package/dist/selection/components/Chart/ChartAxes.d.ts

@@ -0,0 +1,7 @@
+import { CellLayout, ChartXAxis, ChartYAxis } from './types';
+export declare const ChartAxes: import('react').NamedExoticComponent<{
+    layout: CellLayout;
+    xAxis: ChartXAxis;
+    yAxis: ChartYAxis;
+}>;
+//# sourceMappingURL=ChartAxes.d.ts.map

package/dist/selection/components/Chart/ChartAxes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartAxes.d.ts","sourceRoot":"","sources":["../../../../src/selection/components/Chart/ChartAxes.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAKlE,eAAO,MAAM,SAAS;YAKZ,UAAU;WACX,UAAU;WACV,UAAU;EAkEjB,CAAC"}

package/dist/selection/components/Chart/ChartAxes.js

@@ -0,0 +1,51 @@
+import "../../../constants.js";
+import { BandAxis as e } from "../../../common/BandAxis.js";
+import { ContinuousAxis as t } from "../../../common/ContinuousAxis.js";
+import { formatPercent as n } from "../../utils.js";
+import { memo as r } from "react";
+import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
+const s = r(function({ layout: r, xAxis: s, yAxis: c }) {
+	let { xScale: l, yScale: u, width: d, height: f, paddingLeft: p, paddingBottom: m, showXAxis: h, showYAxis: g } = r, { labelsPosition: _ = "center", showTicks: v = !0, hiddenLabels: y = !1, title: b = "" } = s, { showTicks: x = !0, hiddenLabels: S = !1, title: C = "" } = c;
+	return /* @__PURE__ */ o(i, { children: [
+		h && /* @__PURE__ */ a("g", {
+			transform: `translate(0,${f})`,
+			children: /* @__PURE__ */ a(e, {
+				scale: l,
+				orient: "bottom",
+				labels: s.labels,
+				labelsPosition: _,
+				tickSize: v ? 4 : 0,
+				hiddenLabels: y
+			})
+		}),
+		g && /* @__PURE__ */ a(t, {
+			scale: u,
+			orient: "left",
+			tickSize: x ? 4 : 0,
+			tickFormat: n,
+			hiddenLabels: S
+		}),
+		b && /* @__PURE__ */ a("text", {
+			x: d / 2,
+			y: f + m - 6,
+			textAnchor: "middle",
+			fontSize: "14px",
+			fontWeight: "500",
+			fontFamily: "Manrope",
+			fill: "#110529",
+			children: b
+		}),
+		C && /* @__PURE__ */ a("text", {
+			transform: `translate(${-p + 14},${f / 2}) rotate(-90)`,
+			textAnchor: "middle",
+			fontSize: "14px",
+			fontWeight: "500",
+			fontFamily: "Manrope",
+			fill: "#110529",
+			children: C
+		})
+	] });
+});
+export { s as ChartAxes };
+
+//# sourceMappingURL=ChartAxes.js.map

package/dist/selection/components/Chart/ChartAxes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartAxes.js","names":[],"sources":["../../../../src/selection/components/Chart/ChartAxes.tsx"],"sourcesContent":["import { memo } from 'react';\n\nimport { BandAxis } from '../../../common/BandAxis';\nimport { ContinuousAxis } from '../../../common/ContinuousAxis';\nimport { BLACK } from '../../../constants';\nimport { formatPercent } from '../../utils';\nimport type { CellLayout, ChartXAxis, ChartYAxis } from './types';\n\n// X (band) axis at the bottom + Y (continuous, percent) axis on the left.\n// Each is gated by show flag; titles render as separate <text> nodes outside\n// the axis components for layout independence.\nexport const ChartAxes = memo(function ChartAxes({\n  layout,\n  xAxis,\n  yAxis,\n}: {\n  layout: CellLayout;\n  xAxis: ChartXAxis;\n  yAxis: ChartYAxis;\n}) {\n  const { xScale, yScale, width, height, paddingLeft, paddingBottom, showXAxis, showYAxis } =\n    layout;\n  const {\n    labelsPosition: xLabelsPosition = 'center',\n    showTicks: xShowTicks = true,\n    hiddenLabels: xHiddenLabels = false,\n    title: xAxisTitle = '',\n  } = xAxis;\n  const {\n    showTicks: yShowTicks = true,\n    hiddenLabels: yHiddenLabels = false,\n    title: yAxisTitle = '',\n  } = yAxis;\n\n  return (\n    <>\n      {showXAxis && (\n        <g transform={`translate(0,${height})`}>\n          <BandAxis\n            scale={xScale}\n            orient=\"bottom\"\n            labels={xAxis.labels}\n            labelsPosition={xLabelsPosition}\n            tickSize={xShowTicks ? 4 : 0}\n            hiddenLabels={xHiddenLabels}\n          />\n        </g>\n      )}\n      {showYAxis && (\n        <ContinuousAxis\n          scale={yScale}\n          orient=\"left\"\n          tickSize={yShowTicks ? 4 : 0}\n          tickFormat={formatPercent}\n          hiddenLabels={yHiddenLabels}\n        />\n      )}\n      {xAxisTitle && (\n        <text\n          x={width / 2}\n          y={height + paddingBottom - 6}\n          textAnchor=\"middle\"\n          fontSize=\"14px\"\n          fontWeight=\"500\"\n          fontFamily=\"Manrope\"\n          fill={BLACK}\n        >\n          {xAxisTitle}\n        </text>\n      )}\n      {yAxisTitle && (\n        <text\n          transform={`translate(${-paddingLeft + 14},${height / 2}) rotate(-90)`}\n          textAnchor=\"middle\"\n          fontSize=\"14px\"\n          fontWeight=\"500\"\n          fontFamily=\"Manrope\"\n          fill={BLACK}\n        >\n          {yAxisTitle}\n        </text>\n      )}\n    </>\n  );\n});\n"],"mappings":";;;;;;AAWA,MAAa,IAAY,EAAK,SAAmB,EAC/C,WACA,UACA,YAKC;CACD,IAAM,EAAE,WAAQ,WAAQ,UAAO,WAAQ,gBAAa,kBAAe,cAAW,iBAC5E,GACI,EACJ,gBAAgB,IAAkB,UAClC,WAAW,IAAa,IACxB,cAAc,IAAgB,IAC9B,OAAO,IAAa,OAClB,GACE,EACJ,WAAW,IAAa,IACxB,cAAc,IAAgB,IAC9B,OAAO,IAAa,OAClB;AAEJ,QACE,kBAAA,GAAA,EAAA,UAAA;EACG,KACC,kBAAC,KAAD;GAAG,WAAW,eAAe,EAAO;aAClC,kBAAC,GAAD;IACE,OAAO;IACP,QAAO;IACP,QAAQ,EAAM;IACd,gBAAgB;IAChB,UAAU,IAAa,IAAI;IAC3B,cAAc;IACd,CAAA;GACA,CAAA;EAEL,KACC,kBAAC,GAAD;GACE,OAAO;GACP,QAAO;GACP,UAAU,IAAa,IAAI;GAC3B,YAAY;GACZ,cAAc;GACd,CAAA;EAEH,KACC,kBAAC,QAAD;GACE,GAAG,IAAQ;GACX,GAAG,IAAS,IAAgB;GAC5B,YAAW;GACX,UAAS;GACT,YAAW;GACX,YAAW;GACX,MAAA;aAEC;GACI,CAAA;EAER,KACC,kBAAC,QAAD;GACE,WAAW,aAAa,CAAC,IAAc,GAAG,GAAG,IAAS,EAAE;GACxD,YAAW;GACX,UAAS;GACT,YAAW;GACX,YAAW;GACX,MAAA;aAEC;GACI,CAAA;EAER,EAAA,CAAA;EAEL"}

package/dist/selection/components/Chart/ChartFrame.d.ts

@@ -0,0 +1,9 @@
+import { FrameType } from '../../../types';
+export declare const ChartFrame: import('react').NamedExoticComponent<{
+    width: number;
+    height: number;
+    frameType: FrameType;
+    xShowGrid: boolean;
+    yShowGrid: boolean;
+}>;
+//# sourceMappingURL=ChartFrame.d.ts.map

package/dist/selection/components/Chart/ChartFrame.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartFrame.d.ts","sourceRoot":"","sources":["../../../../src/selection/components/Chart/ChartFrame.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAKhD,eAAO,MAAM,UAAU;WAOd,MAAM;YACL,MAAM;eACH,SAAS;eACT,OAAO;eACP,OAAO;EAqClB,CAAC"}

package/dist/selection/components/Chart/ChartFrame.js

@@ -0,0 +1,41 @@
+import "../../../constants.js";
+import { memo as e } from "react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+const r = e(function({ width: e, height: r, frameType: i, xShowGrid: a, yShowGrid: o }) {
+	return i === "empty" ? null : /* @__PURE__ */ n("g", {
+		strokeWidth: 1,
+		children: [
+			(a || i !== "left") && /* @__PURE__ */ t("line", {
+				stroke: i === "left" ? "#E1E3EB" : "#110529",
+				x1: "0",
+				x2: e,
+				y1: r,
+				y2: r
+			}),
+			(a || i !== "bottom") && /* @__PURE__ */ t("line", {
+				stroke: i === "bottom" ? "#E1E3EB" : "#110529",
+				x1: "0",
+				x2: "0",
+				y1: "0",
+				y2: r
+			}),
+			(a || i === "full") && /* @__PURE__ */ t("line", {
+				stroke: i === "full" ? "#110529" : "#E1E3EB",
+				x1: e,
+				x2: e,
+				y1: "0",
+				y2: r
+			}),
+			(o || i === "full") && /* @__PURE__ */ t("line", {
+				stroke: i === "full" ? "#110529" : "#E1E3EB",
+				x1: "0",
+				x2: e,
+				y1: "0",
+				y2: "0"
+			})
+		]
+	});
+});
+export { r as ChartFrame };
+
+//# sourceMappingURL=ChartFrame.js.map

package/dist/selection/components/Chart/ChartFrame.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartFrame.js","names":[],"sources":["../../../../src/selection/components/Chart/ChartFrame.tsx"],"sourcesContent":["import { memo } from 'react';\n\nimport { BLACK, GRID_GRAY } from '../../../constants';\nimport type { FrameType } from '../../../types';\n\n// Border lines around the plot body. `frameType` picks which sides are BLACK\n// (drawn as the prominent axis line) vs GRID_GRAY (drawn for visual closure\n// only when the corresponding gridline is on or `frameType === 'full'`).\nexport const ChartFrame = memo(function ChartFrame({\n  width,\n  height,\n  frameType,\n  xShowGrid,\n  yShowGrid,\n}: {\n  width: number;\n  height: number;\n  frameType: FrameType;\n  xShowGrid: boolean;\n  yShowGrid: boolean;\n}) {\n  if (frameType === 'empty') return null;\n  return (\n    <g strokeWidth={1}>\n      {(xShowGrid || frameType !== 'left') && (\n        <line\n          stroke={frameType === 'left' ? GRID_GRAY : BLACK}\n          x1=\"0\"\n          x2={width}\n          y1={height}\n          y2={height}\n        />\n      )}\n      {(xShowGrid || frameType !== 'bottom') && (\n        <line\n          stroke={frameType === 'bottom' ? GRID_GRAY : BLACK}\n          x1=\"0\"\n          x2=\"0\"\n          y1=\"0\"\n          y2={height}\n        />\n      )}\n      {(xShowGrid || frameType === 'full') && (\n        <line\n          stroke={frameType === 'full' ? BLACK : GRID_GRAY}\n          x1={width}\n          x2={width}\n          y1=\"0\"\n          y2={height}\n        />\n      )}\n      {(yShowGrid || frameType === 'full') && (\n        <line stroke={frameType === 'full' ? BLACK : GRID_GRAY} x1=\"0\" x2={width} y1=\"0\" y2=\"0\" />\n      )}\n    </g>\n  );\n});\n"],"mappings":";;;AAQA,MAAa,IAAa,EAAK,SAAoB,EACjD,UACA,WACA,cACA,cACA,gBAOC;AAED,QADI,MAAc,UAAgB,OAEhC,kBAAC,KAAD;EAAG,aAAa;YAAhB;IACI,KAAa,MAAc,WAC3B,kBAAC,QAAD;IACE,QAAQ,MAAc,SAAA,YAAA;IACtB,IAAG;IACH,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,CAAA;IAEF,KAAa,MAAc,aAC3B,kBAAC,QAAD;IACE,QAAQ,MAAc,WAAA,YAAA;IACtB,IAAG;IACH,IAAG;IACH,IAAG;IACH,IAAI;IACJ,CAAA;IAEF,KAAa,MAAc,WAC3B,kBAAC,QAAD;IACE,QAAQ,MAAc,SAAA,YAAA;IACtB,IAAI;IACJ,IAAI;IACJ,IAAG;IACH,IAAI;IACJ,CAAA;IAEF,KAAa,MAAc,WAC3B,kBAAC,QAAD;IAAM,QAAQ,MAAc,SAAA,YAAA;IAA4B,IAAG;IAAI,IAAI;IAAO,IAAG;IAAI,IAAG;IAAM,CAAA;GAE1F;;EAEN"}

package/dist/selection/components/Chart/Dividers.d.ts

@@ -0,0 +1,8 @@
+import { StageInfo } from '../../createSelectionData';
+import { StageGeometry } from './types';
+export declare const Dividers: import('react').NamedExoticComponent<{
+    stages: StageInfo[];
+    geometry: StageGeometry;
+    suppressed: boolean;
+}>;
+//# sourceMappingURL=Dividers.d.ts.map

package/dist/selection/components/Chart/Dividers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dividers.d.ts","sourceRoot":"","sources":["../../../../src/selection/components/Chart/Dividers.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAE3D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAK7C,eAAO,MAAM,QAAQ;YAKX,SAAS,EAAE;cACT,aAAa;gBACX,OAAO;EA4BnB,CAAC"}

package/dist/selection/components/Chart/Dividers.js

@@ -0,0 +1,27 @@
+import { DIVIDER_STROKE as e } from "../../constants.js";
+import { toPercent as t } from "../../utils.js";
+import { memo as n } from "react";
+import { jsx as r } from "react/jsx-runtime";
+const i = n(function({ stages: n, geometry: i, suppressed: a }) {
+	if (a) return null;
+	let { xScale: o, yScale: s } = i, c = o.bandwidth(), l = [];
+	for (let [i, a] of n.entries()) {
+		if (a.total === 0) continue;
+		let n = a.surviving / a.total;
+		if (1 - n <= 0 || n <= 0) continue;
+		let u = o(String(i)) ?? 0, d = s(t(n));
+		l.push(/* @__PURE__ */ r("line", {
+			x1: u,
+			y1: d,
+			x2: u + c,
+			y2: d,
+			stroke: e,
+			strokeWidth: 1,
+			strokeDasharray: "4,3"
+		}, `div-${i}`));
+	}
+	return /* @__PURE__ */ r("g", { children: l });
+});
+export { i as Dividers };
+
+//# sourceMappingURL=Dividers.js.map

package/dist/selection/components/Chart/Dividers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dividers.js","names":[],"sources":["../../../../src/selection/components/Chart/Dividers.tsx"],"sourcesContent":["import { memo } from 'react';\nimport type { ReactElement } from 'react';\n\nimport { DIVIDER_STROKE } from '../../constants';\nimport type { StageInfo } from '../../createSelectionData';\nimport { toPercent } from '../../utils';\nimport type { StageGeometry } from './types';\n\n// Dashed line between preserved and discarded fractions, per stage. Suppressed\n// when a group is click-pinned (the vivid/desat overlay already shows the\n// boundary).\nexport const Dividers = memo(function Dividers({\n  stages,\n  geometry,\n  suppressed,\n}: {\n  stages: StageInfo[];\n  geometry: StageGeometry;\n  suppressed: boolean;\n}) {\n  if (suppressed) return null;\n  const { xScale, yScale } = geometry;\n  const barWidth = xScale.bandwidth();\n  const elements: ReactElement[] = [];\n\n  for (const [stageIndex, stage] of stages.entries()) {\n    if (stage.total === 0) continue;\n    const preservedFrac = stage.surviving / stage.total;\n    const discardedFrac = 1 - preservedFrac;\n    if (discardedFrac <= 0 || preservedFrac <= 0) continue;\n    const barLeft = xScale(String(stageIndex)) ?? 0;\n    const dividerY = yScale(toPercent(preservedFrac));\n    elements.push(\n      <line\n        key={`div-${stageIndex}`}\n        x1={barLeft}\n        y1={dividerY}\n        x2={barLeft + barWidth}\n        y2={dividerY}\n        stroke={DIVIDER_STROKE}\n        strokeWidth={1}\n        strokeDasharray=\"4,3\"\n      />,\n    );\n  }\n  return <g>{elements}</g>;\n});\n"],"mappings":";;;;AAWA,MAAa,IAAW,EAAK,SAAkB,EAC7C,WACA,aACA,iBAKC;AACD,KAAI,EAAY,QAAO;CACvB,IAAM,EAAE,WAAQ,cAAW,GACrB,IAAW,EAAO,WAAW,EAC7B,IAA2B,EAAE;AAEnC,MAAK,IAAM,CAAC,GAAY,MAAU,EAAO,SAAS,EAAE;AAClD,MAAI,EAAM,UAAU,EAAG;EACvB,IAAM,IAAgB,EAAM,YAAY,EAAM;AAE9C,MADsB,IAAI,KACL,KAAK,KAAiB,EAAG;EAC9C,IAAM,IAAU,EAAO,OAAO,EAAW,CAAC,IAAI,GACxC,IAAW,EAAO,EAAU,EAAc,CAAC;AACjD,IAAS,KACP,kBAAC,QAAD;GAEE,IAAI;GACJ,IAAI;GACJ,IAAI,IAAU;GACd,IAAI;GACJ,QAAQ;GACR,aAAa;GACb,iBAAgB;GAChB,EARK,OAAO,IAQZ,CACH;;AAEH,QAAO,kBAAC,KAAD,EAAA,UAAI,GAAa,CAAA;EACxB"}

package/dist/selection/components/Chart/Gridlines.d.ts

@@ -0,0 +1,10 @@
+import { ScaleBand, ScaleLinear } from 'd3-scale';
+export declare const Gridlines: import('react').NamedExoticComponent<{
+    xScale: ScaleBand<string>;
+    yScale: ScaleLinear<number, number>;
+    width: number;
+    height: number;
+    xShow: boolean;
+    yShow: boolean;
+}>;
+//# sourceMappingURL=Gridlines.d.ts.map

package/dist/selection/components/Chart/Gridlines.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Gridlines.d.ts","sourceRoot":"","sources":["../../../../src/selection/components/Chart/Gridlines.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAMvD,eAAO,MAAM,SAAS;YAQZ,SAAS,CAAC,MAAM,CAAC;YACjB,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC;WAC5B,MAAM;YACL,MAAM;WACP,OAAO;WACP,OAAO;EA0Bd,CAAC"}

package/dist/selection/components/Chart/Gridlines.js

@@ -0,0 +1,32 @@
+import "../../../constants.js";
+import { memo as e } from "react";
+import { Fragment as t, jsx as n, jsxs as r } from "react/jsx-runtime";
+const i = e(function({ xScale: e, yScale: i, width: a, height: o, xShow: s, yShow: c }) {
+	return /* @__PURE__ */ r(t, { children: [c && /* @__PURE__ */ n("g", {
+		stroke: "#E1E3EB",
+		children: i.ticks().map((e) => {
+			let t = i(e);
+			return /* @__PURE__ */ n("line", {
+				x1: 0,
+				x2: a,
+				y1: t,
+				y2: t
+			}, `yg-${t}`);
+		})
+	}), s && /* @__PURE__ */ n("g", {
+		stroke: "#E1E3EB",
+		strokeWidth: 1,
+		children: e.domain().slice(0, -1).map((t, r) => {
+			let i = e.domain()[r + 1], a = ((e(t) ?? 0) + (e(i) ?? 0) + e.bandwidth()) / 2;
+			return /* @__PURE__ */ n("line", {
+				x1: a,
+				x2: a,
+				y1: 0,
+				y2: o
+			}, `xg-${t}`);
+		})
+	})] });
+});
+export { i as Gridlines };
+
+//# sourceMappingURL=Gridlines.js.map

package/dist/selection/components/Chart/Gridlines.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Gridlines.js","names":[],"sources":["../../../../src/selection/components/Chart/Gridlines.tsx"],"sourcesContent":["import type { ScaleBand, ScaleLinear } from 'd3-scale';\nimport { memo } from 'react';\n\nimport { GRID_GRAY } from '../../../constants';\n\n// X gridlines run between stages (not under bars); Y gridlines at every tick.\nexport const Gridlines = memo(function Gridlines({\n  xScale,\n  yScale,\n  width,\n  height,\n  xShow,\n  yShow,\n}: {\n  xScale: ScaleBand<string>;\n  yScale: ScaleLinear<number, number>;\n  width: number;\n  height: number;\n  xShow: boolean;\n  yShow: boolean;\n}) {\n  return (\n    <>\n      {yShow && (\n        <g stroke={GRID_GRAY}>\n          {yScale.ticks().map((tick) => {\n            const y = yScale(tick);\n            return <line key={`yg-${y}`} x1={0} x2={width} y1={y} y2={y} />;\n          })}\n        </g>\n      )}\n      {xShow && (\n        <g stroke={GRID_GRAY} strokeWidth={1}>\n          {xScale\n            .domain()\n            .slice(0, -1)\n            .map((tick, i) => {\n              const next = xScale.domain()[i + 1];\n              const x = ((xScale(tick) ?? 0) + (xScale(next) ?? 0) + xScale.bandwidth()) / 2;\n              return <line key={`xg-${tick}`} x1={x} x2={x} y1={0} y2={height} />;\n            })}\n        </g>\n      )}\n    </>\n  );\n});\n"],"mappings":";;;AAMA,MAAa,IAAY,EAAK,SAAmB,EAC/C,WACA,WACA,UACA,WACA,UACA,YAQC;AACD,QACE,kBAAA,GAAA,EAAA,UAAA,CACG,KACC,kBAAC,KAAD;EAAG,QAAA;YACA,EAAO,OAAO,CAAC,KAAK,MAAS;GAC5B,IAAM,IAAI,EAAO,EAAK;AACtB,UAAO,kBAAC,QAAD;IAAsB,IAAI;IAAG,IAAI;IAAO,IAAI;IAAG,IAAI;IAAK,EAA7C,MAAM,IAAuC;IAC/D;EACA,CAAA,EAEL,KACC,kBAAC,KAAD;EAAG,QAAA;EAAmB,aAAa;YAChC,EACE,QAAQ,CACR,MAAM,GAAG,GAAG,CACZ,KAAK,GAAM,MAAM;GAChB,IAAM,IAAO,EAAO,QAAQ,CAAC,IAAI,IAC3B,MAAM,EAAO,EAAK,IAAI,MAAM,EAAO,EAAK,IAAI,KAAK,EAAO,WAAW,IAAI;AAC7E,UAAO,kBAAC,QAAD;IAAyB,IAAI;IAAG,IAAI;IAAG,IAAI;IAAG,IAAI;IAAU,EAAjD,MAAM,IAA2C;IACnE;EACF,CAAA,CAEL,EAAA,CAAA;EAEL"}

package/dist/selection/components/Chart/Ribbons/GroupFlowRibbon.d.ts

@@ -0,0 +1,9 @@
+import { RibbonContext, StagePair } from '../types';
+export declare const GroupFlowRibbon: import('react').NamedExoticComponent<{
+    context: RibbonContext;
+    yScale: (v: number) => number;
+    stages: StagePair;
+    groupName: string;
+    color: string;
+}>;
+//# sourceMappingURL=GroupFlowRibbon.d.ts.map

package/dist/selection/components/Chart/Ribbons/GroupFlowRibbon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GroupFlowRibbon.d.ts","sourceRoot":"","sources":["../../../../../src/selection/components/Chart/Ribbons/GroupFlowRibbon.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAMzD,eAAO,MAAM,eAAe;aAOjB,aAAa;YACd,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM;YACrB,SAAS;eACN,MAAM;WACV,MAAM;EAkDb,CAAC"}

package/dist/selection/components/Chart/Ribbons/GroupFlowRibbon.js

@@ -0,0 +1,36 @@
+import { DESATURATE_ALPHA as e, RIBBON_OPACITY as t } from "../../../constants.js";
+import { toPercent as n } from "../../../utils.js";
+import { ribbonPath as r } from "./ribbonPath.js";
+import { memo as i } from "react";
+import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
+const c = i(function({ context: i, yScale: c, stages: l, groupName: u, color: d }) {
+	let { x0: f, x1: p, height: m, layerOpacity: h } = i, { current: g, next: _ } = l, v = g.groups.find((e) => e.name === u), y = _.groups.find((e) => e.name === u), b = (y?.surviving ?? 0) + (y?.discarded ?? 0), x = v?.surviving ?? 0;
+	if (x <= 0 || b <= 0) return null;
+	let S = (y?.surviving ?? 0) / b, C = c(n(x / g.total)), w = c(n(b / _.total)), T = w + (m - w) * (1 - S), E = C + (m - C) * (1 - S);
+	return /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o("path", {
+		d: r({
+			leftX: f,
+			leftYTop: C,
+			leftYBottom: E,
+			rightX: p,
+			rightYTop: w,
+			rightYBottom: T
+		}),
+		fill: d,
+		opacity: t * e * h
+	}), /* @__PURE__ */ o("path", {
+		d: r({
+			leftX: f,
+			leftYTop: E,
+			leftYBottom: m,
+			rightX: p,
+			rightYTop: T,
+			rightYBottom: m
+		}),
+		fill: d,
+		opacity: t * h
+	})] });
+});
+export { c as GroupFlowRibbon };
+
+//# sourceMappingURL=GroupFlowRibbon.js.map

package/dist/selection/components/Chart/Ribbons/GroupFlowRibbon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GroupFlowRibbon.js","names":[],"sources":["../../../../../src/selection/components/Chart/Ribbons/GroupFlowRibbon.tsx"],"sourcesContent":["import { memo } from 'react';\n\nimport { DESATURATE_ALPHA, RIBBON_OPACITY } from '../../../constants';\nimport { toPercent } from '../../../utils';\nimport type { RibbonContext, StagePair } from '../types';\nimport { ribbonPath } from './ribbonPath';\n\n// Single-group flow (used both for click-selected groups and hover-highlighted\n// groups). Two sub-bands in the group color: top sub-band is destined to be\n// discarded next stage (DESATURATE_ALPHA), bottom sub-band carries forward.\nexport const GroupFlowRibbon = memo(function GroupFlowRibbon({\n  context,\n  yScale,\n  stages,\n  groupName,\n  color,\n}: {\n  context: RibbonContext;\n  yScale: (v: number) => number;\n  stages: StagePair;\n  groupName: string;\n  color: string;\n}) {\n  const { x0, x1, height, layerOpacity } = context;\n  const { current: stage, next: nextStage } = stages;\n\n  const groupData = stage.groups.find((g) => g.name === groupName);\n  const nextGroupData = nextStage.groups.find((g) => g.name === groupName);\n  const nextGroupTotal = (nextGroupData?.surviving ?? 0) + (nextGroupData?.discarded ?? 0);\n  const surviving = groupData?.surviving ?? 0;\n  if (surviving <= 0 || nextGroupTotal <= 0) return null;\n\n  const nextSurvivingFrac = (nextGroupData?.surviving ?? 0) / nextGroupTotal;\n\n  const survivingFrac = surviving / stage.total;\n  const yTopSurviving = yScale(toPercent(survivingFrac));\n\n  const nextGroupFrac = nextGroupTotal / nextStage.total;\n  const yTopNextOverlay = yScale(toPercent(nextGroupFrac));\n  const yNextDivider = yTopNextOverlay + (height - yTopNextOverlay) * (1 - nextSurvivingFrac);\n\n  const splitY = yTopSurviving + (height - yTopSurviving) * (1 - nextSurvivingFrac);\n\n  return (\n    <>\n      <path\n        d={ribbonPath({\n          leftX: x0,\n          leftYTop: yTopSurviving,\n          leftYBottom: splitY,\n          rightX: x1,\n          rightYTop: yTopNextOverlay,\n          rightYBottom: yNextDivider,\n        })}\n        fill={color}\n        opacity={RIBBON_OPACITY * DESATURATE_ALPHA * layerOpacity}\n      />\n      <path\n        d={ribbonPath({\n          leftX: x0,\n          leftYTop: splitY,\n          leftYBottom: height,\n          rightX: x1,\n          rightYTop: yNextDivider,\n          rightYBottom: height,\n        })}\n        fill={color}\n        opacity={RIBBON_OPACITY * layerOpacity}\n      />\n    </>\n  );\n});\n"],"mappings":";;;;;AAUA,MAAa,IAAkB,EAAK,SAAyB,EAC3D,YACA,WACA,WACA,cACA,YAOC;CACD,IAAM,EAAE,OAAI,OAAI,WAAQ,oBAAiB,GACnC,EAAE,SAAS,GAAO,MAAM,MAAc,GAEtC,IAAY,EAAM,OAAO,MAAM,MAAM,EAAE,SAAS,EAAU,EAC1D,IAAgB,EAAU,OAAO,MAAM,MAAM,EAAE,SAAS,EAAU,EAClE,KAAkB,GAAe,aAAa,MAAM,GAAe,aAAa,IAChF,IAAY,GAAW,aAAa;AAC1C,KAAI,KAAa,KAAK,KAAkB,EAAG,QAAO;CAElD,IAAM,KAAqB,GAAe,aAAa,KAAK,GAGtD,IAAgB,EAAO,EADP,IAAY,EAAM,MACa,CAAC,EAGhD,IAAkB,EAAO,EADT,IAAiB,EAAU,MACM,CAAC,EAClD,IAAe,KAAmB,IAAS,MAAoB,IAAI,IAEnE,IAAS,KAAiB,IAAS,MAAkB,IAAI;AAE/D,QACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,QAAD;EACE,GAAG,EAAW;GACZ,OAAO;GACP,UAAU;GACV,aAAa;GACb,QAAQ;GACR,WAAW;GACX,cAAc;GACf,CAAC;EACF,MAAM;EACN,SAAS,IAAiB,IAAmB;EAC7C,CAAA,EACF,kBAAC,QAAD;EACE,GAAG,EAAW;GACZ,OAAO;GACP,UAAU;GACV,aAAa;GACb,QAAQ;GACR,WAAW;GACX,cAAc;GACf,CAAC;EACF,MAAM;EACN,SAAS,IAAiB;EAC1B,CAAA,CACD,EAAA,CAAA;EAEL"}

package/dist/selection/components/Chart/Ribbons/MultiGroupRibbon.d.ts

@@ -0,0 +1,6 @@
+import { RibbonContext } from '../types';
+export declare const MultiGroupRibbon: import('react').NamedExoticComponent<{
+    context: RibbonContext;
+    dividerY: number;
+}>;
+//# sourceMappingURL=MultiGroupRibbon.d.ts.map

package/dist/selection/components/Chart/Ribbons/MultiGroupRibbon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiGroupRibbon.d.ts","sourceRoot":"","sources":["../../../../../src/selection/components/Chart/Ribbons/MultiGroupRibbon.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAK9C,eAAO,MAAM,gBAAgB;aAIlB,aAAa;cACZ,MAAM;EAiBhB,CAAC"}

package/dist/selection/components/Chart/Ribbons/MultiGroupRibbon.js

@@ -0,0 +1,22 @@
+import { AGGREGATE_RIBBON_COLOR as e, RIBBON_OPACITY as t } from "../../../constants.js";
+import { ribbonPath as n } from "./ribbonPath.js";
+import { memo as r } from "react";
+import { jsx as i } from "react/jsx-runtime";
+const a = r(function({ context: r, dividerY: a }) {
+	let { x0: o, x1: s, height: c, layerOpacity: l } = r;
+	return /* @__PURE__ */ i("path", {
+		d: n({
+			leftX: o,
+			leftYTop: a,
+			leftYBottom: c,
+			rightX: s,
+			rightYTop: 0,
+			rightYBottom: c
+		}),
+		fill: e,
+		opacity: t * l
+	});
+});
+export { a as MultiGroupRibbon };
+
+//# sourceMappingURL=MultiGroupRibbon.js.map

package/dist/selection/components/Chart/Ribbons/MultiGroupRibbon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiGroupRibbon.js","names":[],"sources":["../../../../../src/selection/components/Chart/Ribbons/MultiGroupRibbon.tsx"],"sourcesContent":["import { memo } from 'react';\n\nimport { AGGREGATE_RIBBON_COLOR, RIBBON_OPACITY } from '../../../constants';\nimport type { RibbonContext } from '../types';\nimport { ribbonPath } from './ribbonPath';\n\n// Aggregating multiple group flows into one ribbon would imply a single color\n// where there isn't one — AGGREGATE_RIBBON_COLOR makes the ambiguity explicit.\nexport const MultiGroupRibbon = memo(function MultiGroupRibbon({\n  context,\n  dividerY,\n}: {\n  context: RibbonContext;\n  dividerY: number;\n}) {\n  const { x0, x1, height, layerOpacity } = context;\n  return (\n    <path\n      d={ribbonPath({\n        leftX: x0,\n        leftYTop: dividerY,\n        leftYBottom: height,\n        rightX: x1,\n        rightYTop: 0,\n        rightYBottom: height,\n      })}\n      fill={AGGREGATE_RIBBON_COLOR}\n      opacity={RIBBON_OPACITY * layerOpacity}\n    />\n  );\n});\n"],"mappings":";;;;AAQA,MAAa,IAAmB,EAAK,SAA0B,EAC7D,YACA,eAIC;CACD,IAAM,EAAE,OAAI,OAAI,WAAQ,oBAAiB;AACzC,QACE,kBAAC,QAAD;EACE,GAAG,EAAW;GACZ,OAAO;GACP,UAAU;GACV,aAAa;GACb,QAAQ;GACR,WAAW;GACX,cAAc;GACf,CAAC;EACF,MAAM;EACN,SAAS,IAAiB;EAC1B,CAAA;EAEJ"}

package/dist/selection/components/Chart/Ribbons/SimpleRibbon.d.ts

@@ -0,0 +1,10 @@
+import { RibbonContext } from '../types';
+export declare const SimpleRibbon: import('react').NamedExoticComponent<{
+    context: RibbonContext;
+    dividerY: number;
+    nextDividerY: number;
+    nextSurvFrac: number;
+    color: string;
+    drawSurvivingBand: boolean;
+}>;
+//# sourceMappingURL=SimpleRibbon.d.ts.map

package/dist/selection/components/Chart/Ribbons/SimpleRibbon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleRibbon.d.ts","sourceRoot":"","sources":["../../../../../src/selection/components/Chart/Ribbons/SimpleRibbon.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAK9C,eAAO,MAAM,YAAY;aAQd,aAAa;cACZ,MAAM;kBACF,MAAM;kBACN,MAAM;WACb,MAAM;uBACM,OAAO;EAoC1B,CAAC"}

package/dist/selection/components/Chart/Ribbons/SimpleRibbon.js

@@ -0,0 +1,33 @@
+import { DESATURATE_ALPHA as e, RIBBON_OPACITY as t } from "../../../constants.js";
+import { ribbonPath as n } from "./ribbonPath.js";
+import { memo as r } from "react";
+import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
+const s = r(function({ context: r, dividerY: s, nextDividerY: c, nextSurvFrac: l, color: u, drawSurvivingBand: d }) {
+	let { x0: f, x1: p, height: m, layerOpacity: h } = r, g = s + (m - s) * (1 - l);
+	return /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ a("path", {
+		d: n({
+			leftX: f,
+			leftYTop: s,
+			leftYBottom: g,
+			rightX: p,
+			rightYTop: 0,
+			rightYBottom: c
+		}),
+		fill: u,
+		opacity: t * e * h
+	}), d && /* @__PURE__ */ a("path", {
+		d: n({
+			leftX: f,
+			leftYTop: g,
+			leftYBottom: m,
+			rightX: p,
+			rightYTop: c,
+			rightYBottom: m
+		}),
+		fill: u,
+		opacity: .25 * h
+	})] });
+});
+export { s as SimpleRibbon };
+
+//# sourceMappingURL=SimpleRibbon.js.map

package/dist/selection/components/Chart/Ribbons/SimpleRibbon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleRibbon.js","names":[],"sources":["../../../../../src/selection/components/Chart/Ribbons/SimpleRibbon.tsx"],"sourcesContent":["import { memo } from 'react';\n\nimport { DESATURATE_ALPHA, RIBBON_OPACITY } from '../../../constants';\nimport type { RibbonContext } from '../types';\nimport { ribbonPath } from './ribbonPath';\n\n// Two sub-bands of the overall preserved population: top (discarded next),\n// bottom (carries forward). Used for ungrouped charts and single-group facets.\nexport const SimpleRibbon = memo(function SimpleRibbon({\n  context,\n  dividerY,\n  nextDividerY,\n  nextSurvFrac,\n  color,\n  drawSurvivingBand,\n}: {\n  context: RibbonContext;\n  dividerY: number;\n  nextDividerY: number;\n  nextSurvFrac: number;\n  color: string;\n  drawSurvivingBand: boolean;\n}) {\n  const { x0, x1, height, layerOpacity } = context;\n  const preservedHeight = height - dividerY;\n  const splitY = dividerY + preservedHeight * (1 - nextSurvFrac);\n\n  return (\n    <>\n      <path\n        d={ribbonPath({\n          leftX: x0,\n          leftYTop: dividerY,\n          leftYBottom: splitY,\n          rightX: x1,\n          rightYTop: 0,\n          rightYBottom: nextDividerY,\n        })}\n        fill={color}\n        opacity={RIBBON_OPACITY * DESATURATE_ALPHA * layerOpacity}\n      />\n      {drawSurvivingBand && (\n        <path\n          d={ribbonPath({\n            leftX: x0,\n            leftYTop: splitY,\n            leftYBottom: height,\n            rightX: x1,\n            rightYTop: nextDividerY,\n            rightYBottom: height,\n          })}\n          fill={color}\n          opacity={RIBBON_OPACITY * layerOpacity}\n        />\n      )}\n    </>\n  );\n});\n"],"mappings":";;;;AAQA,MAAa,IAAe,EAAK,SAAsB,EACrD,YACA,aACA,iBACA,iBACA,UACA,wBAQC;CACD,IAAM,EAAE,OAAI,OAAI,WAAQ,oBAAiB,GAEnC,IAAS,KADS,IAAS,MACY,IAAI;AAEjD,QACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,QAAD;EACE,GAAG,EAAW;GACZ,OAAO;GACP,UAAU;GACV,aAAa;GACb,QAAQ;GACR,WAAW;GACX,cAAc;GACf,CAAC;EACF,MAAM;EACN,SAAS,IAAiB,IAAmB;EAC7C,CAAA,EACD,KACC,kBAAC,QAAD;EACE,GAAG,EAAW;GACZ,OAAO;GACP,UAAU;GACV,aAAa;GACb,QAAQ;GACR,WAAW;GACX,cAAc;GACf,CAAC;EACF,MAAM;EACN,SAAA,MAA0B;EAC1B,CAAA,CAEH,EAAA,CAAA;EAEL"}

package/dist/selection/components/Chart/Ribbons/StackedGroupFlowRibbon.d.ts

@@ -0,0 +1,10 @@
+import { RibbonContext, StagePair } from '../types';
+export declare const StackedGroupFlowRibbon: import('react').NamedExoticComponent<{
+    context: RibbonContext;
+    yScale: (v: number) => number;
+    stages: StagePair;
+    stackOrder: string[];
+    groupName: string;
+    color: string;
+}>;
+//# sourceMappingURL=StackedGroupFlowRibbon.d.ts.map

package/dist/selection/components/Chart/Ribbons/StackedGroupFlowRibbon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StackedGroupFlowRibbon.d.ts","sourceRoot":"","sources":["../../../../../src/selection/components/Chart/Ribbons/StackedGroupFlowRibbon.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAQzD,eAAO,MAAM,sBAAsB;aAQxB,aAAa;YACd,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM;YACrB,SAAS;gBACL,MAAM,EAAE;eACT,MAAM;WACV,MAAM;EAgGb,CAAC"}

package/dist/selection/components/Chart/Ribbons/StackedGroupFlowRibbon.js

@@ -0,0 +1,65 @@
+import "../../../constants.js";
+import { toPercent as e } from "../../../utils.js";
+import { ribbonPath as t } from "./ribbonPath.js";
+import { memo as n } from "react";
+import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
+const o = n(function({ context: n, yScale: o, stages: s, stackOrder: c, groupName: l, color: u }) {
+	let { x0: d, x1: f, height: p, layerOpacity: m } = n, { current: h, next: g } = s, _ = new Map(h.groups.map((e) => [e.name, e])), v = h.total > 0 ? o(e(h.surviving / h.total)) : p, y = 0;
+	for (let e of c) {
+		let t = _.get(e);
+		if (!t) continue;
+		let n = t.surviving / h.total * p;
+		if (e === l) {
+			y = n;
+			break;
+		}
+		v += n;
+	}
+	if (y <= 0) return null;
+	let b = v, x = v + y, S = new Map(g.groups.map((e) => [e.name, e])), C = g.total > 0 ? o(e(g.surviving / g.total)) : p, w = 0, T = null, E = null;
+	for (let e of c) {
+		let t = S.get(e);
+		if (!t) continue;
+		let n = t.surviving / g.total * p, r = t.discarded / g.total * p;
+		if (e === l) {
+			T = n > 0 ? {
+				top: C,
+				bottom: C + n
+			} : null, E = r > 0 ? {
+				top: w,
+				bottom: w + r
+			} : null;
+			break;
+		}
+		C += n, w += r;
+	}
+	let D = S.get(l), O = D?.surviving ?? 0, k = D?.discarded ?? 0, A = O + k;
+	if (A <= 0) return null;
+	let j = b + k / A * y;
+	return /* @__PURE__ */ a(r, { children: [E && k > 0 && /* @__PURE__ */ i("path", {
+		d: t({
+			leftX: d,
+			leftYTop: b,
+			leftYBottom: j,
+			rightX: f,
+			rightYTop: E.top,
+			rightYBottom: E.bottom
+		}),
+		fill: u,
+		opacity: .25 * .4 * m
+	}), T && O > 0 && /* @__PURE__ */ i("path", {
+		d: t({
+			leftX: d,
+			leftYTop: j,
+			leftYBottom: x,
+			rightX: f,
+			rightYTop: T.top,
+			rightYBottom: T.bottom
+		}),
+		fill: u,
+		opacity: .25 * m
+	})] });
+});
+export { o as StackedGroupFlowRibbon };
+
+//# sourceMappingURL=StackedGroupFlowRibbon.js.map

package/dist/selection/components/Chart/Ribbons/StackedGroupFlowRibbon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StackedGroupFlowRibbon.js","names":[],"sources":["../../../../../src/selection/components/Chart/Ribbons/StackedGroupFlowRibbon.tsx"],"sourcesContent":["import { memo } from 'react';\n\nimport { DESATURATE_ALPHA, RIBBON_OPACITY } from '../../../constants';\nimport { toPercent } from '../../../utils';\nimport type { RibbonContext, StagePair } from '../types';\nimport { ribbonPath } from './ribbonPath';\n\n// Hover-highlight ribbon for a single group in stacked layout. Connects the\n// group's preserved chunk in stage i (at its stacked Y position) to its\n// preserved+discarded chunks in stage i+1 (each at their own stacked Y\n// positions). Two sub-bands: top portion → discarded next (dimmer), bottom\n// portion → preserved next (vivid). Replaces the unified ribbon on hover.\nexport const StackedGroupFlowRibbon = memo(function StackedGroupFlowRibbon({\n  context,\n  yScale,\n  stages,\n  stackOrder,\n  groupName,\n  color,\n}: {\n  context: RibbonContext;\n  yScale: (v: number) => number;\n  stages: StagePair;\n  stackOrder: string[];\n  groupName: string;\n  color: string;\n}) {\n  const { x0, x1, height, layerOpacity } = context;\n  const { current: stage, next: nextStage } = stages;\n\n  // Stage i: walk stackOrder until we find the hovered group; track the\n  // running yP cursor (top of preserved area accumulating downward).\n  const stageGroupMap = new Map(stage.groups.map((g) => [g.name, g]));\n  const dividerY = stage.total > 0 ? yScale(toPercent(stage.surviving / stage.total)) : height;\n  let yPreserved = dividerY;\n  let groupSurvivingHeight = 0;\n  for (const name of stackOrder) {\n    const g = stageGroupMap.get(name);\n    if (!g) continue;\n    const h = (g.surviving / stage.total) * height;\n    if (name === groupName) {\n      groupSurvivingHeight = h;\n      break;\n    }\n    yPreserved += h;\n  }\n  if (groupSurvivingHeight <= 0) return null;\n  const yTop = yPreserved;\n  const yBottom = yPreserved + groupSurvivingHeight;\n\n  // Stage i+1: walk stackOrder for both preserved (yNextPreserved) and\n  // discarded (yNextDiscarded) accumulators in parallel; capture the hovered\n  // group's chunks.\n  const nextStageGroupMap = new Map(nextStage.groups.map((g) => [g.name, g]));\n  const nextDividerY =\n    nextStage.total > 0 ? yScale(toPercent(nextStage.surviving / nextStage.total)) : height;\n  let yNextPreserved = nextDividerY;\n  let yNextDiscarded = 0;\n  let nextPreservedRect: { top: number; bottom: number } | null = null;\n  let nextDiscardedRect: { top: number; bottom: number } | null = null;\n  for (const name of stackOrder) {\n    const g = nextStageGroupMap.get(name);\n    if (!g) continue;\n    const preservedHeight = (g.surviving / nextStage.total) * height;\n    const discardedHeight = (g.discarded / nextStage.total) * height;\n    if (name === groupName) {\n      nextPreservedRect =\n        preservedHeight > 0\n          ? { top: yNextPreserved, bottom: yNextPreserved + preservedHeight }\n          : null;\n      nextDiscardedRect =\n        discardedHeight > 0\n          ? { top: yNextDiscarded, bottom: yNextDiscarded + discardedHeight }\n          : null;\n      break;\n    }\n    yNextPreserved += preservedHeight;\n    yNextDiscarded += discardedHeight;\n  }\n\n  const nextGroupData = nextStageGroupMap.get(groupName);\n  const nextSurviving = nextGroupData?.surviving ?? 0;\n  const nextDiscarded = nextGroupData?.discarded ?? 0;\n  const nextGroupTotal = nextSurviving + nextDiscarded;\n  if (nextGroupTotal <= 0) return null;\n\n  // Split source proportionally: top portion → discarded next, bottom → preserved next.\n  const splitY = yTop + groupSurvivingHeight * (nextDiscarded / nextGroupTotal);\n\n  return (\n    <>\n      {nextDiscardedRect && nextDiscarded > 0 && (\n        <path\n          d={ribbonPath({\n            leftX: x0,\n            leftYTop: yTop,\n            leftYBottom: splitY,\n            rightX: x1,\n            rightYTop: nextDiscardedRect.top,\n            rightYBottom: nextDiscardedRect.bottom,\n          })}\n          fill={color}\n          opacity={RIBBON_OPACITY * DESATURATE_ALPHA * layerOpacity}\n        />\n      )}\n      {nextPreservedRect && nextSurviving > 0 && (\n        <path\n          d={ribbonPath({\n            leftX: x0,\n            leftYTop: splitY,\n            leftYBottom: yBottom,\n            rightX: x1,\n            rightYTop: nextPreservedRect.top,\n            rightYBottom: nextPreservedRect.bottom,\n          })}\n          fill={color}\n          opacity={RIBBON_OPACITY * layerOpacity}\n        />\n      )}\n    </>\n  );\n});\n"],"mappings":";;;;;AAYA,MAAa,IAAyB,EAAK,SAAgC,EACzE,YACA,WACA,WACA,eACA,cACA,YAQC;CACD,IAAM,EAAE,OAAI,OAAI,WAAQ,oBAAiB,GACnC,EAAE,SAAS,GAAO,MAAM,MAAc,GAItC,IAAgB,IAAI,IAAI,EAAM,OAAO,KAAK,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,EAE/D,IADa,EAAM,QAAQ,IAAI,EAAO,EAAU,EAAM,YAAY,EAAM,MAAM,CAAC,GAAG,GAElF,IAAuB;AAC3B,MAAK,IAAM,KAAQ,GAAY;EAC7B,IAAM,IAAI,EAAc,IAAI,EAAK;AACjC,MAAI,CAAC,EAAG;EACR,IAAM,IAAK,EAAE,YAAY,EAAM,QAAS;AACxC,MAAI,MAAS,GAAW;AACtB,OAAuB;AACvB;;AAEF,OAAc;;AAEhB,KAAI,KAAwB,EAAG,QAAO;CACtC,IAAM,IAAO,GACP,IAAU,IAAa,GAKvB,IAAoB,IAAI,IAAI,EAAU,OAAO,KAAK,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,EAGvE,IADF,EAAU,QAAQ,IAAI,EAAO,EAAU,EAAU,YAAY,EAAU,MAAM,CAAC,GAAG,GAE/E,IAAiB,GACjB,IAA4D,MAC5D,IAA4D;AAChE,MAAK,IAAM,KAAQ,GAAY;EAC7B,IAAM,IAAI,EAAkB,IAAI,EAAK;AACrC,MAAI,CAAC,EAAG;EACR,IAAM,IAAmB,EAAE,YAAY,EAAU,QAAS,GACpD,IAAmB,EAAE,YAAY,EAAU,QAAS;AAC1D,MAAI,MAAS,GAAW;AAKtB,GAJA,IACE,IAAkB,IACd;IAAE,KAAK;IAAgB,QAAQ,IAAiB;IAAiB,GACjE,MACN,IACE,IAAkB,IACd;IAAE,KAAK;IAAgB,QAAQ,IAAiB;IAAiB,GACjE;AACN;;AAGF,EADA,KAAkB,GAClB,KAAkB;;CAGpB,IAAM,IAAgB,EAAkB,IAAI,EAAU,EAChD,IAAgB,GAAe,aAAa,GAC5C,IAAgB,GAAe,aAAa,GAC5C,IAAiB,IAAgB;AACvC,KAAI,KAAkB,EAAG,QAAO;CAGhC,IAAM,IAAS,IAA+B,IAAgB,IAAxC;AAEtB,QACE,kBAAA,GAAA,EAAA,UAAA,CACG,KAAqB,IAAgB,KACpC,kBAAC,QAAD;EACE,GAAG,EAAW;GACZ,OAAO;GACP,UAAU;GACV,aAAa;GACb,QAAQ;GACR,WAAW,EAAkB;GAC7B,cAAc,EAAkB;GACjC,CAAC;EACF,MAAM;EACN,SAAA,MAAA,KAA6C;EAC7C,CAAA,EAEH,KAAqB,IAAgB,KACpC,kBAAC,QAAD;EACE,GAAG,EAAW;GACZ,OAAO;GACP,UAAU;GACV,aAAa;GACb,QAAQ;GACR,WAAW,EAAkB;GAC7B,cAAc,EAAkB;GACjC,CAAC;EACF,MAAM;EACN,SAAA,MAA0B;EAC1B,CAAA,CAEH,EAAA,CAAA;EAEL"}

package/dist/selection/components/Chart/Ribbons/ribbonPath.d.ts

@@ -0,0 +1,10 @@
+export type RibbonPathPoints = {
+    leftX: number;
+    leftYTop: number;
+    leftYBottom: number;
+    rightX: number;
+    rightYTop: number;
+    rightYBottom: number;
+};
+export declare function ribbonPath({ leftX, leftYTop, leftYBottom, rightX, rightYTop, rightYBottom, }: RibbonPathPoints): string;
+//# sourceMappingURL=ribbonPath.d.ts.map

package/dist/selection/components/Chart/Ribbons/ribbonPath.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ribbonPath.d.ts","sourceRoot":"","sources":["../../../../../src/selection/components/Chart/Ribbons/ribbonPath.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,QAAQ,EACR,WAAW,EACX,MAAM,EACN,SAAS,EACT,YAAY,GACb,EAAE,gBAAgB,GAAG,MAAM,CAS3B"}

package/dist/selection/components/Chart/Ribbons/ribbonPath.js

@@ -0,0 +1,13 @@
+function e({ leftX: e, leftYTop: t, leftYBottom: n, rightX: r, rightYTop: i, rightYBottom: a }) {
+	let o = (e + r) / 2;
+	return [
+		`M ${e} ${t}`,
+		`C ${o} ${t}, ${o} ${i}, ${r} ${i}`,
+		`L ${r} ${a}`,
+		`C ${o} ${a}, ${o} ${n}, ${e} ${n}`,
+		"Z"
+	].join(" ");
+}
+export { e as ribbonPath };
+
+//# sourceMappingURL=ribbonPath.js.map

package/dist/selection/components/Chart/Ribbons/ribbonPath.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ribbonPath.js","names":[],"sources":["../../../../../src/selection/components/Chart/Ribbons/ribbonPath.ts"],"sourcesContent":["export type RibbonPathPoints = {\n  leftX: number;\n  leftYTop: number;\n  leftYBottom: number;\n  rightX: number;\n  rightYTop: number;\n  rightYBottom: number;\n};\n\nexport function ribbonPath({\n  leftX,\n  leftYTop,\n  leftYBottom,\n  rightX,\n  rightYTop,\n  rightYBottom,\n}: RibbonPathPoints): string {\n  const midX = (leftX + rightX) / 2;\n  return [\n    `M ${leftX} ${leftYTop}`,\n    `C ${midX} ${leftYTop}, ${midX} ${rightYTop}, ${rightX} ${rightYTop}`,\n    `L ${rightX} ${rightYBottom}`,\n    `C ${midX} ${rightYBottom}, ${midX} ${leftYBottom}, ${leftX} ${leftYBottom}`,\n    'Z',\n  ].join(' ');\n}\n"],"mappings":"AASA,SAAgB,EAAW,EACzB,UACA,aACA,gBACA,WACA,cACA,mBAC2B;CAC3B,IAAM,KAAQ,IAAQ,KAAU;AAChC,QAAO;EACL,KAAK,EAAM,GAAG;EACd,KAAK,EAAK,GAAG,EAAS,IAAI,EAAK,GAAG,EAAU,IAAI,EAAO,GAAG;EAC1D,KAAK,EAAO,GAAG;EACf,KAAK,EAAK,GAAG,EAAa,IAAI,EAAK,GAAG,EAAY,IAAI,EAAM,GAAG;EAC/D;EACD,CAAC,KAAK,IAAI"}