react-msaview 6.5.0 → 8.0.0

package/dist/components/tracks/TrackTooltipContent.js

@@ -0,0 +1,109 @@
+import React from 'react';
+import { observer } from 'mobx-react';
+import { columnLogoStack } from '../../sequenceLogo.js';
+import { barTrackValues } from './drawTracks.js';
+const pct = (n) => `${Math.round(n * 100)}%`;
+const MAX_PARTNERS = 8;
+function ColumnLabel({ model, col }) {
+    const { relativeTo } = model;
+    const pos = relativeTo
+        ? model.visibleColToSeqPosOneBased(relativeTo, col)
+        : undefined;
+    return (React.createElement("b", null,
+        "Column ",
+        col + 1,
+        pos === undefined ? null : ` (${relativeTo}:${pos})`));
+}
+function BarTooltip({ model, track, col, }) {
+    const { id, name } = track.model;
+    const value = barTrackValues(model, id)[col];
+    return value === undefined ? null : (React.createElement("div", null,
+        React.createElement(ColumnLabel, { model: model, col: col }),
+        React.createElement("br", null),
+        name,
+        ": ",
+        value.toFixed(2)));
+}
+function LogoTooltip({ model, col }) {
+    const stats = model.columnStatsAt(col);
+    if (!stats) {
+        return null;
+    }
+    const { total, consensusLetter, consensusFraction, gapFraction } = stats;
+    const stack = columnLogoStack(model.colStats, col, model.alphabetMaxBits);
+    const bits = stack.reduce((a, b) => a + b.bits, 0);
+    return (React.createElement("div", null,
+        React.createElement(ColumnLabel, { model: model, col: col }),
+        " (",
+        total,
+        " seqs)",
+        React.createElement("br", null),
+        "Information: ",
+        bits.toFixed(2),
+        " bits",
+        React.createElement("br", null),
+        "Consensus: ",
+        consensusLetter || '-',
+        " (",
+        pct(consensusFraction),
+        ")",
+        React.createElement("br", null),
+        "Gaps: ",
+        pct(gapFraction),
+        React.createElement("br", null),
+        stats.distribution.slice(0, 6).map(([letter, count]) => (React.createElement("span", { key: letter, style: { marginRight: 8 } },
+            letter,
+            " ",
+            pct(count / total))))));
+}
+function TextTooltip({ model, track, col, }) {
+    const { name, data } = track.model;
+    const letter = data?.[col];
+    return letter === undefined ? null : (React.createElement("div", null,
+        React.createElement(ColumnLabel, { model: model, col: col }),
+        React.createElement("br", null),
+        name,
+        ": ",
+        letter === ' ' ? 'blank' : letter));
+}
+function ArcTooltip({ model, track, col, }) {
+    const { name, arcs } = track.model;
+    const partners = (arcs ?? [])
+        .filter(arc => arc.start === col || arc.end === col)
+        .map(arc => (arc.start === col ? arc.end : arc.start) + 1);
+    return partners.length === 0 ? null : (React.createElement("div", null,
+        React.createElement(ColumnLabel, { model: model, col: col }),
+        React.createElement("br", null),
+        name,
+        ": pairs with ",
+        partners.slice(0, MAX_PARTNERS).join(', '),
+        partners.length > MAX_PARTNERS ? '...' : null));
+}
+/**
+ * One track's reading at the hovered column: a bar track's value, the logo's
+ * information content and composition, the columns an arc joins, the letter on a
+ * text track. `drawTrackBlock` dispatches on the same `kind`, so a new kind
+ * needs a case in both.
+ */
+const TrackTooltipContent = observer(function ({ model, track, col, }) {
+    switch (track.model.kind) {
+        case 'bar': {
+            return React.createElement(BarTooltip, { model: model, track: track, col: col });
+        }
+        case 'logo': {
+            return React.createElement(LogoTooltip, { model: model, col: col });
+        }
+        case 'text': {
+            return React.createElement(TextTooltip, { model: model, track: track, col: col });
+        }
+        case 'arc': {
+            return React.createElement(ArcTooltip, { model: model, track: track, col: col });
+        }
+        case 'ruler': {
+            return (React.createElement("div", null,
+                React.createElement(ColumnLabel, { model: model, col: col })));
+        }
+    }
+});
+export default TrackTooltipContent;
+//# sourceMappingURL=TrackTooltipContent.js.map

package/dist/components/tracks/TrackTooltipContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TrackTooltipContent.js","sourceRoot":"","sources":["../../../src/components/tracks/TrackTooltipContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAErC,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA;AACvD,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAKhD,MAAM,GAAG,GAAG,CAAC,CAAS,EAAE,EAAE,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,GAAG,CAAC,GAAG,CAAA;AAEpD,MAAM,YAAY,GAAG,CAAC,CAAA;AAEtB,SAAS,WAAW,CAAC,EAAE,KAAK,EAAE,GAAG,EAAwC;IACvE,MAAM,EAAE,UAAU,EAAE,GAAG,KAAK,CAAA;IAC5B,MAAM,GAAG,GAAG,UAAU;QACpB,CAAC,CAAC,KAAK,CAAC,0BAA0B,CAAC,UAAU,EAAE,GAAG,CAAC;QACnD,CAAC,CAAC,SAAS,CAAA;IACb,OAAO,CACL;;QACU,GAAG,GAAG,CAAC;QACd,GAAG,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,UAAU,IAAI,GAAG,GAAG,CACnD,CACL,CAAA;AACH,CAAC;AAED,SAAS,UAAU,CAAC,EAClB,KAAK,EACL,KAAK,EACL,GAAG,GAKJ;IACC,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC,KAAK,CAAA;IAChC,MAAM,KAAK,GAAG,cAAc,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAA;IAC5C,OAAO,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAClC;QACE,oBAAC,WAAW,IAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI;QACvC,+BAAM;QACL,IAAI;;QAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CACrB,CACP,CAAA;AACH,CAAC;AAED,SAAS,WAAW,CAAC,EAAE,KAAK,EAAE,GAAG,EAAwC;IACvE,MAAM,KAAK,GAAG,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAA;IACtC,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,OAAO,IAAI,CAAA;IACb,CAAC;IACD,MAAM,EAAE,KAAK,EAAE,eAAe,EAAE,iBAAiB,EAAE,WAAW,EAAE,GAAG,KAAK,CAAA;IACxE,MAAM,KAAK,GAAG,eAAe,CAAC,KAAK,CAAC,QAAQ,EAAE,GAAG,EAAE,KAAK,CAAC,eAAe,CAAC,CAAA;IACzE,MAAM,IAAI,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,CAAA;IAClD,OAAO,CACL;QACE,oBAAC,WAAW,IAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI;;QAAG,KAAK;;QAC/C,+BAAM;;QACQ,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;;QAC7B,+BAAM;;QACM,eAAe,IAAI,GAAG;;QAAI,GAAG,CAAC,iBAAiB,CAAC;;QAC5D,+BAAM;;QACC,GAAG,CAAC,WAAW,CAAC;QACvB,+BAAM;QACL,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,CACvD,8BAAM,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,WAAW,EAAE,CAAC,EAAE;YACzC,MAAM;;YAAG,GAAG,CAAC,KAAK,GAAG,KAAK,CAAC,CACvB,CACR,CAAC,CACE,CACP,CAAA;AACH,CAAC;AAED,SAAS,WAAW,CAAC,EACnB,KAAK,EACL,KAAK,EACL,GAAG,GAKJ;IACC,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC,KAAK,CAAA;IAClC,MAAM,MAAM,GAAG,IAAI,EAAE,CAAC,GAAG,CAAC,CAAA;IAC1B,OAAO,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACnC;QACE,oBAAC,WAAW,IAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI;QACvC,+BAAM;QACL,IAAI;;QAAI,MAAM,KAAK,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CACtC,CACP,CAAA;AACH,CAAC;AAED,SAAS,UAAU,CAAC,EAClB,KAAK,EACL,KAAK,EACL,GAAG,GAKJ;IACC,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC,KAAK,CAAA;IAClC,MAAM,QAAQ,GAAG,CAAC,IAAI,IAAI,EAAE,CAAC;SAC1B,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,KAAK,KAAK,GAAG,IAAI,GAAG,CAAC,GAAG,KAAK,GAAG,CAAC;SACnD,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,KAAK,KAAK,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAA;IAC5D,OAAO,QAAQ,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACpC;QACE,oBAAC,WAAW,IAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI;QACvC,+BAAM;QACL,IAAI;;QAAe,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,YAAY,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;QAC7D,QAAQ,CAAC,MAAM,GAAG,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAC1C,CACP,CAAA;AACH,CAAC;AAED;;;;;GAKG;AACH,MAAM,mBAAmB,GAAG,QAAQ,CAAC,UAAU,EAC7C,KAAK,EACL,KAAK,EACL,GAAG,GAKJ;IACC,QAAQ,KAAK,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;QACzB,KAAK,KAAK,EAAE,CAAC;YACX,OAAO,oBAAC,UAAU,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,CAAA;QAC7D,CAAC;QACD,KAAK,MAAM,EAAE,CAAC;YACZ,OAAO,oBAAC,WAAW,IAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,CAAA;QAChD,CAAC;QACD,KAAK,MAAM,EAAE,CAAC;YACZ,OAAO,oBAAC,WAAW,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,CAAA;QAC9D,CAAC;QACD,KAAK,KAAK,EAAE,CAAC;YACX,OAAO,oBAAC,UAAU,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,CAAA;QAC7D,CAAC;QACD,KAAK,OAAO,EAAE,CAAC;YACb,OAAO,CACL;gBACE,oBAAC,WAAW,IAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,CACnC,CACP,CAAA;QACH,CAAC;IACH,CAAC;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,mBAAmB,CAAA"}

package/dist/components/tracks/drawTracks.d.ts

@@ -1,6 +1,6 @@
 import type { ColumnCounts } from '../../columnCounts.ts';
 import type { MsaViewModel } from '../../model.ts';
-import type { BasicTrack } from '../../types.ts';
+import type { Arc, BasicTrack } from '../../types.ts';
 import type { RenderCtx } from '../renderCtx.ts';
 import type { Theme } from '@mui/material';
 export declare function drawConservationBars({ ctx, values, color, colWidth, trackHeight, offsetX, blockSize, }: {
@@ -13,18 +13,38 @@ export declare function drawConservationBars({ ctx, values, color, colWidth, tra
     blockSize: number;
 }): void;
 export declare function barTrackValues(model: MsaViewModel, trackId: string): number[];
-export declare function drawTextTrackContent({ ctx, data, colorScheme, contrastScheme, bgColor, textColor, colWidth, rowHeight, offsetX, blockSize, }: {
+export declare function drawArcs({ ctx, arcs, color, colWidth, trackHeight, offsetX, blockSize, }: {
+    ctx: RenderCtx;
+    arcs: Arc[] | undefined;
+    color: string;
+    colWidth: number;
+    trackHeight: number;
+    offsetX: number;
+    blockSize: number;
+}): void;
+export declare function drawTextTrackContent({ ctx, data, colorScheme, contrastText, bgColor, drawLetters, colWidth, rowHeight, offsetX, blockSize, }: {
     ctx: RenderCtx;
     data: string | undefined;
     colorScheme: Record<string, string>;
-    contrastScheme: Record<string, string>;
+    contrastText: (color: string | undefined) => string;
     bgColor: boolean;
-    textColor: string;
+    drawLetters: boolean;
     colWidth: number;
     rowHeight: number;
     offsetX: number;
     blockSize: number;
 }): void;
+export declare function rulerStep(colWidth: number, minPixels?: number): number;
+export declare function drawColumnRuler({ ctx, numColumns, label, textColor, colWidth, trackHeight, offsetX, blockSize, }: {
+    ctx: RenderCtx;
+    numColumns: number;
+    label: (col: number) => string | undefined;
+    textColor: string;
+    colWidth: number;
+    trackHeight: number;
+    offsetX: number;
+    blockSize: number;
+}): void;
 export declare function drawSequenceLogo({ ctx, colStats, colorScheme, maxBits, textColor, colWidth, trackHeight, offsetX, blockSize, }: {
     ctx: RenderCtx;
     colStats: ColumnCounts;
@@ -38,30 +58,28 @@ export declare function drawSequenceLogo({ ctx, colStats, colorScheme, maxBits,
 }): void;
 /**
  * Draw one track's content into a block of the alignment's column space, at
- * `offsetY` within the ctx. Owns the transform, so both callers -- the live
- * canvas blocks and the SVG export -- draw into the same coordinate space, and
- * adding a track kind means a `kind`, a draw function above, and a case here.
+ * `offsetY` within the ctx. Owns the transform, so the live canvas blocks and
+ * the SVG export draw into the same coordinate space. A new track kind needs a
+ * `kind`, a draw function above, and a case here.
  */
-export declare function drawTrackBlock({ model, ctx, track, offsetX, offsetY, theme, contrastScheme, blockSizeXOverride, highResScaleFactorOverride, }: {
+export declare function drawTrackBlock({ model, ctx, track, offsetX, offsetY, theme, blockSizeXOverride, highResScaleFactorOverride, }: {
     model: MsaViewModel;
     ctx: RenderCtx;
     track: BasicTrack;
     offsetX: number;
     offsetY?: number;
     theme: Theme;
-    contrastScheme: Record<string, string>;
     blockSizeXOverride?: number;
     highResScaleFactorOverride?: number;
 }): void;
 /**
  * Every turned-on track stacked top to bottom, for the SVG export. The live
- * view draws the same content one canvas block at a time -- see TrackBlocks.
+ * view draws the same content one canvas block at a time in TrackBlocks.
  */
-export declare function renderAllTracks({ model, ctx, offsetX, contrastScheme, theme, blockSizeXOverride, highResScaleFactorOverride, }: {
+export declare function renderAllTracks({ model, ctx, offsetX, theme, blockSizeXOverride, highResScaleFactorOverride, }: {
     model: MsaViewModel;
     ctx: RenderCtx;
     offsetX: number;
-    contrastScheme: Record<string, string>;
     theme: Theme;
     blockSizeXOverride?: number;
     highResScaleFactorOverride?: number;

package/dist/components/tracks/drawTracks.js

@@ -1,5 +1,6 @@
 import { columnLogoStack } from '../../sequenceLogo.js';
 import { setFontSize } from '../../setFontSize.js';
+import { contrastTextFn } from '../../util.js';
 import { visibleColRange } from '../msa/visibleColRange.js';
 export function drawConservationBars({ ctx, values, color, colWidth, trackHeight, offsetX, blockSize, }) {
     const { xStart, xEnd } = visibleColRange({
@@ -15,8 +16,8 @@ export function drawConservationBars({ ctx, values, color, colWidth, trackHeight
         ctx.fillRect(x, trackHeight - barHeight, colWidth, barHeight);
     }
 }
-// the bar-track values live on model getters (kept off the plain track object so
-// the live canvas autorun stays reactive); select the right one by track id
+// bar-track values are model getters, off the plain track object, so the canvas
+// autorun stays reactive
 export function barTrackValues(model, trackId) {
     const supplied = model.columnTrackContent.get(trackId)?.values;
     if (supplied) {
@@ -26,14 +27,46 @@ export function barTrackValues(model, trackId) {
         ? model.propertyConservation
         : model.conservation;
 }
-export function drawTextTrackContent({ ctx, data, colorScheme, contrastScheme, bgColor, textColor, colWidth, rowHeight, offsetX, blockSize, }) {
+// An arc's apex scales with the square root of its span. Contact-map spans skew
+// short, and a linear scale flattens them along the baseline.
+export function drawArcs({ ctx, arcs, color, colWidth, trackHeight, offsetX, blockSize, }) {
+    if (!arcs?.length) {
+        return;
+    }
+    const { xStart, xEnd } = visibleColRange({
+        offsetX,
+        blockWidth: blockSize,
+        colWidth,
+    });
+    let maxSpan = 1;
+    for (const arc of arcs) {
+        maxSpan = Math.max(maxSpan, arc.end - arc.start);
+    }
+    // a full-height apex would put the stroke half outside the track
+    const apexRoom = trackHeight - 1;
+    ctx.lineWidth = 1;
+    for (const arc of arcs) {
+        // an arc that spans the block draws even though neither foot is inside it
+        if (arc.end < xStart || arc.start > xEnd) {
+            continue;
+        }
+        const x1 = (arc.start + 0.5) * colWidth;
+        const x2 = (arc.end + 0.5) * colWidth;
+        const apex = apexRoom * Math.sqrt((arc.end - arc.start) / maxSpan);
+        ctx.strokeStyle = arc.color ?? color;
+        ctx.beginPath();
+        ctx.moveTo(x1, trackHeight);
+        ctx.quadraticCurveTo((x1 + x2) / 2, trackHeight - 2 * apex, x2, trackHeight);
+        ctx.stroke();
+    }
+}
+export function drawTextTrackContent({ ctx, data, colorScheme, contrastText, bgColor, drawLetters, colWidth, rowHeight, offsetX, blockSize, }) {
     const { xStart, xEnd } = visibleColRange({
         offsetX,
         blockWidth: blockSize,
         colWidth,
     });
     const str = data?.slice(xStart, xEnd);
-    const drawLetters = rowHeight >= 10 && colWidth >= rowHeight / 2;
     for (let i = 0; str && i < str.length; i++) {
         const letter = str[i];
         const upper = letter.toUpperCase();
@@ -44,24 +77,54 @@ export function drawTextTrackContent({ ctx, data, colorScheme, contrastScheme, b
             ctx.fillRect(x, 0, colWidth, rowHeight);
         }
         if (drawLetters) {
-            // a letter on a colored tile needs the tile's contrast color; otherwise it
-            // sits on the plain background and takes the theme's text color
-            ctx.fillStyle = fill ? (contrastScheme[upper] ?? 'black') : textColor;
-            ctx.fillText(letter, x + colWidth / 2, rowHeight / 2 + 1);
+            ctx.fillStyle = contrastText(fill);
+            ctx.fillText(letter, x + colWidth / 2, rowHeight / 2);
         }
     }
 }
-// Cap height as a fraction of the font size. Every logo letter is scaled from
-// one reference font size to the height its frequency earns, and that scale is
-// only right if we know how tall the glyph actually draws. Measuring per letter
-// would be exact but `measureText` reports no vertical box in the SVG export
-// backend, so the ratio is a constant: the cap height of the sans-serif faces
-// both backends use, within a percent or two. It only has to be consistent --
-// the same ratio for every letter is what makes the slices sum to the stack
-// height instead of drifting apart.
+// the smallest 1/2/5 x 10^n column step that leaves room for a label
+export function rulerStep(colWidth, minPixels = 55) {
+    let step = 1;
+    const mantissas = [1, 2, 5];
+    for (let i = 0; step * colWidth < minPixels; i++) {
+        step = mantissas[i % 3] * 10 ** Math.floor(i / 3);
+    }
+    return step;
+}
+const RULER_FONT_SIZE = 10;
+const TICK_HEIGHT = 4;
+export function drawColumnRuler({ ctx, numColumns, label, textColor, colWidth, trackHeight, offsetX, blockSize, }) {
+    const { xStart, xEnd } = visibleColRange({
+        offsetX,
+        blockWidth: blockSize,
+        colWidth,
+    });
+    const step = rulerStep(colWidth);
+    const end = Math.min(xEnd, numColumns);
+    setFontSize(ctx, RULER_FONT_SIZE);
+    ctx.textAlign = 'center';
+    ctx.textBaseline = 'alphabetic';
+    ctx.fillStyle = textColor;
+    ctx.strokeStyle = textColor;
+    ctx.lineWidth = 1;
+    for (let col = Math.ceil(xStart / step) * step; col < end; col += step) {
+        const text = label(col);
+        if (text === undefined) {
+            continue;
+        }
+        const x = (col + 0.5) * colWidth;
+        ctx.fillText(text, x, trackHeight - TICK_HEIGHT - 2);
+        ctx.beginPath();
+        ctx.moveTo(x, trackHeight - TICK_HEIGHT);
+        ctx.lineTo(x, trackHeight);
+        ctx.stroke();
+    }
+}
+// Cap height as a fraction of the font size, within a percent or two for the
+// sans-serif faces both backends use. `measureText` reports no vertical box in
+// the SVG export backend, so one constant ratio scales every logo letter, and
+// the slices sum to the stack height.
 const CAP_HEIGHT_RATIO = 0.72;
-// letters below this many pixels are noise, and a stack that thin reads better
-// as the bar chart it approximates
 const MIN_LETTER_PX = 3;
 export function drawSequenceLogo({ ctx, colStats, colorScheme, maxBits, textColor, colWidth, trackHeight, offsetX, blockSize, }) {
     const { xStart, xEnd } = visibleColRange({
@@ -70,8 +133,8 @@ export function drawSequenceLogo({ ctx, colStats, colorScheme, maxBits, textColo
         colWidth,
     });
     const end = Math.min(xEnd, colStats.numColumns);
-    // one reference size for every glyph; each letter's own transform takes it
-    // from here to the height it earned, so the font is set once for the block
+    // one reference font size for the block; each letter's transform scales it to
+    // a height proportional to its frequency
     const referenceFontSize = trackHeight;
     setFontSize(ctx, referenceFontSize);
     ctx.textAlign = 'left';
@@ -83,9 +146,7 @@ export function drawSequenceLogo({ ctx, colStats, colorScheme, maxBits, textColo
             continue;
         }
         const x = col * colWidth;
-        // stack up from the baseline: the array is ascending, so the tallest letter
-        // lands on top, which is the convention that makes a logo readable at a
-        // glance
+        // the stack is ascending, so the tallest letter lands on top
         let bottom = trackHeight;
         for (const { letter, bits } of stack) {
             const h = (bits / maxBits) * trackHeight;
@@ -112,13 +173,13 @@ export function drawSequenceLogo({ ctx, colStats, colorScheme, maxBits, textColo
 }
 /**
  * Draw one track's content into a block of the alignment's column space, at
- * `offsetY` within the ctx. Owns the transform, so both callers -- the live
- * canvas blocks and the SVG export -- draw into the same coordinate space, and
- * adding a track kind means a `kind`, a draw function above, and a case here.
+ * `offsetY` within the ctx. Owns the transform, so the live canvas blocks and
+ * the SVG export draw into the same coordinate space. A new track kind needs a
+ * `kind`, a draw function above, and a case here.
  */
-export function drawTrackBlock({ model, ctx, track, offsetX, offsetY = 0, theme, contrastScheme, blockSizeXOverride, highResScaleFactorOverride, }) {
-    const { blockSize, bgColor, colWidth, colStats, colorScheme: modelColorScheme, fontSize, rowHeight, alphabetMaxBits, highResScaleFactor, } = model;
-    const { id, kind, height: trackHeight, barColor, customColorScheme, data, } = track.model;
+export function drawTrackBlock({ model, ctx, track, offsetX, offsetY = 0, theme, blockSizeXOverride, highResScaleFactorOverride, }) {
+    const { blockSize, bgColor, colWidth, colStats, colorScheme: modelColorScheme, fontSize, rowHeight, showMsaLetters, alphabetMaxBits, highResScaleFactor, } = model;
+    const { id, kind, height: trackHeight, barColor, arcColor, arcs, customColorScheme, data, } = track.model;
     const blockSizeX = blockSizeXOverride ?? blockSize;
     const k = highResScaleFactorOverride ?? highResScaleFactor;
     const textColor = theme.palette.text.primary;
@@ -138,6 +199,18 @@ export function drawTrackBlock({ model, ctx, track, offsetX, offsetY = 0, theme,
             });
             break;
         }
+        case 'arc': {
+            drawArcs({
+                ctx,
+                arcs,
+                color: arcColor ?? theme.palette.text.primary,
+                colWidth,
+                trackHeight,
+                offsetX,
+                blockSize: blockSizeX,
+            });
+            break;
+        }
         case 'logo': {
             drawSequenceLogo({
                 ctx,
@@ -152,16 +225,37 @@ export function drawTrackBlock({ model, ctx, track, offsetX, offsetY = 0, theme,
             });
             break;
         }
+        case 'ruler': {
+            const { relativeTo, numColumns } = model;
+            drawColumnRuler({
+                ctx,
+                numColumns,
+                // with relativeTo set, number by the reference row's residues
+                label: relativeTo
+                    ? col => {
+                        const pos = model.visibleColToSeqPosOneBased(relativeTo, col);
+                        return pos === undefined ? undefined : `${pos}`;
+                    }
+                    : col => `${col + 1}`,
+                textColor,
+                colWidth,
+                trackHeight,
+                offsetX,
+                blockSize: blockSizeX,
+            });
+            break;
+        }
         case 'text': {
             ctx.textAlign = 'center';
+            ctx.textBaseline = 'middle';
             setFontSize(ctx, fontSize);
             drawTextTrackContent({
                 ctx,
                 data,
                 colorScheme: customColorScheme ?? modelColorScheme,
-                contrastScheme,
+                contrastText: contrastTextFn(theme),
                 bgColor,
-                textColor,
+                drawLetters: showMsaLetters,
                 colWidth,
                 rowHeight,
                 offsetX,
@@ -174,9 +268,9 @@ export function drawTrackBlock({ model, ctx, track, offsetX, offsetY = 0, theme,
 }
 /**
  * Every turned-on track stacked top to bottom, for the SVG export. The live
- * view draws the same content one canvas block at a time -- see TrackBlocks.
+ * view draws the same content one canvas block at a time in TrackBlocks.
  */
-export function renderAllTracks({ model, ctx, offsetX, contrastScheme, theme, blockSizeXOverride, highResScaleFactorOverride, }) {
+export function renderAllTracks({ model, ctx, offsetX, theme, blockSizeXOverride, highResScaleFactorOverride, }) {
     let currentY = 0;
     for (const track of model.turnedOnTracks) {
         drawTrackBlock({
@@ -186,7 +280,6 @@ export function renderAllTracks({ model, ctx, offsetX, contrastScheme, theme, bl
             offsetX,
             offsetY: currentY,
             theme,
-            contrastScheme,
             blockSizeXOverride,
             highResScaleFactorOverride,
         });

package/dist/components/tracks/drawTracks.js.map

@@ -1 +1 @@
-{"version":3,"file":"drawTracks.js","sourceRoot":"","sources":["../../../src/components/tracks/drawTracks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAA;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAQ3D,MAAM,UAAU,oBAAoB,CAAC,EACnC,GAAG,EACH,MAAM,EACN,KAAK,EACL,QAAQ,EACR,WAAW,EACX,OAAO,EACP,SAAS,GASV;IACC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,eAAe,CAAC;QACvC,OAAO;QACP,UAAU,EAAE,SAAS;QACrB,QAAQ;KACT,CAAC,CAAA;IAEF,GAAG,CAAC,SAAS,GAAG,KAAK,CAAA;IACrB,KAAK,IAAI,CAAC,GAAG,MAAM,EAAE,CAAC,GAAG,IAAI,IAAI,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;QACxD,MAAM,KAAK,GAAG,MAAM,CAAC,CAAC,CAAE,CAAA;QACxB,MAAM,SAAS,GAAG,KAAK,GAAG,WAAW,CAAA;QACrC,MAAM,CAAC,GAAG,CAAC,GAAG,QAAQ,CAAA;QACtB,GAAG,CAAC,QAAQ,CAAC,CAAC,EAAE,WAAW,GAAG,SAAS,EAAE,QAAQ,EAAE,SAAS,CAAC,CAAA;IAC/D,CAAC;AACH,CAAC;AAED,iFAAiF;AACjF,4EAA4E;AAC5E,MAAM,UAAU,cAAc,CAAC,KAAmB,EAAE,OAAe;IACjE,MAAM,QAAQ,GAAG,KAAK,CAAC,kBAAkB,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,MAAM,CAAA;IAC9D,IAAI,QAAQ,EAAE,CAAC;QACb,OAAO,QAAQ,CAAA;IACjB,CAAC;IACD,OAAO,OAAO,KAAK,uBAAuB;QACxC,CAAC,CAAC,KAAK,CAAC,oBAAoB;QAC5B,CAAC,CAAC,KAAK,CAAC,YAAY,CAAA;AACxB,CAAC;AAED,MAAM,UAAU,oBAAoB,CAAC,EACnC,GAAG,EACH,IAAI,EACJ,WAAW,EACX,cAAc,EACd,OAAO,EACP,SAAS,EACT,QAAQ,EACR,SAAS,EACT,OAAO,EACP,SAAS,GAYV;IACC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,eAAe,CAAC;QACvC,OAAO;QACP,UAAU,EAAE,SAAS;QACrB,QAAQ;KACT,CAAC,CAAA;IACF,MAAM,GAAG,GAAG,IAAI,EAAE,KAAK,CAAC,MAAM,EAAE,IAAI,CAAC,CAAA;IACrC,MAAM,WAAW,GAAG,SAAS,IAAI,EAAE,IAAI,QAAQ,IAAI,SAAS,GAAG,CAAC,CAAA;IAEhE,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,GAAG,IAAI,CAAC,GAAG,GAAG,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;QAC3C,MAAM,MAAM,GAAG,GAAG,CAAC,CAAC,CAAE,CAAA;QACtB,MAAM,KAAK,GAAG,MAAM,CAAC,WAAW,EAAE,CAAA;QAClC,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;QACrD,MAAM,CAAC,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC,GAAG,QAAQ,CAAA;QACjC,IAAI,IAAI,EAAE,CAAC;YACT,GAAG,CAAC,SAAS,GAAG,IAAI,CAAA;YACpB,GAAG,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,QAAQ,EAAE,SAAS,CAAC,CAAA;QACzC,CAAC;QACD,IAAI,WAAW,EAAE,CAAC;YAChB,2EAA2E;YAC3E,gEAAgE;YAChE,GAAG,CAAC,SAAS,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,KAAK,CAAC,IAAI,OAAO,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;YACrE,GAAG,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC,GAAG,QAAQ,GAAG,CAAC,EAAE,SAAS,GAAG,CAAC,GAAG,CAAC,CAAC,CAAA;QAC3D,CAAC;IACH,CAAC;AACH,CAAC;AAED,8EAA8E;AAC9E,+EAA+E;AAC/E,gFAAgF;AAChF,6EAA6E;AAC7E,8EAA8E;AAC9E,8EAA8E;AAC9E,4EAA4E;AAC5E,oCAAoC;AACpC,MAAM,gBAAgB,GAAG,IAAI,CAAA;AAC7B,+EAA+E;AAC/E,mCAAmC;AACnC,MAAM,aAAa,GAAG,CAAC,CAAA;AAEvB,MAAM,UAAU,gBAAgB,CAAC,EAC/B,GAAG,EACH,QAAQ,EACR,WAAW,EACX,OAAO,EACP,SAAS,EACT,QAAQ,EACR,WAAW,EACX,OAAO,EACP,SAAS,GAWV;IACC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,eAAe,CAAC;QACvC,OAAO;QACP,UAAU,EAAE,SAAS;QACrB,QAAQ;KACT,CAAC,CAAA;IACF,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,QAAQ,CAAC,UAAU,CAAC,CAAA;IAE/C,2EAA2E;IAC3E,2EAA2E;IAC3E,MAAM,iBAAiB,GAAG,WAAW,CAAA;IACrC,WAAW,CAAC,GAAG,EAAE,iBAAiB,CAAC,CAAA;IACnC,GAAG,CAAC,SAAS,GAAG,MAAM,CAAA;IACtB,GAAG,CAAC,YAAY,GAAG,YAAY,CAAA;IAC/B,MAAM,SAAS,GAAG,iBAAiB,GAAG,gBAAgB,CAAA;IAEtD,KAAK,IAAI,GAAG,GAAG,MAAM,EAAE,GAAG,GAAG,GAAG,EAAE,GAAG,EAAE,EAAE,CAAC;QACxC,MAAM,KAAK,GAAG,eAAe,CAAC,QAAQ,EAAE,GAAG,EAAE,OAAO,CAAC,CAAA;QACrD,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YACvB,SAAQ;QACV,CAAC;QACD,MAAM,CAAC,GAAG,GAAG,GAAG,QAAQ,CAAA;QACxB,4EAA4E;QAC5E,wEAAwE;QACxE,SAAS;QACT,IAAI,MAAM,GAAG,WAAW,CAAA;QACxB,KAAK,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,KAAK,EAAE,CAAC;YACrC,MAAM,CAAC,GAAG,CAAC,IAAI,GAAG,OAAO,CAAC,GAAG,WAAW,CAAA;YACxC,IAAI,CAAC,GAAG,aAAa,EAAE,CAAC;gBACtB,MAAM,IAAI,CAAC,CAAA;gBACX,SAAQ;YACV,CAAC;YACD,MAAM,KAAK,GAAG,GAAG,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,KAAK,CAAA;YAC3C,IAAI,KAAK,KAAK,CAAC,EAAE,CAAC;gBAChB,MAAM,IAAI,CAAC,CAAA;gBACX,SAAQ;YACV,CAAC;YACD,GAAG,CAAC,SAAS,GAAG,WAAW,CAAC,MAAM,CAAC,IAAI,SAAS,CAAA;YAChD,GAAG,CAAC,IAAI,EAAE,CAAA;YACV,2EAA2E;YAC3E,wDAAwD;YACxD,GAAG,CAAC,SAAS,CAAC,CAAC,EAAE,MAAM,CAAC,CAAA;YACxB,GAAG,CAAC,KAAK,CAAC,QAAQ,GAAG,KAAK,EAAE,CAAC,GAAG,SAAS,CAAC,CAAA;YAC1C,GAAG,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;YAC1B,GAAG,CAAC,OAAO,EAAE,CAAA;YACb,MAAM,IAAI,CAAC,CAAA;QACb,CAAC;IACH,CAAC;AACH,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,cAAc,CAAC,EAC7B,KAAK,EACL,GAAG,EACH,KAAK,EACL,OAAO,EACP,OAAO,GAAG,CAAC,EACX,KAAK,EACL,cAAc,EACd,kBAAkB,EAClB,0BAA0B,GAW3B;IACC,MAAM,EACJ,SAAS,EACT,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,WAAW,EAAE,gBAAgB,EAC7B,QAAQ,EACR,SAAS,EACT,eAAe,EACf,kBAAkB,GACnB,GAAG,KAAK,CAAA;IACT,MAAM,EACJ,EAAE,EACF,IAAI,EACJ,MAAM,EAAE,WAAW,EACnB,QAAQ,EACR,iBAAiB,EACjB,IAAI,GACL,GAAG,KAAK,CAAC,KAAK,CAAA;IACf,MAAM,UAAU,GAAG,kBAAkB,IAAI,SAAS,CAAA;IAClD,MAAM,CAAC,GAAG,0BAA0B,IAAI,kBAAkB,CAAA;IAC1D,MAAM,SAAS,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAA;IAE5C,GAAG,CAAC,cAAc,EAAE,CAAA;IACpB,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;IACf,GAAG,CAAC,SAAS,CAAC,CAAC,OAAO,EAAE,OAAO,CAAC,CAAA;IAEhC,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,KAAK,EAAE,CAAC;YACX,oBAAoB,CAAC;gBACnB,GAAG;gBACH,MAAM,EAAE,cAAc,CAAC,KAAK,EAAE,EAAE,CAAC;gBACjC,KAAK,EAAE,QAAQ,IAAI,MAAM;gBACzB,QAAQ;gBACR,WAAW;gBACX,OAAO;gBACP,SAAS,EAAE,UAAU;aACtB,CAAC,CAAA;YACF,MAAK;QACP,CAAC;QACD,KAAK,MAAM,EAAE,CAAC;YACZ,gBAAgB,CAAC;gBACf,GAAG;gBACH,QAAQ;gBACR,WAAW,EAAE,gBAAgB;gBAC7B,OAAO,EAAE,eAAe;gBACxB,SAAS;gBACT,QAAQ;gBACR,WAAW;gBACX,OAAO;gBACP,SAAS,EAAE,UAAU;aACtB,CAAC,CAAA;YACF,MAAK;QACP,CAAC;QACD,KAAK,MAAM,EAAE,CAAC;YACZ,GAAG,CAAC,SAAS,GAAG,QAAQ,CAAA;YACxB,WAAW,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAA;YAC1B,oBAAoB,CAAC;gBACnB,GAAG;gBACH,IAAI;gBACJ,WAAW,EAAE,iBAAiB,IAAI,gBAAgB;gBAClD,cAAc;gBACd,OAAO;gBACP,SAAS;gBACT,QAAQ;gBACR,SAAS;gBACT,OAAO;gBACP,SAAS,EAAE,UAAU;aACtB,CAAC,CAAA;YACF,MAAK;QACP,CAAC;IACH,CAAC;IAED,GAAG,CAAC,cAAc,EAAE,CAAA;AACtB,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,eAAe,CAAC,EAC9B,KAAK,EACL,GAAG,EACH,OAAO,EACP,cAAc,EACd,KAAK,EACL,kBAAkB,EAClB,0BAA0B,GAS3B;IACC,IAAI,QAAQ,GAAG,CAAC,CAAA;IAChB,KAAK,MAAM,KAAK,IAAI,KAAK,CAAC,cAAc,EAAE,CAAC;QACzC,cAAc,CAAC;YACb,KAAK;YACL,GAAG;YACH,KAAK;YACL,OAAO;YACP,OAAO,EAAE,QAAQ;YACjB,KAAK;YACL,cAAc;YACd,kBAAkB;YAClB,0BAA0B;SAC3B,CAAC,CAAA;QACF,QAAQ,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM,CAAA;IAChC,CAAC;AACH,CAAC"}
+{"version":3,"file":"drawTracks.js","sourceRoot":"","sources":["../../../src/components/tracks/drawTracks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAA;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAQ3D,MAAM,UAAU,oBAAoB,CAAC,EACnC,GAAG,EACH,MAAM,EACN,KAAK,EACL,QAAQ,EACR,WAAW,EACX,OAAO,EACP,SAAS,GASV;IACC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,eAAe,CAAC;QACvC,OAAO;QACP,UAAU,EAAE,SAAS;QACrB,QAAQ;KACT,CAAC,CAAA;IAEF,GAAG,CAAC,SAAS,GAAG,KAAK,CAAA;IACrB,KAAK,IAAI,CAAC,GAAG,MAAM,EAAE,CAAC,GAAG,IAAI,IAAI,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;QACxD,MAAM,KAAK,GAAG,MAAM,CAAC,CAAC,CAAE,CAAA;QACxB,MAAM,SAAS,GAAG,KAAK,GAAG,WAAW,CAAA;QACrC,MAAM,CAAC,GAAG,CAAC,GAAG,QAAQ,CAAA;QACtB,GAAG,CAAC,QAAQ,CAAC,CAAC,EAAE,WAAW,GAAG,SAAS,EAAE,QAAQ,EAAE,SAAS,CAAC,CAAA;IAC/D,CAAC;AACH,CAAC;AAED,gFAAgF;AAChF,yBAAyB;AACzB,MAAM,UAAU,cAAc,CAAC,KAAmB,EAAE,OAAe;IACjE,MAAM,QAAQ,GAAG,KAAK,CAAC,kBAAkB,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,MAAM,CAAA;IAC9D,IAAI,QAAQ,EAAE,CAAC;QACb,OAAO,QAAQ,CAAA;IACjB,CAAC;IACD,OAAO,OAAO,KAAK,uBAAuB;QACxC,CAAC,CAAC,KAAK,CAAC,oBAAoB;QAC5B,CAAC,CAAC,KAAK,CAAC,YAAY,CAAA;AACxB,CAAC;AAED,gFAAgF;AAChF,8DAA8D;AAC9D,MAAM,UAAU,QAAQ,CAAC,EACvB,GAAG,EACH,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,WAAW,EACX,OAAO,EACP,SAAS,GASV;IACC,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,CAAC;QAClB,OAAM;IACR,CAAC;IACD,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,eAAe,CAAC;QACvC,OAAO;QACP,UAAU,EAAE,SAAS;QACrB,QAAQ;KACT,CAAC,CAAA;IACF,IAAI,OAAO,GAAG,CAAC,CAAA;IACf,KAAK,MAAM,GAAG,IAAI,IAAI,EAAE,CAAC;QACvB,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,KAAK,CAAC,CAAA;IAClD,CAAC;IACD,iEAAiE;IACjE,MAAM,QAAQ,GAAG,WAAW,GAAG,CAAC,CAAA;IAChC,GAAG,CAAC,SAAS,GAAG,CAAC,CAAA;IACjB,KAAK,MAAM,GAAG,IAAI,IAAI,EAAE,CAAC;QACvB,0EAA0E;QAC1E,IAAI,GAAG,CAAC,GAAG,GAAG,MAAM,IAAI,GAAG,CAAC,KAAK,GAAG,IAAI,EAAE,CAAC;YACzC,SAAQ;QACV,CAAC;QACD,MAAM,EAAE,GAAG,CAAC,GAAG,CAAC,KAAK,GAAG,GAAG,CAAC,GAAG,QAAQ,CAAA;QACvC,MAAM,EAAE,GAAG,CAAC,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,QAAQ,CAAA;QACrC,MAAM,IAAI,GAAG,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,KAAK,CAAC,GAAG,OAAO,CAAC,CAAA;QAClE,GAAG,CAAC,WAAW,GAAG,GAAG,CAAC,KAAK,IAAI,KAAK,CAAA;QACpC,GAAG,CAAC,SAAS,EAAE,CAAA;QACf,GAAG,CAAC,MAAM,CAAC,EAAE,EAAE,WAAW,CAAC,CAAA;QAC3B,GAAG,CAAC,gBAAgB,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,EAAE,WAAW,GAAG,CAAC,GAAG,IAAI,EAAE,EAAE,EAAE,WAAW,CAAC,CAAA;QAC5E,GAAG,CAAC,MAAM,EAAE,CAAA;IACd,CAAC;AACH,CAAC;AAED,MAAM,UAAU,oBAAoB,CAAC,EACnC,GAAG,EACH,IAAI,EACJ,WAAW,EACX,YAAY,EACZ,OAAO,EACP,WAAW,EACX,QAAQ,EACR,SAAS,EACT,OAAO,EACP,SAAS,GAYV;IACC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,eAAe,CAAC;QACvC,OAAO;QACP,UAAU,EAAE,SAAS;QACrB,QAAQ;KACT,CAAC,CAAA;IACF,MAAM,GAAG,GAAG,IAAI,EAAE,KAAK,CAAC,MAAM,EAAE,IAAI,CAAC,CAAA;IAErC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,GAAG,IAAI,CAAC,GAAG,GAAG,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;QAC3C,MAAM,MAAM,GAAG,GAAG,CAAC,CAAC,CAAE,CAAA;QACtB,MAAM,KAAK,GAAG,MAAM,CAAC,WAAW,EAAE,CAAA;QAClC,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;QACrD,MAAM,CAAC,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC,GAAG,QAAQ,CAAA;QACjC,IAAI,IAAI,EAAE,CAAC;YACT,GAAG,CAAC,SAAS,GAAG,IAAI,CAAA;YACpB,GAAG,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,QAAQ,EAAE,SAAS,CAAC,CAAA;QACzC,CAAC;QACD,IAAI,WAAW,EAAE,CAAC;YAChB,GAAG,CAAC,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC,CAAA;YAClC,GAAG,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC,GAAG,QAAQ,GAAG,CAAC,EAAE,SAAS,GAAG,CAAC,CAAC,CAAA;QACvD,CAAC;IACH,CAAC;AACH,CAAC;AAED,qEAAqE;AACrE,MAAM,UAAU,SAAS,CAAC,QAAgB,EAAE,SAAS,GAAG,EAAE;IACxD,IAAI,IAAI,GAAG,CAAC,CAAA;IACZ,MAAM,SAAS,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;IAC3B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,IAAI,GAAG,QAAQ,GAAG,SAAS,EAAE,CAAC,EAAE,EAAE,CAAC;QACjD,IAAI,GAAG,SAAS,CAAC,CAAC,GAAG,CAAC,CAAE,GAAG,EAAE,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,CAAA;IACpD,CAAC;IACD,OAAO,IAAI,CAAA;AACb,CAAC;AAED,MAAM,eAAe,GAAG,EAAE,CAAA;AAC1B,MAAM,WAAW,GAAG,CAAC,CAAA;AAErB,MAAM,UAAU,eAAe,CAAC,EAC9B,GAAG,EACH,UAAU,EACV,KAAK,EACL,SAAS,EACT,QAAQ,EACR,WAAW,EACX,OAAO,EACP,SAAS,GAUV;IACC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,eAAe,CAAC;QACvC,OAAO;QACP,UAAU,EAAE,SAAS;QACrB,QAAQ;KACT,CAAC,CAAA;IACF,MAAM,IAAI,GAAG,SAAS,CAAC,QAAQ,CAAC,CAAA;IAChC,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,UAAU,CAAC,CAAA;IACtC,WAAW,CAAC,GAAG,EAAE,eAAe,CAAC,CAAA;IACjC,GAAG,CAAC,SAAS,GAAG,QAAQ,CAAA;IACxB,GAAG,CAAC,YAAY,GAAG,YAAY,CAAA;IAC/B,GAAG,CAAC,SAAS,GAAG,SAAS,CAAA;IACzB,GAAG,CAAC,WAAW,GAAG,SAAS,CAAA;IAC3B,GAAG,CAAC,SAAS,GAAG,CAAC,CAAA;IAEjB,KAAK,IAAI,GAAG,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,GAAG,IAAI,EAAE,GAAG,GAAG,GAAG,EAAE,GAAG,IAAI,IAAI,EAAE,CAAC;QACvE,MAAM,IAAI,GAAG,KAAK,CAAC,GAAG,CAAC,CAAA;QACvB,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;YACvB,SAAQ;QACV,CAAC;QACD,MAAM,CAAC,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,QAAQ,CAAA;QAChC,GAAG,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC,EAAE,WAAW,GAAG,WAAW,GAAG,CAAC,CAAC,CAAA;QACpD,GAAG,CAAC,SAAS,EAAE,CAAA;QACf,GAAG,CAAC,MAAM,CAAC,CAAC,EAAE,WAAW,GAAG,WAAW,CAAC,CAAA;QACxC,GAAG,CAAC,MAAM,CAAC,CAAC,EAAE,WAAW,CAAC,CAAA;QAC1B,GAAG,CAAC,MAAM,EAAE,CAAA;IACd,CAAC;AACH,CAAC;AAED,6EAA6E;AAC7E,+EAA+E;AAC/E,8EAA8E;AAC9E,sCAAsC;AACtC,MAAM,gBAAgB,GAAG,IAAI,CAAA;AAC7B,MAAM,aAAa,GAAG,CAAC,CAAA;AAEvB,MAAM,UAAU,gBAAgB,CAAC,EAC/B,GAAG,EACH,QAAQ,EACR,WAAW,EACX,OAAO,EACP,SAAS,EACT,QAAQ,EACR,WAAW,EACX,OAAO,EACP,SAAS,GAWV;IACC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,eAAe,CAAC;QACvC,OAAO;QACP,UAAU,EAAE,SAAS;QACrB,QAAQ;KACT,CAAC,CAAA;IACF,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,QAAQ,CAAC,UAAU,CAAC,CAAA;IAE/C,8EAA8E;IAC9E,yCAAyC;IACzC,MAAM,iBAAiB,GAAG,WAAW,CAAA;IACrC,WAAW,CAAC,GAAG,EAAE,iBAAiB,CAAC,CAAA;IACnC,GAAG,CAAC,SAAS,GAAG,MAAM,CAAA;IACtB,GAAG,CAAC,YAAY,GAAG,YAAY,CAAA;IAC/B,MAAM,SAAS,GAAG,iBAAiB,GAAG,gBAAgB,CAAA;IAEtD,KAAK,IAAI,GAAG,GAAG,MAAM,EAAE,GAAG,GAAG,GAAG,EAAE,GAAG,EAAE,EAAE,CAAC;QACxC,MAAM,KAAK,GAAG,eAAe,CAAC,QAAQ,EAAE,GAAG,EAAE,OAAO,CAAC,CAAA;QACrD,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YACvB,SAAQ;QACV,CAAC;QACD,MAAM,CAAC,GAAG,GAAG,GAAG,QAAQ,CAAA;QACxB,6DAA6D;QAC7D,IAAI,MAAM,GAAG,WAAW,CAAA;QACxB,KAAK,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,KAAK,EAAE,CAAC;YACrC,MAAM,CAAC,GAAG,CAAC,IAAI,GAAG,OAAO,CAAC,GAAG,WAAW,CAAA;YACxC,IAAI,CAAC,GAAG,aAAa,EAAE,CAAC;gBACtB,MAAM,IAAI,CAAC,CAAA;gBACX,SAAQ;YACV,CAAC;YACD,MAAM,KAAK,GAAG,GAAG,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,KAAK,CAAA;YAC3C,IAAI,KAAK,KAAK,CAAC,EAAE,CAAC;gBAChB,MAAM,IAAI,CAAC,CAAA;gBACX,SAAQ;YACV,CAAC;YACD,GAAG,CAAC,SAAS,GAAG,WAAW,CAAC,MAAM,CAAC,IAAI,SAAS,CAAA;YAChD,GAAG,CAAC,IAAI,EAAE,CAAA;YACV,2EAA2E;YAC3E,wDAAwD;YACxD,GAAG,CAAC,SAAS,CAAC,CAAC,EAAE,MAAM,CAAC,CAAA;YACxB,GAAG,CAAC,KAAK,CAAC,QAAQ,GAAG,KAAK,EAAE,CAAC,GAAG,SAAS,CAAC,CAAA;YAC1C,GAAG,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;YAC1B,GAAG,CAAC,OAAO,EAAE,CAAA;YACb,MAAM,IAAI,CAAC,CAAA;QACb,CAAC;IACH,CAAC;AACH,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,cAAc,CAAC,EAC7B,KAAK,EACL,GAAG,EACH,KAAK,EACL,OAAO,EACP,OAAO,GAAG,CAAC,EACX,KAAK,EACL,kBAAkB,EAClB,0BAA0B,GAU3B;IACC,MAAM,EACJ,SAAS,EACT,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,WAAW,EAAE,gBAAgB,EAC7B,QAAQ,EACR,SAAS,EACT,cAAc,EACd,eAAe,EACf,kBAAkB,GACnB,GAAG,KAAK,CAAA;IACT,MAAM,EACJ,EAAE,EACF,IAAI,EACJ,MAAM,EAAE,WAAW,EACnB,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,iBAAiB,EACjB,IAAI,GACL,GAAG,KAAK,CAAC,KAAK,CAAA;IACf,MAAM,UAAU,GAAG,kBAAkB,IAAI,SAAS,CAAA;IAClD,MAAM,CAAC,GAAG,0BAA0B,IAAI,kBAAkB,CAAA;IAC1D,MAAM,SAAS,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAA;IAE5C,GAAG,CAAC,cAAc,EAAE,CAAA;IACpB,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;IACf,GAAG,CAAC,SAAS,CAAC,CAAC,OAAO,EAAE,OAAO,CAAC,CAAA;IAEhC,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,KAAK,EAAE,CAAC;YACX,oBAAoB,CAAC;gBACnB,GAAG;gBACH,MAAM,EAAE,cAAc,CAAC,KAAK,EAAE,EAAE,CAAC;gBACjC,KAAK,EAAE,QAAQ,IAAI,MAAM;gBACzB,QAAQ;gBACR,WAAW;gBACX,OAAO;gBACP,SAAS,EAAE,UAAU;aACtB,CAAC,CAAA;YACF,MAAK;QACP,CAAC;QACD,KAAK,KAAK,EAAE,CAAC;YACX,QAAQ,CAAC;gBACP,GAAG;gBACH,IAAI;gBACJ,KAAK,EAAE,QAAQ,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;gBAC7C,QAAQ;gBACR,WAAW;gBACX,OAAO;gBACP,SAAS,EAAE,UAAU;aACtB,CAAC,CAAA;YACF,MAAK;QACP,CAAC;QACD,KAAK,MAAM,EAAE,CAAC;YACZ,gBAAgB,CAAC;gBACf,GAAG;gBACH,QAAQ;gBACR,WAAW,EAAE,gBAAgB;gBAC7B,OAAO,EAAE,eAAe;gBACxB,SAAS;gBACT,QAAQ;gBACR,WAAW;gBACX,OAAO;gBACP,SAAS,EAAE,UAAU;aACtB,CAAC,CAAA;YACF,MAAK;QACP,CAAC;QACD,KAAK,OAAO,EAAE,CAAC;YACb,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,GAAG,KAAK,CAAA;YACxC,eAAe,CAAC;gBACd,GAAG;gBACH,UAAU;gBACV,8DAA8D;gBAC9D,KAAK,EAAE,UAAU;oBACf,CAAC,CAAC,GAAG,CAAC,EAAE;wBACJ,MAAM,GAAG,GAAG,KAAK,CAAC,0BAA0B,CAAC,UAAU,EAAE,GAAG,CAAC,CAAA;wBAC7D,OAAO,GAAG,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,GAAG,EAAE,CAAA;oBACjD,CAAC;oBACH,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,GAAG,GAAG,CAAC,EAAE;gBACvB,SAAS;gBACT,QAAQ;gBACR,WAAW;gBACX,OAAO;gBACP,SAAS,EAAE,UAAU;aACtB,CAAC,CAAA;YACF,MAAK;QACP,CAAC;QACD,KAAK,MAAM,EAAE,CAAC;YACZ,GAAG,CAAC,SAAS,GAAG,QAAQ,CAAA;YACxB,GAAG,CAAC,YAAY,GAAG,QAAQ,CAAA;YAC3B,WAAW,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAA;YAC1B,oBAAoB,CAAC;gBACnB,GAAG;gBACH,IAAI;gBACJ,WAAW,EAAE,iBAAiB,IAAI,gBAAgB;gBAClD,YAAY,EAAE,cAAc,CAAC,KAAK,CAAC;gBACnC,OAAO;gBACP,WAAW,EAAE,cAAc;gBAC3B,QAAQ;gBACR,SAAS;gBACT,OAAO;gBACP,SAAS,EAAE,UAAU;aACtB,CAAC,CAAA;YACF,MAAK;QACP,CAAC;IACH,CAAC;IAED,GAAG,CAAC,cAAc,EAAE,CAAA;AACtB,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,eAAe,CAAC,EAC9B,KAAK,EACL,GAAG,EACH,OAAO,EACP,KAAK,EACL,kBAAkB,EAClB,0BAA0B,GAQ3B;IACC,IAAI,QAAQ,GAAG,CAAC,CAAA;IAChB,KAAK,MAAM,KAAK,IAAI,KAAK,CAAC,cAAc,EAAE,CAAC;QACzC,cAAc,CAAC;YACb,KAAK;YACL,GAAG;YACH,KAAK;YACL,OAAO;YACP,OAAO,EAAE,QAAQ;YACjB,KAAK;YACL,kBAAkB;YAClB,0BAA0B;SAC3B,CAAC,CAAA;QACF,QAAQ,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM,CAAA;IAChC,CAAC;AACH,CAAC"}

package/dist/components/tracks/useTrackHover.d.ts

@@ -0,0 +1,22 @@
+import type { MsaViewModel } from '../../model.ts';
+import type React from 'react';
+/**
+ * Translates pointer events over a track's row into the hovered column and a
+ * tooltip anchor. The track shares the alignment's columns, so hovering it sets
+ * the model's mouse column too and the alignment's hover band follows along.
+ *
+ * `tooltip` off skips the anchor, so a track whose tooltip is turned off still
+ * drives the hover band without re-rendering on every mouse move.
+ */
+export declare function useTrackHover({ model, tooltip, }: {
+    model: MsaViewModel;
+    tooltip: boolean;
+}): {
+    hover: {
+        col: number;
+        x: number;
+        y: number;
+    } | undefined;
+    onMouseMove: (event: React.MouseEvent, el: HTMLElement) => void;
+    onMouseLeave: () => void;
+};

package/dist/components/tracks/useTrackHover.js

@@ -0,0 +1,30 @@
+import { useState } from 'react';
+/**
+ * Translates pointer events over a track's row into the hovered column and a
+ * tooltip anchor. The track shares the alignment's columns, so hovering it sets
+ * the model's mouse column too and the alignment's hover band follows along.
+ *
+ * `tooltip` off skips the anchor, so a track whose tooltip is turned off still
+ * drives the hover band without re-rendering on every mouse move.
+ */
+export function useTrackHover({ model, tooltip, }) {
+    const [hover, setHover] = useState();
+    // the blocks are laid out in column space and scrolled by a transform on
+    // their container, so the pointer's column comes off the untransformed row
+    function onMouseMove(event, el) {
+        const { colWidth, scrollX, numColumns } = model;
+        const { left } = el.getBoundingClientRect();
+        const col = Math.floor((event.clientX - left - scrollX) / colWidth);
+        const hit = col >= 0 && col < numColumns;
+        model.setMousePos(hit ? col : undefined, undefined);
+        if (tooltip) {
+            setHover(hit ? { col, x: event.clientX, y: event.clientY } : undefined);
+        }
+    }
+    function onMouseLeave() {
+        setHover(undefined);
+        model.setMousePos(undefined, undefined);
+    }
+    return { hover: tooltip ? hover : undefined, onMouseMove, onMouseLeave };
+}
+//# sourceMappingURL=useTrackHover.js.map

package/dist/components/tracks/useTrackHover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTrackHover.js","sourceRoot":"","sources":["../../../src/components/tracks/useTrackHover.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAKhC;;;;;;;GAOG;AACH,MAAM,UAAU,aAAa,CAAC,EAC5B,KAAK,EACL,OAAO,GAIR;IACC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,EAAyC,CAAA;IAE3E,yEAAyE;IACzE,2EAA2E;IAC3E,SAAS,WAAW,CAAC,KAAuB,EAAE,EAAe;QAC3D,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,UAAU,EAAE,GAAG,KAAK,CAAA;QAC/C,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC,qBAAqB,EAAE,CAAA;QAC3C,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,OAAO,GAAG,IAAI,GAAG,OAAO,CAAC,GAAG,QAAQ,CAAC,CAAA;QACnE,MAAM,GAAG,GAAG,GAAG,IAAI,CAAC,IAAI,GAAG,GAAG,UAAU,CAAA;QACxC,KAAK,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,EAAE,SAAS,CAAC,CAAA;QACnD,IAAI,OAAO,EAAE,CAAC;YACZ,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAA;QACzE,CAAC;IACH,CAAC;IAED,SAAS,YAAY;QACnB,QAAQ,CAAC,SAAS,CAAC,CAAA;QACnB,KAAK,CAAC,WAAW,CAAC,SAAS,EAAE,SAAS,CAAC,CAAA;IACzC,CAAC;IAED,OAAO,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,EAAE,WAAW,EAAE,YAAY,EAAE,CAAA;AAC1E,CAAC"}

package/dist/components/tree/CladeLabels.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { MsaViewModel } from '../../model.ts';
+/**
+ * The label of each bracket, in the gutter beside its bar, where the canvas
+ * draws the bar itself. The text is DOM text, turned on its side for a clade
+ * shorter than the font, the way the strip headers are; the SVG export draws
+ * the same labels with a `rotate(-90)`.
+ */
+declare const CladeLabels: ({ model }: {
+    model: MsaViewModel;
+}) => React.JSX.Element | null;
+export default CladeLabels;

package/dist/components/tree/CladeLabels.js

@@ -0,0 +1,48 @@
+import React from 'react';
+import { useTheme } from '@mui/material';
+import { observer } from 'mobx-react';
+import { bracketGap, cladeHeight, cladeInGutter, cladeLabelHorizontal, cladeLabelOffset, } from './cladeBrackets.js';
+/**
+ * The label of each bracket, in the gutter beside its bar, where the canvas
+ * draws the bar itself. The text is DOM text, turned on its side for a clade
+ * shorter than the font, the way the strip headers are; the SVG export draws
+ * the same labels with a `rotate(-90)`.
+ */
+const CladeLabels = observer(function ({ model }) {
+    const { resolvedClades, cladeGutterWidth, rowHeight, treeAreaWidth, fontSize, } = model;
+    const theme = useTheme();
+    if (cladeGutterWidth === 0) {
+        return null;
+    }
+    const gutterLeft = treeAreaWidth - cladeGutterWidth;
+    return (React.createElement(React.Fragment, null, resolvedClades.map((clade, index) => {
+        const { label, markColor, rows } = clade;
+        if (!label || !cladeInGutter(clade)) {
+            return null;
+        }
+        const left = gutterLeft + cladeLabelOffset(clade);
+        const horizontal = cladeLabelHorizontal(clade, rowHeight, fontSize);
+        return (React.createElement("div", { key: `${rows[0]}-${rows[1]}-${index}`, title: label, style: {
+                position: 'absolute',
+                left,
+                top: rows[0] * rowHeight,
+                width: treeAreaWidth - left - bracketGap,
+                height: cladeHeight(clade, rowHeight),
+                display: 'flex',
+                alignItems: 'center',
+                color: markColor ?? theme.palette.text.primary,
+                fontSize,
+                overflow: 'hidden',
+                textOverflow: 'ellipsis',
+                whiteSpace: 'nowrap',
+                pointerEvents: 'none',
+                // vertical-rl reads top to bottom, and the half turn makes it
+                // read upwards, which is what rotate(-90) exports
+                ...(horizontal
+                    ? {}
+                    : { writingMode: 'vertical-rl', transform: 'rotate(180deg)' }),
+            } }, label));
+    })));
+});
+export default CladeLabels;
+//# sourceMappingURL=CladeLabels.js.map

package/dist/components/tree/CladeLabels.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CladeLabels.js","sourceRoot":"","sources":["../../../src/components/tree/CladeLabels.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAErC,OAAO,EACL,UAAU,EACV,WAAW,EACX,aAAa,EACb,oBAAoB,EACpB,gBAAgB,GACjB,MAAM,oBAAoB,CAAA;AAI3B;;;;;GAKG;AACH,MAAM,WAAW,GAAG,QAAQ,CAAC,UAAU,EAAE,KAAK,EAA2B;IACvE,MAAM,EACJ,cAAc,EACd,gBAAgB,EAChB,SAAS,EACT,aAAa,EACb,QAAQ,GACT,GAAG,KAAK,CAAA;IACT,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,IAAI,gBAAgB,KAAK,CAAC,EAAE,CAAC;QAC3B,OAAO,IAAI,CAAA;IACb,CAAC;IACD,MAAM,UAAU,GAAG,aAAa,GAAG,gBAAgB,CAAA;IACnD,OAAO,CACL,0CACG,cAAc,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;QACnC,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,KAAK,CAAA;QACxC,IAAI,CAAC,KAAK,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,EAAE,CAAC;YACpC,OAAO,IAAI,CAAA;QACb,CAAC;QACD,MAAM,IAAI,GAAG,UAAU,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAA;QACjD,MAAM,UAAU,GAAG,oBAAoB,CAAC,KAAK,EAAE,SAAS,EAAE,QAAQ,CAAC,CAAA;QACnE,OAAO,CACL,6BACE,GAAG,EAAE,GAAG,IAAI,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,KAAK,EAAE,EACrC,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE;gBACL,QAAQ,EAAE,UAAU;gBACpB,IAAI;gBACJ,GAAG,EAAE,IAAI,CAAC,CAAC,CAAC,GAAG,SAAS;gBACxB,KAAK,EAAE,aAAa,GAAG,IAAI,GAAG,UAAU;gBACxC,MAAM,EAAE,WAAW,CAAC,KAAK,EAAE,SAAS,CAAC;gBACrC,OAAO,EAAE,MAAM;gBACf,UAAU,EAAE,QAAQ;gBACpB,KAAK,EAAE,SAAS,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;gBAC9C,QAAQ;gBACR,QAAQ,EAAE,QAAQ;gBAClB,YAAY,EAAE,UAAU;gBACxB,UAAU,EAAE,QAAQ;gBACpB,aAAa,EAAE,MAAM;gBACrB,8DAA8D;gBAC9D,kDAAkD;gBAClD,GAAG,CAAC,UAAU;oBACZ,CAAC,CAAC,EAAE;oBACJ,CAAC,CAAC,EAAE,WAAW,EAAE,aAAa,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC;aACjE,IAEA,KAAK,CACF,CACP,CAAA;IACH,CAAC,CAAC,CACD,CACJ,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,WAAW,CAAA"}