react-msaview 7.0.0 → 8.0.0

package/dist/components/msa/renderHighlights.js

@@ -1,25 +1,22 @@
 import { setFontSize } from '../../setFontSize.js';
 import { referenceColor } from '../overlayColors.js';
-// a stronger fill plus a solid border, so a domain/motif band reads clearly over
-// the colored alignment cells (the faint hover-style wash alone is invisible
-// against clustalx coloring)
+// a fill plus a solid border; the hover wash alone is invisible over clustalx
+// coloring
 export const highlightFill = 'rgba(255,140,0,0.28)';
 export const highlightBorder = 'rgba(210,90,0,0.95)';
 export const highlightRowFill = 'rgba(255,140,0,0.18)';
 export const labelFontSize = 11;
 const labelPad = 3;
-// the label box a highlight draws above its band, and the reason a tree block
-// has to consider rows a little outside itself
+// the label box above a highlight band; tree blocks also check rows this far
+// outside themselves
 export const highlightLabelHeight = labelFontSize + labelPad * 2;
 /**
  * A highlight's label, over its band where it fits and beside it where it does
  * not, kept inside `bounds` and out of the way of the labels already placed.
  *
- * Two single-residue highlights a column apart both want the same few pixels to
- * the right of their bands, and a band scrolled off the left edge wants its
- * label off-frame with it: the first overdrew two labels into an unreadable
- * smudge, the second left the visible band untitled. Pass `placed` and each
- * later label steps down a row instead of over the one before.
+ * `bounds` keeps the label of a band scrolled partly off the left edge visible.
+ * With `placed`, a label that would overlap an earlier one, as two
+ * single-residue highlights a column apart do, steps down a row.
  */
 export function drawHighlightLabel({ ctx, theme, label, x, y, spanWidth, bounds, placed, }) {
     setFontSize(ctx, labelFontSize);
@@ -47,20 +44,47 @@ export function drawHighlightLabel({ ctx, theme, label, x, y, spanWidth, bounds,
     ctx.fillText(label, left + labelPad, top + labelPad + labelFontSize - 2);
 }
 /**
- * The persistent `highlights` overlay on the alignment: row tints, bordered
- * column bands, and a label above each band. `offsetX`/`offsetY` are the
- * content coordinates at the canvas origin, the convention renderMSABlock
+ * The persistent overlay on the alignment: the band behind each clade of
+ * `clades`, the `rowTint` encoding's wash, the row tints and bordered column
+ * bands of `highlights`, and a label above each band. `offsetX`/`offsetY` are
+ * the content coordinates at the canvas origin, the convention renderMSABlock
  * uses, so the live overlay passes -scrollX/-scrollY and the export passes its
  * layout offsets.
+ *
+ * Rows are culled to the ones this block covers. A tint over every row of a
+ * large alignment would otherwise draw the whole column of rects in each block,
+ * and again on every pointer move through renderMouseover.
  */
 export function renderHighlights({ ctx, model, theme, offsetX, offsetY, width, height, }) {
-    const { resolvedHighlights, colWidth, rowHeight } = model;
+    const { resolvedClades, resolvedHighlights, rowTints, colWidth, rowHeight } = model;
     const placed = [];
     ctx.lineWidth = 2;
+    const firstRow = Math.max(0, Math.floor(offsetY / rowHeight));
+    const lastRow = Math.ceil((offsetY + height) / rowHeight);
+    const fillRow = (index) => {
+        ctx.fillRect(0, index * rowHeight - offsetY, width, rowHeight);
+    };
+    for (const { rows, color, mark } of resolvedClades) {
+        if (mark === 'highlight' && rows[1] >= firstRow && rows[0] <= lastRow) {
+            ctx.fillStyle = color;
+            ctx.fillRect(0, rows[0] * rowHeight - offsetY, width, (rows[1] - rows[0] + 1) * rowHeight);
+        }
+    }
+    if (rowTints) {
+        for (let index = firstRow; index <= Math.min(lastRow, rowTints.length - 1); index++) {
+            const color = rowTints[index];
+            if (color) {
+                ctx.fillStyle = color;
+                fillRow(index);
+            }
+        }
+    }
     for (const { rowIndices, color } of resolvedHighlights) {
         ctx.fillStyle = color ?? highlightRowFill;
         for (const index of rowIndices) {
-            ctx.fillRect(0, index * rowHeight - offsetY, width, rowHeight);
+            if (index >= firstRow && index <= lastRow) {
+                fillRow(index);
+            }
         }
     }
     for (const { startCol, endCol, label, color } of resolvedHighlights) {
@@ -88,11 +112,10 @@ export function renderHighlights({ ctx, model, theme, offsetX, offsetY, width, h
     }
 }
 /**
- * Everything the alignment overlay owes to the document rather than to the
- * mouse: the reference row's tint, a bordered band per run of highlighted
- * columns, and the `highlights` layer. The live overlay canvas draws these
- * under its hover and click bands, and the SVG export draws them and stops --
- * a shared link that opens with columns highlighted exports with them too.
+ * The overlay parts that come from the snapshot: the reference row's tint, a
+ * bordered band per run of highlighted columns, and the `highlights` layer. The
+ * live overlay draws these under its hover and click bands; the SVG export
+ * draws only these.
  */
 export function renderPersistentHighlights({ ctx, model, theme, offsetX, offsetY, width, height, }) {
     const { colWidth, rowHeight, referenceRowIndex, highlightedColumnRuns } = model;

package/dist/components/msa/renderHighlights.js.map

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

package/dist/components/msa/renderMSABlock.js

@@ -50,7 +50,7 @@ export function renderMSABlock({ model, offsetX, offsetY, ctx, theme, highResSca
     ctx.resetTransform();
 }
 function drawTilesAndText({ model, ctx, theme, visibleLeaves, xStart, xEnd, referenceSeq, drawTiles, rasterTiles, }) {
-    const { bgColor, columns, colWidth, rowHeight, relativeTo, showMsaLetters, subFeatureRows, domainBandsByStart, } = model;
+    const { bgColor, columns, colWidth, rowHeight, relativeTo, showMsaLetters, subFeatureRows, domainUnderline, domainBandsByStart, } = model;
     const tiles = drawTiles && bgColor;
     const paintTiles = tiles && !rasterTiles;
     if (paintTiles || showMsaLetters) {
@@ -68,8 +68,9 @@ function drawTilesAndText({ model, ctx, theme, visibleLeaves, xStart, xEnd, refe
         const quarterRowHeight = rowHeight / 4;
         // with the tiles coming from the domain overlay instead, letters sit either
         // on a domain box or on the plain background; sub-row layout stacks the boxes
-        // above the letters, so those rows are all plain background
-        const overDomains = !drawTiles && !subFeatureRows;
+        // above the letters and letter-color mode shrinks them to a bar under the
+        // row, so neither leaves anything behind a letter
+        const overDomains = !drawTiles && !subFeatureRows && !domainUnderline;
         for (let i = 0, l1 = visibleLeaves.length; i < l1; i++) {
             const node = visibleLeaves[i];
             const { name } = node.data;
@@ -104,7 +105,7 @@ function drawTilesAndText({ model, ctx, theme, visibleLeaves, xStart, xEnd, refe
                                     ? // on top of a colored tile, or on the background where the
                                         // scheme gives that cell no color
                                         contrastText(color)
-                                    : !drawTiles || !color
+                                    : bgColor || !color
                                         ? // plain background, uncolored letters
                                             theme.palette.text.primary
                                         : // letter-color mode: darken/lighten to stay readable

package/dist/components/msa/renderMSABlock.js.map

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

package/dist/components/msa/tileColor.js

@@ -1,8 +1,6 @@
-// Per-cell tile color for the active scheme. The scheme is fixed for the whole
-// block, so resolve which rule applies once rather than re-testing the scheme
-// name inside the innermost loop. Reading only the column table the active
-// scheme needs also keeps the other one -- a per-column map for every column of
-// the alignment -- from being computed at all.
+// Per-cell tile color for the active scheme, resolved once per block. Reading
+// only the active scheme's column table leaves the other per-column table
+// uncomputed.
 export function tileColorFn(model) {
     const { colorSchemeName } = model;
     if (colorSchemeName === 'clustalx_protein_dynamic') {
@@ -20,8 +18,7 @@ export function tileColorFn(model) {
     return (_col, letter) => colorScheme[letter];
 }
 // The column table the active scheme colors from, or undefined for the static
-// schemes. Identity of this plus the scheme name is what a cache of rendered
-// colors has to key on.
+// schemes. A cache of rendered colors keys on its identity plus the scheme name.
 export function tileColorTable(model) {
     const { colorSchemeName } = model;
     if (colorSchemeName === 'clustalx_protein_dynamic') {

package/dist/components/msa/tileColor.js.map

@@ -1 +1 @@
-{"version":3,"file":"tileColor.js","sourceRoot":"","sources":["../../../src/components/msa/tileColor.ts"],"names":[],"mappings":"AAEA,+EAA+E;AAC/E,8EAA8E;AAC9E,2EAA2E;AAC3E,gFAAgF;AAChF,+CAA+C;AAC/C,MAAM,UAAU,WAAW,CAAC,KAAmB;IAC7C,MAAM,EAAE,eAAe,EAAE,GAAG,KAAK,CAAA;IACjC,IAAI,eAAe,KAAK,0BAA0B,EAAE,CAAC;QACnD,MAAM,EAAE,WAAW,EAAE,GAAG,KAAK,CAAA;QAC7B,OAAO,CAAC,GAAW,EAAE,MAAc,EAAE,EAAE,CAAC,WAAW,CAAC,GAAG,CAAE,CAAC,MAAM,CAAC,CAAA;IACnE,CAAC;IACD,IAAI,eAAe,KAAK,0BAA0B,EAAE,CAAC;QACnD,MAAM,EAAE,YAAY,EAAE,GAAG,KAAK,CAAA;QAC9B,OAAO,CAAC,GAAW,EAAE,MAAc,EAAE,EAAE;YACrC,MAAM,SAAS,GAAG,YAAY,CAAC,GAAG,CAAE,CAAA;YACpC,OAAO,MAAM,KAAK,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAA;QAClE,CAAC,CAAA;IACH,CAAC;IACD,MAAM,EAAE,WAAW,EAAE,GAAG,KAAK,CAAA;IAC7B,OAAO,CAAC,IAAY,EAAE,MAAc,EAAE,EAAE,CAAC,WAAW,CAAC,MAAM,CAAC,CAAA;AAC9D,CAAC;AAED,8EAA8E;AAC9E,6EAA6E;AAC7E,wBAAwB;AACxB,MAAM,UAAU,cAAc,CAAC,KAAmB;IAChD,MAAM,EAAE,eAAe,EAAE,GAAG,KAAK,CAAA;IACjC,IAAI,eAAe,KAAK,0BAA0B,EAAE,CAAC;QACnD,OAAO,KAAK,CAAC,WAAW,CAAA;IAC1B,CAAC;IACD,IAAI,eAAe,KAAK,0BAA0B,EAAE,CAAC;QACnD,OAAO,KAAK,CAAC,YAAY,CAAA;IAC3B,CAAC;IACD,OAAO,KAAK,CAAC,WAAW,CAAA;AAC1B,CAAC"}
+{"version":3,"file":"tileColor.js","sourceRoot":"","sources":["../../../src/components/msa/tileColor.ts"],"names":[],"mappings":"AAEA,8EAA8E;AAC9E,0EAA0E;AAC1E,cAAc;AACd,MAAM,UAAU,WAAW,CAAC,KAAmB;IAC7C,MAAM,EAAE,eAAe,EAAE,GAAG,KAAK,CAAA;IACjC,IAAI,eAAe,KAAK,0BAA0B,EAAE,CAAC;QACnD,MAAM,EAAE,WAAW,EAAE,GAAG,KAAK,CAAA;QAC7B,OAAO,CAAC,GAAW,EAAE,MAAc,EAAE,EAAE,CAAC,WAAW,CAAC,GAAG,CAAE,CAAC,MAAM,CAAC,CAAA;IACnE,CAAC;IACD,IAAI,eAAe,KAAK,0BAA0B,EAAE,CAAC;QACnD,MAAM,EAAE,YAAY,EAAE,GAAG,KAAK,CAAA;QAC9B,OAAO,CAAC,GAAW,EAAE,MAAc,EAAE,EAAE;YACrC,MAAM,SAAS,GAAG,YAAY,CAAC,GAAG,CAAE,CAAA;YACpC,OAAO,MAAM,KAAK,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAA;QAClE,CAAC,CAAA;IACH,CAAC;IACD,MAAM,EAAE,WAAW,EAAE,GAAG,KAAK,CAAA;IAC7B,OAAO,CAAC,IAAY,EAAE,MAAc,EAAE,EAAE,CAAC,WAAW,CAAC,MAAM,CAAC,CAAA;AAC9D,CAAC;AAED,8EAA8E;AAC9E,iFAAiF;AACjF,MAAM,UAAU,cAAc,CAAC,KAAmB;IAChD,MAAM,EAAE,eAAe,EAAE,GAAG,KAAK,CAAA;IACjC,IAAI,eAAe,KAAK,0BAA0B,EAAE,CAAC;QACnD,OAAO,KAAK,CAAC,WAAW,CAAA;IAC1B,CAAC;IACD,IAAI,eAAe,KAAK,0BAA0B,EAAE,CAAC;QACnD,OAAO,KAAK,CAAC,YAAY,CAAA;IAC3B,CAAC;IACD,OAAO,KAAK,CAAC,WAAW,CAAA;AAC1B,CAAC"}

package/dist/components/msa/useMsaBlockMouse.d.ts

@@ -4,9 +4,11 @@ import type React from 'react';
  * Translates pointer events over one MSA block into model column/row hover and
  * click state, and reports where a tooltip should be anchored.
  *
- * The anchor is only tracked when there is something to show (an insertion, a
- * domain under the cursor, or column stats), so plain mouse movement over the
- * alignment updates the canvas overlay without re-rendering this component.
+ * The anchor is only tracked when there is something to show (an insertion or a
+ * domain under the cursor), so plain mouse movement over the alignment updates
+ * the canvas overlay without re-rendering this component. Each track tooltips
+ * its own column statistics, and the header reads out the hovered row, residue
+ * and position.
  */
 export declare function useMsaBlockMouse({ model, offsetX, offsetY, }: {
     model: MsaViewModel;

package/dist/components/msa/useMsaBlockMouse.js

@@ -10,9 +10,11 @@ function eventToColRow({ event, el, offsetX, offsetY, colWidth, rowHeight, }) {
  * Translates pointer events over one MSA block into model column/row hover and
  * click state, and reports where a tooltip should be anchored.
  *
- * The anchor is only tracked when there is something to show (an insertion, a
- * domain under the cursor, or column stats), so plain mouse movement over the
- * alignment updates the canvas overlay without re-rendering this component.
+ * The anchor is only tracked when there is something to show (an insertion or a
+ * domain under the cursor), so plain mouse movement over the alignment updates
+ * the canvas overlay without re-rendering this component. Each track tooltips
+ * its own column statistics, and the header reads out the hovered row, residue
+ * and position.
  */
 export function useMsaBlockMouse({ model, offsetX, offsetY, }) {
     const [tooltipPoint, setTooltipPoint] = useState();
@@ -30,9 +32,7 @@ export function useMsaBlockMouse({ model, offsetX, offsetY, }) {
         const pos = colRow(event, el);
         const hit = inBounds(pos);
         model.setMousePos(hit ? pos.col : undefined, hit ? pos.row : undefined);
-        const hasTooltip = !!model.hoveredInsertion ||
-            model.mouseOverDomains.length > 0 ||
-            (model.showColumnStats && !!model.mouseOverColumnStats);
+        const hasTooltip = !!model.hoveredInsertion || model.mouseOverDomains.length > 0;
         setTooltipPoint(hasTooltip ? { x: event.clientX, y: event.clientY } : undefined);
     }
     function onClick(event, el) {

package/dist/components/msa/useMsaBlockMouse.js.map

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

package/dist/components/rowpanels/RowPanelBlock.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { MsaViewModel } from '../../model.ts';
+import type { ResolvedRowPanel } from '../../types.ts';
+declare const RowPanelBlock: ({ model, panel, offsetY, }: {
+    model: MsaViewModel;
+    panel: ResolvedRowPanel;
+    offsetY: number;
+}) => React.JSX.Element;
+export default RowPanelBlock;

package/dist/components/rowpanels/RowPanelBlock.js

@@ -0,0 +1,86 @@
+import React, { useState } from 'react';
+import { useTheme } from '@mui/material';
+import { observer } from 'mobx-react';
+import { featureField, featureName } from '../../featureFields.js';
+import { useCanvasAutorun } from '../../useCanvasAutorun.js';
+import PortalTooltip from '../PortalTooltip.js';
+import { renderRowPanel } from './renderRowPanel.js';
+// what the cell or span under the pointer reads, which is the field a strip
+// colors by, and a span's name, its coordinates and its encoded field
+function hoverLines({ model, panel, name, x, }) {
+    if (panel.kind === 'strip') {
+        return [
+            `${panel.header}: ${model.rowDataOf(name)?.[panel.field] ?? '(none)'}`,
+        ];
+    }
+    const span = panel.spans
+        .get(name)
+        ?.findLast(s => x >= s.xStart && x <= s.xEnd);
+    if (!span) {
+        return [];
+    }
+    const { annotation } = span;
+    const strand = annotation.strand === undefined
+        ? ''
+        : annotation.strand < 0
+            ? ' (-)'
+            : ' (+)';
+    const value = panel.field ? featureField(annotation, panel.field) : undefined;
+    return [
+        featureName(annotation) ?? annotation.accession,
+        `${annotation.start}-${annotation.end}${strand}`,
+        ...(value === undefined ? [] : [`${panel.field}: ${value}`]),
+    ];
+}
+const RowPanelBlock = observer(function ({ model, panel, offsetY, }) {
+    const [hovered, setHovered] = useState();
+    const theme = useTheme();
+    const { blockSize, highResScaleFactor, rowHeight } = model;
+    const width = panel.width;
+    const height = blockSize;
+    const canvasWidth = width * highResScaleFactor;
+    const canvasHeight = height * highResScaleFactor;
+    const ref = useCanvasAutorun({
+        draw: ctx => {
+            ctx.resetTransform();
+            ctx.clearRect(0, 0, canvasWidth, canvasHeight);
+            renderRowPanel({ ctx, model, theme, panel, x: 0, offsetY });
+        },
+        width: canvasWidth,
+        height: canvasHeight,
+        deps: [model, theme, panel, offsetY],
+    });
+    return (React.createElement(React.Fragment, null,
+        React.createElement("canvas", { ref: ref, width: canvasWidth, height: canvasHeight, style: { position: 'absolute', top: offsetY, left: 0, width, height }, onMouseMove: event => {
+                // the blocks are laid out in row space and scrolled by a transform
+                // on their container, so the pointer's row comes off the canvas box
+                const { left, top } = event.currentTarget.getBoundingClientRect();
+                const row = Math.floor((event.clientY - top + offsetY) / rowHeight);
+                const name = model.leaves[row]?.data.name;
+                const lines = name === undefined
+                    ? []
+                    : hoverLines({
+                        model,
+                        panel,
+                        name,
+                        x: event.clientX - left,
+                    });
+                setHovered(name === undefined || lines.length === 0
+                    ? undefined
+                    : {
+                        name,
+                        lines,
+                        clientX: event.clientX,
+                        clientY: event.clientY,
+                    });
+                model.setMousePos(undefined, name === undefined ? undefined : row);
+            }, onMouseLeave: () => {
+                setHovered(undefined);
+                model.setMousePos(undefined, undefined);
+            } }),
+        hovered ? (React.createElement(PortalTooltip, { clientX: hovered.clientX, clientY: hovered.clientY },
+            React.createElement("div", null, hovered.name),
+            hovered.lines.map(line => (React.createElement("div", { key: line }, line))))) : null));
+});
+export default RowPanelBlock;
+//# sourceMappingURL=RowPanelBlock.js.map

package/dist/components/rowpanels/RowPanelBlock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RowPanelBlock.js","sourceRoot":"","sources":["../../../src/components/rowpanels/RowPanelBlock.tsx"],"names":[],"mappings":"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"}

package/dist/components/rowpanels/RowPanelHeaders.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { MsaViewModel } from '../../model.ts';
+/**
+ * The row panel headers, in a band above the panels beside the tree ruler and
+ * the minimap. A narrow strip's name is DOM text turned on its side, since the
+ * canvas layer has no rotation, and the SVG export draws it with a
+ * `rotate(-90)`. A panel wider than the band is tall writes its name across.
+ */
+declare const RowPanelHeaders: ({ model }: {
+    model: MsaViewModel;
+}) => React.JSX.Element | null;
+export default RowPanelHeaders;

package/dist/components/rowpanels/RowPanelHeaders.js

@@ -0,0 +1,38 @@
+import React from 'react';
+import { observer } from 'mobx-react';
+import { headerRunsAcross } from './headerLayout.js';
+/**
+ * The row panel headers, in a band above the panels beside the tree ruler and
+ * the minimap. A narrow strip's name is DOM text turned on its side, since the
+ * canvas layer has no rotation, and the SVG export draws it with a
+ * `rotate(-90)`. A panel wider than the band is tall writes its name across.
+ */
+const RowPanelHeaders = observer(function ({ model }) {
+    const { resolvedRowPanels, rowPanelsHeaderHeight, fontSize } = model;
+    return resolvedRowPanels.length > 0 ? (React.createElement("div", { style: {
+            display: 'flex',
+            flexShrink: 0,
+            height: rowPanelsHeaderHeight,
+            alignItems: 'flex-end',
+        } }, resolvedRowPanels.map(panel => {
+        const across = headerRunsAcross(panel.width);
+        return (React.createElement("div", { key: panel.id, title: panel.header, style: {
+                width: panel.width,
+                overflow: 'hidden',
+                textOverflow: 'ellipsis',
+                whiteSpace: 'nowrap',
+                ...(across
+                    ? { fontSize, textAlign: 'center' }
+                    : {
+                        height: rowPanelsHeaderHeight,
+                        fontSize: Math.min(fontSize, panel.width),
+                        // vertical-rl reads top to bottom, and the half turn makes
+                        // it read upwards from the strip, as rotate(-90) exports
+                        writingMode: 'vertical-rl',
+                        transform: 'rotate(180deg)',
+                    }),
+            } }, panel.header));
+    }))) : null;
+});
+export default RowPanelHeaders;
+//# sourceMappingURL=RowPanelHeaders.js.map

package/dist/components/rowpanels/RowPanelHeaders.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RowPanelHeaders.js","sourceRoot":"","sources":["../../../src/components/rowpanels/RowPanelHeaders.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAErC,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAA;AAIpD;;;;;GAKG;AACH,MAAM,eAAe,GAAG,QAAQ,CAAC,UAAU,EAAE,KAAK,EAA2B;IAC3E,MAAM,EAAE,iBAAiB,EAAE,qBAAqB,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAA;IACpE,OAAO,iBAAiB,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACpC,6BACE,KAAK,EAAE;YACL,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,CAAC;YACb,MAAM,EAAE,qBAAqB;YAC7B,UAAU,EAAE,UAAU;SACvB,IAEA,iBAAiB,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE;QAC7B,MAAM,MAAM,GAAG,gBAAgB,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;QAC5C,OAAO,CACL,6BACE,GAAG,EAAE,KAAK,CAAC,EAAE,EACb,KAAK,EAAE,KAAK,CAAC,MAAM,EACnB,KAAK,EAAE;gBACL,KAAK,EAAE,KAAK,CAAC,KAAK;gBAClB,QAAQ,EAAE,QAAQ;gBAClB,YAAY,EAAE,UAAU;gBACxB,UAAU,EAAE,QAAQ;gBACpB,GAAG,CAAC,MAAM;oBACR,CAAC,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE;oBACnC,CAAC,CAAC;wBACE,MAAM,EAAE,qBAAqB;wBAC7B,QAAQ,EAAE,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAC;wBACzC,2DAA2D;wBAC3D,yDAAyD;wBACzD,WAAW,EAAE,aAAa;wBAC1B,SAAS,EAAE,gBAAgB;qBAC5B,CAAC;aACP,IAEA,KAAK,CAAC,MAAM,CACT,CACP,CAAA;IACH,CAAC,CAAC,CACE,CACP,CAAC,CAAC,CAAC,IAAI,CAAA;AACV,CAAC,CAAC,CAAA;AAEF,eAAe,eAAe,CAAA"}

package/dist/components/{msa/ColumnStats.d.ts → rowpanels/RowPanels.d.ts}

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { MsaViewModel } from '../../model.ts';
-declare const ColumnStats: ({ model }: {
+declare const RowPanels: ({ model }: {
     model: MsaViewModel;
 }) => React.JSX.Element | null;
-export default ColumnStats;
+export default RowPanels;

package/dist/components/rowpanels/RowPanels.js

@@ -0,0 +1,32 @@
+import React, { useCallback, useRef } from 'react';
+import { observer } from 'mobx-react';
+import { useWheelScroll } from '../../useWheelScroll.js';
+import RowPanelBlock from './RowPanelBlock.js';
+const RowPanel = observer(function ({ model, panel, }) {
+    const ref = useRef(null);
+    const { height, blocksY, scrollY } = model;
+    const onScrollY = useCallback((d) => {
+        model.doScrollY(d);
+    }, [model]);
+    const { onMouseDown, onMouseUp } = useWheelScroll({ ref, onScrollY });
+    return (React.createElement("div", { ref: ref, "data-testid": `rowpanel_${panel.id}`, onMouseDown: onMouseDown, onMouseUp: onMouseUp, style: {
+            height,
+            width: panel.width,
+            flexShrink: 0,
+            overflow: 'hidden',
+            position: 'relative',
+        } },
+        React.createElement("div", { style: {
+                position: 'absolute',
+                top: 0,
+                left: 0,
+                transform: `translateY(${scrollY}px)`,
+                willChange: 'transform',
+            } }, blocksY.map(block => (React.createElement(RowPanelBlock, { key: block, model: model, panel: panel, offsetY: block }))))));
+});
+const RowPanels = observer(function ({ model }) {
+    const { resolvedRowPanels } = model;
+    return resolvedRowPanels.length > 0 ? (React.createElement("div", { style: { display: 'flex', flexShrink: 0 } }, resolvedRowPanels.map(panel => (React.createElement(RowPanel, { key: panel.id, model: model, panel: panel }))))) : null;
+});
+export default RowPanels;
+//# sourceMappingURL=RowPanels.js.map

package/dist/components/rowpanels/RowPanels.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RowPanels.js","sourceRoot":"","sources":["../../../src/components/rowpanels/RowPanels.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAElD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAErC,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AACxD,OAAO,aAAa,MAAM,oBAAqB,CAAA;AAK/C,MAAM,QAAQ,GAAG,QAAQ,CAAC,UAAU,EAClC,KAAK,EACL,KAAK,GAIN;IACC,MAAM,GAAG,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IACxC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,KAAK,CAAA;IAC1C,MAAM,SAAS,GAAG,WAAW,CAC3B,CAAC,CAAS,EAAE,EAAE;QACZ,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAA;IACpB,CAAC,EACD,CAAC,KAAK,CAAC,CACR,CAAA;IACD,MAAM,EAAE,WAAW,EAAE,SAAS,EAAE,GAAG,cAAc,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,CAAC,CAAA;IAErE,OAAO,CACL,6BACE,GAAG,EAAE,GAAG,iBACK,YAAY,KAAK,CAAC,EAAE,EAAE,EACnC,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE;YACL,MAAM;YACN,KAAK,EAAE,KAAK,CAAC,KAAK;YAClB,UAAU,EAAE,CAAC;YACb,QAAQ,EAAE,QAAQ;YAClB,QAAQ,EAAE,UAAU;SACrB;QAID,6BACE,KAAK,EAAE;gBACL,QAAQ,EAAE,UAAU;gBACpB,GAAG,EAAE,CAAC;gBACN,IAAI,EAAE,CAAC;gBACP,SAAS,EAAE,cAAc,OAAO,KAAK;gBACrC,UAAU,EAAE,WAAW;aACxB,IAEA,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CACpB,oBAAC,aAAa,IACZ,GAAG,EAAE,KAAK,EACV,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,KAAK,GACd,CACH,CAAC,CACE,CACF,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,SAAS,GAAG,QAAQ,CAAC,UAAU,EAAE,KAAK,EAA2B;IACrE,MAAM,EAAE,iBAAiB,EAAE,GAAG,KAAK,CAAA;IACnC,OAAO,iBAAiB,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACpC,6BAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,CAAC,EAAE,IAC3C,iBAAiB,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CAC9B,oBAAC,QAAQ,IAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,GAAI,CACxD,CAAC,CACE,CACP,CAAC,CAAC,CAAC,IAAI,CAAA;AACV,CAAC,CAAC,CAAA;AAEF,eAAe,SAAS,CAAA"}

package/dist/components/rowpanels/headerLayout.d.ts

@@ -0,0 +1 @@
+export declare function headerRunsAcross(panelWidth: number): boolean;

package/dist/components/rowpanels/headerLayout.js

@@ -0,0 +1,5 @@
+import { rowPanelHeaderHeight } from '../../constants.js';
+export function headerRunsAcross(panelWidth) {
+    return panelWidth > rowPanelHeaderHeight;
+}
+//# sourceMappingURL=headerLayout.js.map

package/dist/components/rowpanels/headerLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"headerLayout.js","sourceRoot":"","sources":["../../../src/components/rowpanels/headerLayout.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAA;AAEzD,MAAM,UAAU,gBAAgB,CAAC,UAAkB;IACjD,OAAO,UAAU,GAAG,oBAAoB,CAAA;AAC1C,CAAC"}

package/dist/components/rowpanels/renderFeaturePanel.d.ts

@@ -0,0 +1,21 @@
+import type { MsaViewModel } from '../../model.ts';
+import type { ResolvedFeaturePanel } from '../../types.ts';
+import type { RenderCtx } from '../renderCtx.ts';
+import type { Theme } from '@mui/material';
+/**
+ * The spans of a `features` panel, drawn with the mark the alignment overlay
+ * draws: an arrow where the feature carries a strand, a box otherwise, labeled
+ * where the text fits. The x mapping is the panel's own, resolved in
+ * `resolvedRowPanels`; a row needing several lanes divides its height between
+ * them.
+ */
+export declare function renderFeaturePanel({ ctx, model, theme, panel, x, offsetY, blockSizeYOverride, highResScaleFactorOverride, }: {
+    ctx: RenderCtx;
+    model: MsaViewModel;
+    theme: Theme;
+    panel: ResolvedFeaturePanel;
+    x: number;
+    offsetY: number;
+    blockSizeYOverride?: number;
+    highResScaleFactorOverride?: number;
+}): void;

package/dist/components/rowpanels/renderFeaturePanel.js

@@ -0,0 +1,37 @@
+import { contrastTextFn } from '../../util.js';
+import { getVisibleLeaves } from '../getVisibleLeaves.js';
+import { drawFeatureSpans, spanRows } from '../msa/drawFeatureSpans.js';
+// a span keeps a pixel clear above and below it, so stacked lanes and adjacent
+// rows read apart
+const rowPadding = 2;
+/**
+ * The spans of a `features` panel, drawn with the mark the alignment overlay
+ * draws: an arrow where the feature carries a strand, a box otherwise, labeled
+ * where the text fits. The x mapping is the panel's own, resolved in
+ * `resolvedRowPanels`; a row needing several lanes divides its height between
+ * them.
+ */
+export function renderFeaturePanel({ ctx, model, theme, panel, x, offsetY, blockSizeYOverride, highResScaleFactorOverride, }) {
+    const { rowHeight, blockSize, highResScaleFactor } = model;
+    const by = blockSizeYOverride ?? blockSize;
+    const k = highResScaleFactorOverride ?? highResScaleFactor;
+    ctx.resetTransform();
+    ctx.scale(k, k);
+    ctx.translate(x, rowHeight / 2 - offsetY);
+    drawFeatureSpans({
+        ctx,
+        rows: spanRows(getVisibleLeaves({ model, offsetY, blockSizeY: by }), panel.spans),
+        layout: {
+            height: laneCount => Math.max(1, rowHeight / laneCount - rowPadding),
+            top: (y, lane, h) => y - rowHeight + lane * (h + rowPadding) + rowPadding / 2,
+            headLength: h => h,
+        },
+        xOf: span => [span.xStart, span.xEnd],
+        colors: panel.colors,
+        labelOf: span => panel.labels?.get(span.annotation),
+        contrastText: contrastTextFn(theme),
+        xMin: 0,
+        xMax: panel.width,
+    });
+}
+//# sourceMappingURL=renderFeaturePanel.js.map

package/dist/components/rowpanels/renderFeaturePanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderFeaturePanel.js","sourceRoot":"","sources":["../../../src/components/rowpanels/renderFeaturePanel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAA;AACzD,OAAO,EAAE,gBAAgB,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAA;AAOvE,+EAA+E;AAC/E,kBAAkB;AAClB,MAAM,UAAU,GAAG,CAAC,CAAA;AAEpB;;;;;;GAMG;AACH,MAAM,UAAU,kBAAkB,CAAC,EACjC,GAAG,EACH,KAAK,EACL,KAAK,EACL,KAAK,EACL,CAAC,EACD,OAAO,EACP,kBAAkB,EAClB,0BAA0B,GAU3B;IACC,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,kBAAkB,EAAE,GAAG,KAAK,CAAA;IAC1D,MAAM,EAAE,GAAG,kBAAkB,IAAI,SAAS,CAAA;IAC1C,MAAM,CAAC,GAAG,0BAA0B,IAAI,kBAAkB,CAAA;IAC1D,GAAG,CAAC,cAAc,EAAE,CAAA;IACpB,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;IACf,GAAG,CAAC,SAAS,CAAC,CAAC,EAAE,SAAS,GAAG,CAAC,GAAG,OAAO,CAAC,CAAA;IAEzC,gBAAgB,CAAe;QAC7B,GAAG;QACH,IAAI,EAAE,QAAQ,CACZ,gBAAgB,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,EACpD,KAAK,CAAC,KAAK,CACZ;QACD,MAAM,EAAE;YACN,MAAM,EAAE,SAAS,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;YACpE,GAAG,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,CAClB,CAAC,GAAG,SAAS,GAAG,IAAI,GAAG,CAAC,CAAC,GAAG,UAAU,CAAC,GAAG,UAAU,GAAG,CAAC;YAC1D,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;SACnB;QACD,GAAG,EAAE,IAAI,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC;QACrC,MAAM,EAAE,KAAK,CAAC,MAAM;QACpB,OAAO,EAAE,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,EAAE,GAAG,CAAC,IAAI,CAAC,UAAU,CAAC;QACnD,YAAY,EAAE,cAAc,CAAC,KAAK,CAAC;QACnC,IAAI,EAAE,CAAC;QACP,IAAI,EAAE,KAAK,CAAC,KAAK;KAClB,CAAC,CAAA;AACJ,CAAC"}

package/dist/components/rowpanels/renderRowPanel.d.ts

@@ -0,0 +1,23 @@
+import type { MsaViewModel } from '../../model.ts';
+import type { ResolvedRowPanel } from '../../types.ts';
+import type { RenderCtx } from '../renderCtx.ts';
+import type { Theme } from '@mui/material';
+interface PanelArgs {
+    ctx: RenderCtx;
+    model: MsaViewModel;
+    theme: Theme;
+    panel: ResolvedRowPanel;
+    x: number;
+    offsetY: number;
+    blockSizeYOverride?: number;
+    highResScaleFactorOverride?: number;
+}
+/**
+ * One row panel, by kind. `x` is the panel's left edge in the context: the
+ * live view gives each panel a canvas of its own and passes 0, and the export
+ * packs every panel into one context and passes the panel's own offset.
+ */
+export declare function renderRowPanel({ panel, ...rest }: PanelArgs): void;
+/** every row panel side by side in one context, for the SVG export */
+export declare function renderRowPanels({ model, ...rest }: Omit<PanelArgs, 'panel' | 'x'>): void;
+export {};