react-cheminfo 0.8.0 → 0.10.0

package/lib/projection/ui/projectionTabStyles.js

@@ -0,0 +1,134 @@
+/**
+ * Every rule the tabs are drawn with.
+ *
+ * They are here rather than in each tab because the tabs have to read as one
+ * figure seen several ways: a panel title on "what differs" and the name over
+ * a bar on "how much each explains" are the same size and the same grey, or
+ * the reader meets what looks like two products in one viewer. Every colour is
+ * a family token, so a tab on any site of the family is that site's own grey.
+ *
+ * The numbers are the ones an embedded figure can afford. The viewer is a
+ * guest on somebody else's page, so nothing here reserves room for chrome that
+ * is not carrying information: the explanation is behind the question mark in
+ * the bar and the key floats on the picture, which leaves the tab itself
+ * spending its height on the figure alone.
+ */
+import { CHART_BASE_MARGINS, CHART_TICK_ROOM, CHART_TITLE_OFFSET, CHART_TITLE_ROOM, } from "../../chart/ui/chartStyles.js";
+/** Height a tab takes when the viewer does not say, and the least one panel gets. */
+export const PROJECTION_TAB_HEIGHT = 420;
+export const SMALLEST_PANEL = 110;
+/** Room the title over a panel takes, which the panel itself gives up. */
+export const PANEL_TITLE_ROOM = 18;
+/**
+ * Where the plot rectangle falls inside a figure whose two axes are both
+ * named, which is every scores map this viewer draws.
+ *
+ * It is the frame's own arithmetic repeated rather than measured, because the
+ * chrome that has to stay off the axis labels — the floating key — is laid out
+ * in HTML beside the drawing rather than inside it, and has nothing to measure
+ * until after it has been placed.
+ */
+export const PROJECTION_PLOT_ROOM = {
+    top: CHART_BASE_MARGINS.top,
+    right: CHART_BASE_MARGINS.right,
+    bottom: CHART_BASE_MARGINS.bottom +
+        CHART_TICK_ROOM.bottom +
+        CHART_TITLE_ROOM.bottom,
+    left: CHART_BASE_MARGINS.left + CHART_TICK_ROOM.left + CHART_TITLE_ROOM.left,
+};
+/**
+ * The rectangle the data is drawn in, as a layer of its own.
+ *
+ * Chrome placed in it is placed against the picture rather than against the
+ * figure's box, which is what keeps a floating key off the axis labels without
+ * either of them knowing about the other. It takes no pointer events: only the
+ * card inside it takes those back.
+ */
+export const PROJECTION_PLOT_AREA_STYLE = {
+    position: 'absolute',
+    top: PROJECTION_PLOT_ROOM.top,
+    right: PROJECTION_PLOT_ROOM.right,
+    bottom: PROJECTION_PLOT_ROOM.bottom,
+    left: PROJECTION_PLOT_ROOM.left,
+    pointerEvents: 'none',
+};
+/** A column of panels, tight enough that the stack reads as one figure. */
+export const STACK_STYLE = {
+    display: 'flex',
+    flexDirection: 'column',
+    gap: 2,
+};
+/**
+ * A panel's title.
+ *
+ * The swatch carries the component's colour and the words never do: the
+ * palette holds a yellow, and a yellow title on a white ground is a title
+ * nobody reads.
+ */
+export const PANEL_TITLE_STYLE = {
+    display: 'inline-flex',
+    alignItems: 'center',
+    gap: 5,
+    color: 'var(--text)',
+    fontSize: 11,
+    fontWeight: 600,
+};
+/** The square of colour in front of a panel's title or a bar's name. */
+export const SWATCH_STYLE = {
+    display: 'inline-block',
+    width: 9,
+    height: 9,
+    borderRadius: 2,
+};
+/**
+ * Everything, as a percentage.
+ *
+ * The shares tab draws its vertical axis from nothing to this rather than from
+ * 0 to 1, so its ticks read 0, 25, 50 … and a reader never has to multiply a
+ * fraction in their head to compare a bar with the sentence about it.
+ */
+export const WHOLE_SHARE = 100;
+/** Room under the shares plot for the component names and the caption below them. */
+export const SHARES_BOTTOM_ROOM = CHART_BASE_MARGINS.bottom + CHART_TICK_ROOM.bottom + CHART_TITLE_ROOM.bottom;
+/** Where the left edge of the shares plot falls, which its names are laid out from. */
+export const SHARES_LEFT_ROOM = CHART_BASE_MARGINS.left + CHART_TICK_ROOM.left + CHART_TITLE_ROOM.left;
+/** Where the right edge of the shares plot falls. */
+export const SHARES_RIGHT_ROOM = CHART_BASE_MARGINS.right;
+/** Baselines of a component's name and of the caption under the names. */
+export const SHARES_NAME_OFFSET = 15;
+export const SHARES_CAPTION_OFFSET = CHART_TICK_ROOM.bottom + CHART_TITLE_OFFSET;
+/** The layer the component names are written in, outside the frame's own clip. */
+export const AXIS_LAYER_STYLE = {
+    position: 'absolute',
+    inset: 0,
+    pointerEvents: 'none',
+};
+/** One component's name under its bar. */
+export const AXIS_NAME_STYLE = {
+    fill: 'var(--text-muted)',
+    fontSize: 11,
+    userSelect: 'none',
+};
+/** What the horizontal axis measures, written under the names. */
+export const AXIS_CAPTION_STYLE = {
+    fill: 'var(--text-muted)',
+    fontSize: 12,
+    fontWeight: 500,
+    userSelect: 'none',
+};
+/** The running total's own name, written at the right-hand end of its line. */
+export const TOTAL_LABEL_STYLE = {
+    fill: 'var(--text-muted)',
+    fontSize: 11,
+    fontWeight: 600,
+    userSelect: 'none',
+};
+/**
+ * How much one press of the target stepper moves it, in percentage points.
+ *
+ * The bar and the panel behind the cog step the same setting, so they step it
+ * by the same amount: a reader who nudges the target on one and then on the
+ * other must not find it moving in two different sizes.
+ */
+export const PROJECTION_SHARE_STEP = 5;
+//# sourceMappingURL=projectionTabStyles.js.map

package/lib/projection/ui/projectionTabStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"projectionTabStyles.js","sourceRoot":"","sources":["../../../src/projection/ui/projectionTabStyles.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAIH,OAAO,EACL,kBAAkB,EAClB,eAAe,EACf,kBAAkB,EAClB,gBAAgB,GACjB,MAAM,+BAA+B,CAAC;AACvC,qFAAqF;AACrF,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAG,CAAC;AACzC,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAC;AAElC,0EAA0E;AAC1E,MAAM,CAAC,MAAM,gBAAgB,GAAG,EAAE,CAAC;AAEnC;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG;IAClC,GAAG,EAAE,kBAAkB,CAAC,GAAG;IAC3B,KAAK,EAAE,kBAAkB,CAAC,KAAK;IAC/B,MAAM,EACJ,kBAAkB,CAAC,MAAM;QACzB,eAAe,CAAC,MAAM;QACtB,gBAAgB,CAAC,MAAM;IACzB,IAAI,EAAE,kBAAkB,CAAC,IAAI,GAAG,eAAe,CAAC,IAAI,GAAG,gBAAgB,CAAC,IAAI;CACpE,CAAC;AAEX;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,0BAA0B,GAAG;IACxC,QAAQ,EAAE,UAAU;IACpB,GAAG,EAAE,oBAAoB,CAAC,GAAG;IAC7B,KAAK,EAAE,oBAAoB,CAAC,KAAK;IACjC,MAAM,EAAE,oBAAoB,CAAC,MAAM;IACnC,IAAI,EAAE,oBAAoB,CAAC,IAAI;IAC/B,aAAa,EAAE,MAAM;CACW,CAAC;AAEnC,2EAA2E;AAC3E,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,GAAG,EAAE,CAAC;CAC0B,CAAC;AAEnC;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG;IAC/B,OAAO,EAAE,aAAa;IACtB,UAAU,EAAE,QAAQ;IACpB,GAAG,EAAE,CAAC;IACN,KAAK,EAAE,aAAa;IACpB,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE,GAAG;CACiB,CAAC;AAEnC,wEAAwE;AACxE,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,OAAO,EAAE,cAAc;IACvB,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,CAAC;IACT,YAAY,EAAE,CAAC;CACiB,CAAC;AAEnC;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAC;AAE/B,qFAAqF;AACrF,MAAM,CAAC,MAAM,kBAAkB,GAC7B,kBAAkB,CAAC,MAAM,GAAG,eAAe,CAAC,MAAM,GAAG,gBAAgB,CAAC,MAAM,CAAC;AAE/E,uFAAuF;AACvF,MAAM,CAAC,MAAM,gBAAgB,GAC3B,kBAAkB,CAAC,IAAI,GAAG,eAAe,CAAC,IAAI,GAAG,gBAAgB,CAAC,IAAI,CAAC;AAEzE,qDAAqD;AACrD,MAAM,CAAC,MAAM,iBAAiB,GAAG,kBAAkB,CAAC,KAAK,CAAC;AAE1D,0EAA0E;AAC1E,MAAM,CAAC,MAAM,kBAAkB,GAAG,EAAE,CAAC;AACrC,MAAM,CAAC,MAAM,qBAAqB,GAChC,eAAe,CAAC,MAAM,GAAG,kBAAkB,CAAC;AAE9C,kFAAkF;AAClF,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC9B,QAAQ,EAAE,UAAU;IACpB,KAAK,EAAE,CAAC;IACR,aAAa,EAAE,MAAM;CACW,CAAC;AAEnC,0CAA0C;AAC1C,MAAM,CAAC,MAAM,eAAe,GAAG;IAC7B,IAAI,EAAE,mBAAmB;IACzB,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE,MAAM;CACc,CAAC;AAEnC,kEAAkE;AAClE,MAAM,CAAC,MAAM,kBAAkB,GAAG;IAChC,IAAI,EAAE,mBAAmB;IACzB,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE,GAAG;IACf,UAAU,EAAE,MAAM;CACc,CAAC;AAEnC,+EAA+E;AAC/E,MAAM,CAAC,MAAM,iBAAiB,GAAG;IAC/B,IAAI,EAAE,mBAAmB;IACzB,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE,GAAG;IACf,UAAU,EAAE,MAAM;CACc,CAAC;AAEnC;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,CAAC"}

package/lib/projection/ui/projectionVariablesModel.d.ts

@@ -0,0 +1,104 @@
+/**
+ * What the "what differs" panels draw, worked out before React sees it: the
+ * series, the slot names, and the line reported as the pointer crosses a
+ * measurement. The readout is the part a caller integrates against, so it
+ * should be readable, and testable, without a renderer. What the tab *says*
+ * about the panels lives beside this, in `projectionVariablesWords.ts`.
+ */
+import type { ChartSeries } from '../../chart/ui/TrackedLineChart.tsx';
+import type { ChartStickSeries } from '../../chart/ui/TrackedStickChart.tsx';
+import type { LoadingProfile, LoadingProfiles } from '../core/loadingProfiles.ts';
+import type { ProjectionCopy } from '../core/projectionCopy.ts';
+/** Where the pointer is on the "what differs" tab, and what stands under it. */
+export interface ProjectionVariableTrack {
+    /** Which original measurement, from 0. */
+    index: number;
+    /** What it is called — a name, or a value written out with its unit. */
+    label: string;
+    /**
+     * Its position on a number line, e.g. 1650 for a wavenumber.
+     * @default undefined — the measurements are named and have no position
+     */
+    position?: number;
+    /** Every drawn component and its value there, in the order the panels are in. */
+    series: ReadonlyArray<{
+        /** Which component, from 0. */
+        axis: number;
+        /** What it is called, e.g. `PC 2`. */
+        name: string;
+        /** The colour it carries on every tab. */
+        color: string;
+        /** Its value at this measurement, in whatever the current view draws. */
+        value: number;
+    }>;
+    /** The line the tab writes, e.g. `1650 cm⁻¹ · PC 2 weight +0.081`. */
+    readout: string;
+}
+/**
+ * What the pointer is over, with its readout already written.
+ *
+ * The sign is written as a real minus sign and never dropped, because a weight
+ * of −0.63 and one of +0.63 are the two opposite ends of the same component
+ * and a readout that shows them alike is worse than no readout.
+ * @param built - The panels as they were built.
+ * @param slot - Which drawn slot the pointer entered.
+ * @param panel - Which panel it entered, since that names the component.
+ * @param format - How a number is written.
+ * @returns The track.
+ */
+export declare function variableTrack(built: LoadingProfiles, slot: number, panel: number, format: (value: number) => string): ProjectionVariableTrack;
+/**
+ * One panel's series: the faint average behind, then the component, then the
+ * component's other end where the view draws two.
+ * @param built - The panels as they were built.
+ * @param profile - The component this panel is for.
+ * @param bars - Whether it is drawn as bars from the zero line.
+ * @param average - Whether the average sample is drawn behind it.
+ * @param copy - The words the tab writes.
+ * @returns The series, in drawing order.
+ */
+export declare function panelSeries(built: LoadingProfiles, profile: LoadingProfile, bars: boolean, average: boolean, copy: ProjectionCopy): ChartSeries[];
+/**
+ * One panel's sticks, for measurements picked off a spectrum rather than
+ * sampled across one.
+ *
+ * The views part company from the line chart's here. A loading is a stick from
+ * the zero rule, up for the masses that make a score high and down for the
+ * ones that make it low, which is the drawing the panel exists for. The
+ * "effect" view cannot be two stick sets — they stand at the same masses, so
+ * the shorter one is hidden inside the taller and the reader sees one wrong
+ * spectrum — so it is one stick per peak spanning the two ends instead. That
+ * loses nothing: the two ends are symmetric about the average and share one
+ * colour on a line chart too, so what was being said was always the reach and
+ * never the direction.
+ * @param built - The panels as they were built.
+ * @param profile - The component this panel is for.
+ * @param average - Whether the average sample is drawn behind it.
+ * @param copy - The words the tab writes.
+ * @returns The series, in drawing order.
+ */
+export declare function panelSticks(built: LoadingProfiles, profile: LoadingProfile, average: boolean, copy: ProjectionCopy): ChartStickSeries[];
+/**
+ * What each drawn slot is called, in the panels' own order.
+ * @param built - The panels as they were built, or nothing at all.
+ * @returns One name per slot.
+ */
+export declare function namesOfSlots(built: LoadingProfiles | null): string[];
+/**
+ * What the axis writes under the slots it labels, in the panels' own order.
+ *
+ * A number line is written to the axis's own precision here — `879 cm⁻¹`
+ * under a tick — while the readout goes on naming the one slot the pointer is
+ * over in the values the caller handed in.
+ * @param built - The panels as they were built, or nothing at all.
+ * @returns One label per slot.
+ */
+export declare function ticksOfSlots(built: LoadingProfiles | null): string[];
+/**
+ * Three decimals with the trailing zeros dropped — what a readout writes when
+ * the caller does not say otherwise.
+ * @param value - The number.
+ * @returns It, written out.
+ */
+export declare function writeValue(value: number): string;
+//# sourceMappingURL=projectionVariablesModel.d.ts.map

package/lib/projection/ui/projectionVariablesModel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"projectionVariablesModel.d.ts","sourceRoot":"","sources":["../../../src/projection/ui/projectionVariablesModel.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qCAAqC,CAAC;AACvE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAC7E,OAAO,KAAK,EACV,cAAc,EACd,eAAe,EAChB,MAAM,4BAA4B,CAAC;AACpC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAGhE,gFAAgF;AAChF,MAAM,WAAW,uBAAuB;IACtC,0CAA0C;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,wEAAwE;IACxE,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iFAAiF;IACjF,MAAM,EAAE,aAAa,CAAC;QACpB,+BAA+B;QAC/B,IAAI,EAAE,MAAM,CAAC;QACb,sCAAsC;QACtC,IAAI,EAAE,MAAM,CAAC;QACb,0CAA0C;QAC1C,KAAK,EAAE,MAAM,CAAC;QACd,yEAAyE;QACzE,KAAK,EAAE,MAAM,CAAC;KACf,CAAC,CAAC;IACH,sEAAsE;IACtE,OAAO,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,aAAa,CAC3B,KAAK,EAAE,eAAe,EACtB,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,GAChC,uBAAuB,CAuBzB;AAED;;;;;;;;;GASG;AACH,wBAAgB,WAAW,CACzB,KAAK,EAAE,eAAe,EACtB,OAAO,EAAE,cAAc,EACvB,IAAI,EAAE,OAAO,EACb,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,cAAc,GACnB,WAAW,EAAE,CA2Bf;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,WAAW,CACzB,KAAK,EAAE,eAAe,EACtB,OAAO,EAAE,cAAc,EACvB,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,cAAc,GACnB,gBAAgB,EAAE,CAmBpB;AAED;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,eAAe,GAAG,IAAI,GAAG,MAAM,EAAE,CAEpE;AAED;;;;;;;;GAQG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,eAAe,GAAG,IAAI,GAAG,MAAM,EAAE,CAGpE;AAED;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAGhD"}

package/lib/projection/ui/projectionVariablesModel.js

@@ -0,0 +1,165 @@
+/**
+ * What the "what differs" panels draw, worked out before React sees it: the
+ * series, the slot names, and the line reported as the pointer crosses a
+ * measurement. The readout is the part a caller integrates against, so it
+ * should be readable, and testable, without a renderer. What the tab *says*
+ * about the panels lives beside this, in `projectionVariablesWords.ts`.
+ */
+import { variableDecimals, variableLabel } from "../core/variableAxis.js";
+/**
+ * What the pointer is over, with its readout already written.
+ *
+ * The sign is written as a real minus sign and never dropped, because a weight
+ * of −0.63 and one of +0.63 are the two opposite ends of the same component
+ * and a readout that shows them alike is worse than no readout.
+ * @param built - The panels as they were built.
+ * @param slot - Which drawn slot the pointer entered.
+ * @param panel - Which panel it entered, since that names the component.
+ * @param format - How a number is written.
+ * @returns The track.
+ */
+export function variableTrack(built, slot, panel, format) {
+    const measurement = built.order[slot] ?? slot;
+    const label = variableLabel(built.axis, measurement);
+    const series = built.profiles.map((profile) => ({
+        axis: profile.index,
+        name: profile.label,
+        color: profile.color,
+        value: profile.values[slot] ?? Number.NaN,
+    }));
+    const here = built.profiles[panel];
+    const value = here?.values[slot] ?? Number.NaN;
+    const unit = built.valueLabel === '' ? '' : `${built.valueLabel.toLowerCase()} `;
+    return {
+        index: measurement,
+        label,
+        position: built.axis.kind === 'named' ? undefined : built.axis.values[measurement],
+        series,
+        readout: `${label} · ${here?.label ?? ''} ${unit}${signed(value, format)}`,
+    };
+}
+/**
+ * One panel's series: the faint average behind, then the component, then the
+ * component's other end where the view draws two.
+ * @param built - The panels as they were built.
+ * @param profile - The component this panel is for.
+ * @param bars - Whether it is drawn as bars from the zero line.
+ * @param average - Whether the average sample is drawn behind it.
+ * @param copy - The words the tab writes.
+ * @returns The series, in drawing order.
+ */
+export function panelSeries(built, profile, bars, average, copy) {
+    const series = [];
+    if (average && built.mean !== undefined) {
+        series.push({
+            id: 'average',
+            label: copy.help.showAverage.title,
+            values: built.mean,
+            color: 'var(--text-faint)',
+            muted: true,
+        });
+    }
+    series.push({
+        id: `component-${profile.index}`,
+        label: profile.label,
+        values: profile.values,
+        color: profile.color,
+        kind: bars ? 'bar' : 'line',
+    });
+    if (profile.secondValues !== undefined) {
+        series.push({
+            id: `component-${profile.index}-other`,
+            label: profile.label,
+            values: profile.secondValues,
+            color: profile.color,
+        });
+    }
+    return series;
+}
+/**
+ * One panel's sticks, for measurements picked off a spectrum rather than
+ * sampled across one.
+ *
+ * The views part company from the line chart's here. A loading is a stick from
+ * the zero rule, up for the masses that make a score high and down for the
+ * ones that make it low, which is the drawing the panel exists for. The
+ * "effect" view cannot be two stick sets — they stand at the same masses, so
+ * the shorter one is hidden inside the taller and the reader sees one wrong
+ * spectrum — so it is one stick per peak spanning the two ends instead. That
+ * loses nothing: the two ends are symmetric about the average and share one
+ * colour on a line chart too, so what was being said was always the reach and
+ * never the direction.
+ * @param built - The panels as they were built.
+ * @param profile - The component this panel is for.
+ * @param average - Whether the average sample is drawn behind it.
+ * @param copy - The words the tab writes.
+ * @returns The series, in drawing order.
+ */
+export function panelSticks(built, profile, average, copy) {
+    const series = [];
+    if (average && built.mean !== undefined) {
+        series.push({
+            id: 'average',
+            label: copy.help.showAverage.title,
+            values: built.mean,
+            color: 'var(--text-faint)',
+            muted: true,
+        });
+    }
+    series.push({
+        id: `component-${profile.index}`,
+        label: profile.label,
+        values: profile.values,
+        from: profile.secondValues,
+        color: profile.color,
+    });
+    return series;
+}
+/**
+ * What each drawn slot is called, in the panels' own order.
+ * @param built - The panels as they were built, or nothing at all.
+ * @returns One name per slot.
+ */
+export function namesOfSlots(built) {
+    return slotLabels(built, undefined);
+}
+/**
+ * What the axis writes under the slots it labels, in the panels' own order.
+ *
+ * A number line is written to the axis's own precision here — `879 cm⁻¹`
+ * under a tick — while the readout goes on naming the one slot the pointer is
+ * over in the values the caller handed in.
+ * @param built - The panels as they were built, or nothing at all.
+ * @returns One label per slot.
+ */
+export function ticksOfSlots(built) {
+    if (built === null)
+        return [];
+    return slotLabels(built, variableDecimals(built.axis));
+}
+/**
+ * Three decimals with the trailing zeros dropped — what a readout writes when
+ * the caller does not say otherwise.
+ * @param value - The number.
+ * @returns It, written out.
+ */
+export function writeValue(value) {
+    if (!Number.isFinite(value))
+        return '';
+    return String(Math.round(value * DECIMALS) / DECIMALS);
+}
+function slotLabels(built, decimals) {
+    if (built === null)
+        return [];
+    const labels = new Array(built.order.length);
+    for (let slot = 0; slot < built.order.length; slot++) {
+        labels[slot] = variableLabel(built.axis, built.order[slot] ?? slot, decimals);
+    }
+    return labels;
+}
+function signed(value, format) {
+    const sign = value < 0 ? '−' : '+';
+    return `${sign}${format(Math.abs(value))}`;
+}
+const DECIMALS = 1000;
+//# sourceMappingURL=projectionVariablesModel.js.map

package/lib/projection/ui/projectionVariablesModel.js.map

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

package/lib/projection/ui/projectionVariablesWords.d.ts

@@ -0,0 +1,50 @@
+/**
+ * What the "what differs" tab says about its own panels: the sentence over
+ * them, the key naming their colours, and the name under the horizontal axis.
+ *
+ * They are separated from what the panels draw because every one of them is a
+ * claim about the picture rather than part of it, and a claim is worth reading
+ * — and testing — on its own. A caption that promises bars over a panel of
+ * lines is a bug nobody sees in a series array.
+ */
+import type { OverlayLegendEntry } from '../../overlay/ui/OverlayLegend.tsx';
+import type { LoadingProfiles } from '../core/loadingProfiles.ts';
+import type { ProjectionCopy } from '../core/projectionCopy.ts';
+import type { VariableAxis } from '../core/variableAxis.ts';
+/**
+ * The tab's own sentence, which has to describe the view the reader is looking
+ * at and the shape it is drawn in.
+ *
+ * Both matter, and neither can stand in for the other. Two of the four views
+ * draw a sample profile as a line whatever the measurements are, so a sentence
+ * chosen from the axis alone promises bars over a panel of lines. The other two
+ * draw weights, and there the axis decides: named measurements become bars and
+ * a number line stays a line.
+ * @param built - The panels as they were built, for the view and the axis.
+ * @param copy - The words the tab writes.
+ * @returns The sentence.
+ */
+export declare function variablesCaption(built: LoadingProfiles, copy: ProjectionCopy): string;
+/**
+ * The sentence naming what colour and shape mean, which is the view's own.
+ * @param built - The panels as they were built.
+ * @param copy - The words the tab writes.
+ * @param sample - What the one selected sample is called.
+ * @returns The sentence.
+ */
+export declare function legendTitle(built: LoadingProfiles, copy: ProjectionCopy, sample: string): string;
+/**
+ * Every drawn component as a line, and the average as a grey dashed one.
+ * @param built - The panels as they were built.
+ * @param average - Whether the average sample is drawn.
+ * @param copy - The words the tab writes.
+ * @returns The entries, in the panels' own order.
+ */
+export declare function legendEntries(built: LoadingProfiles, average: boolean, copy: ProjectionCopy): OverlayLegendEntry[];
+/**
+ * What the horizontal axis measures, with its unit in brackets.
+ * @param axis - How the measurements are laid out.
+ * @returns The axis title.
+ */
+export declare function axisCaption(axis: VariableAxis): string;
+//# sourceMappingURL=projectionVariablesWords.d.ts.map

package/lib/projection/ui/projectionVariablesWords.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"projectionVariablesWords.d.ts","sourceRoot":"","sources":["../../../src/projection/ui/projectionVariablesWords.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AAC7E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAClE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAEhE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAE5D;;;;;;;;;;;;GAYG;AACH,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,eAAe,EACtB,IAAI,EAAE,cAAc,GACnB,MAAM,CAMR;AAED;;;;;;GAMG;AACH,wBAAgB,WAAW,CACzB,KAAK,EAAE,eAAe,EACtB,IAAI,EAAE,cAAc,EACpB,MAAM,EAAE,MAAM,GACb,MAAM,CAQR;AAED;;;;;;GAMG;AACH,wBAAgB,aAAa,CAC3B,KAAK,EAAE,eAAe,EACtB,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,cAAc,GACnB,kBAAkB,EAAE,CAgBtB;AAED;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,IAAI,EAAE,YAAY,GAAG,MAAM,CAItD"}

package/lib/projection/ui/projectionVariablesWords.js

@@ -0,0 +1,91 @@
+/**
+ * What the "what differs" tab says about its own panels: the sentence over
+ * them, the key naming their colours, and the name under the horizontal axis.
+ *
+ * They are separated from what the panels draw because every one of them is a
+ * claim about the picture rather than part of it, and a claim is worth reading
+ * — and testing — on its own. A caption that promises bars over a panel of
+ * lines is a bug nobody sees in a series array.
+ */
+import { fillCopy } from "../core/projectionCopy.js";
+/**
+ * The tab's own sentence, which has to describe the view the reader is looking
+ * at and the shape it is drawn in.
+ *
+ * Both matter, and neither can stand in for the other. Two of the four views
+ * draw a sample profile as a line whatever the measurements are, so a sentence
+ * chosen from the axis alone promises bars over a panel of lines. The other two
+ * draw weights, and there the axis decides: named measurements become bars and
+ * a number line stays a line.
+ * @param built - The panels as they were built, for the view and the axis.
+ * @param copy - The words the tab writes.
+ * @returns The sentence.
+ */
+export function variablesCaption(built, copy) {
+    const { axis, view } = built;
+    if (view === 'effect')
+        return copy.intro.variablesEffect;
+    if (view === 'sample')
+        return copy.intro.variablesSample;
+    if (axis.kind === 'named')
+        return copy.intro.variablesNamed;
+    return fillCopy(copy.intro.variablesContinuous, { axis: plural(axis.label) });
+}
+/**
+ * The sentence naming what colour and shape mean, which is the view's own.
+ * @param built - The panels as they were built.
+ * @param copy - The words the tab writes.
+ * @param sample - What the one selected sample is called.
+ * @returns The sentence.
+ */
+export function legendTitle(built, copy, sample) {
+    const { legend } = copy;
+    if (built.view === 'effect')
+        return legend.variablesEffect;
+    if (built.view === 'rescaled')
+        return legend.variablesRescaled;
+    if (built.view === 'sample') {
+        return fillCopy(legend.variablesSample, { sample });
+    }
+    return legend.variablesWeights;
+}
+/**
+ * Every drawn component as a line, and the average as a grey dashed one.
+ * @param built - The panels as they were built.
+ * @param average - Whether the average sample is drawn.
+ * @param copy - The words the tab writes.
+ * @returns The entries, in the panels' own order.
+ */
+export function legendEntries(built, average, copy) {
+    const entries = built.profiles.map((profile) => ({
+        id: `component-${profile.index}`,
+        label: profile.label,
+        color: profile.color,
+        shape: 'line',
+    }));
+    if (average) {
+        entries.push({
+            id: 'average',
+            label: copy.help.showAverage.title,
+            color: 'var(--text-faint)',
+            shape: 'dashed',
+        });
+    }
+    return entries;
+}
+/**
+ * What the horizontal axis measures, with its unit in brackets.
+ * @param axis - How the measurements are laid out.
+ * @returns The axis title.
+ */
+export function axisCaption(axis) {
+    if (axis.kind === 'named')
+        return axis.label ?? 'Measurement';
+    const unit = axis.unit ?? '';
+    return unit === '' ? axis.label : `${axis.label} (${unit})`;
+}
+function plural(word) {
+    const lower = word.toLowerCase();
+    return lower.endsWith('s') ? lower : `${lower}s`;
+}
+//# sourceMappingURL=projectionVariablesWords.js.map

package/lib/projection/ui/projectionVariablesWords.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"projectionVariablesWords.js","sourceRoot":"","sources":["../../../src/projection/ui/projectionVariablesWords.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAKH,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAGrD;;;;;;;;;;;;GAYG;AACH,MAAM,UAAU,gBAAgB,CAC9B,KAAsB,EACtB,IAAoB;IAEpB,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IAC7B,IAAI,IAAI,KAAK,QAAQ;QAAE,OAAO,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC;IACzD,IAAI,IAAI,KAAK,QAAQ;QAAE,OAAO,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC;IACzD,IAAI,IAAI,CAAC,IAAI,KAAK,OAAO;QAAE,OAAO,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC;IAC5D,OAAO,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,mBAAmB,EAAE,EAAE,IAAI,EAAE,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;AAChF,CAAC;AAED;;;;;;GAMG;AACH,MAAM,UAAU,WAAW,CACzB,KAAsB,EACtB,IAAoB,EACpB,MAAc;IAEd,MAAM,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;IACxB,IAAI,KAAK,CAAC,IAAI,KAAK,QAAQ;QAAE,OAAO,MAAM,CAAC,eAAe,CAAC;IAC3D,IAAI,KAAK,CAAC,IAAI,KAAK,UAAU;QAAE,OAAO,MAAM,CAAC,iBAAiB,CAAC;IAC/D,IAAI,KAAK,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;QAC5B,OAAO,QAAQ,CAAC,MAAM,CAAC,eAAe,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC;IACtD,CAAC;IACD,OAAO,MAAM,CAAC,gBAAgB,CAAC;AACjC,CAAC;AAED;;;;;;GAMG;AACH,MAAM,UAAU,aAAa,CAC3B,KAAsB,EACtB,OAAgB,EAChB,IAAoB;IAEpB,MAAM,OAAO,GAAyB,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;QACrE,EAAE,EAAE,aAAa,OAAO,CAAC,KAAK,EAAE;QAChC,KAAK,EAAE,OAAO,CAAC,KAAK;QACpB,KAAK,EAAE,OAAO,CAAC,KAAK;QACpB,KAAK,EAAE,MAAM;KACd,CAAC,CAAC,CAAC;IACJ,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,CAAC,IAAI,CAAC;YACX,EAAE,EAAE,SAAS;YACb,KAAK,EAAE,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK;YAClC,KAAK,EAAE,mBAAmB;YAC1B,KAAK,EAAE,QAAQ;SAChB,CAAC,CAAC;IACL,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,WAAW,CAAC,IAAkB;IAC5C,IAAI,IAAI,CAAC,IAAI,KAAK,OAAO;QAAE,OAAO,IAAI,CAAC,KAAK,IAAI,aAAa,CAAC;IAC9D,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,IAAI,EAAE,CAAC;IAC7B,OAAO,IAAI,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,KAAK,IAAI,GAAG,CAAC;AAC9D,CAAC;AAED,SAAS,MAAM,CAAC,IAAY;IAC1B,MAAM,KAAK,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC;IACjC,OAAO,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC;AACnD,CAAC"}

package/lib/projection/ui/projectionViewChoices.d.ts

@@ -0,0 +1,31 @@
+/**
+ * The four views of the "what differs" tab, and which of them a run can draw.
+ *
+ * The bar offers them and so does the panel behind the cog, and a list built
+ * twice is a list where one copy keeps offering a view the other has already
+ * learnt to grey out.
+ */
+import type { OverlayOption } from '../../overlay/ui/OverlayRow.tsx';
+import type { ProjectionCopy } from '../core/projectionCopy.ts';
+import type { ProjectionVariablesView } from '../core/projectionOptions.ts';
+/** Which of the four views the run has the data to draw. */
+export interface ProjectionVariablesAvailability {
+    /** Whether the run reported the average sample and how far each component reaches. */
+    canShowEffect: boolean;
+    /** Whether the model divided each measurement by its own spread. */
+    canRescale: boolean;
+    /** Whether exactly one sample is selected. */
+    canPickSample: boolean;
+}
+/**
+ * The four views, each greyed with its reason when the run cannot draw it.
+ *
+ * A view whose data the run never reported is greyed rather than dropped, with
+ * the reason on the choice itself: a reader who cannot see that "Weights in
+ * your units" exists never learns to ask their colleague for a scaled model.
+ * @param copy - The words the viewer writes.
+ * @param available - See {@link ProjectionVariablesAvailability}.
+ * @returns The choices, in the order they are offered.
+ */
+export declare function projectionViewChoices(copy: ProjectionCopy, available: ProjectionVariablesAvailability): ReadonlyArray<OverlayOption<ProjectionVariablesView>>;
+//# sourceMappingURL=projectionViewChoices.d.ts.map

package/lib/projection/ui/projectionViewChoices.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"projectionViewChoices.d.ts","sourceRoot":"","sources":["../../../src/projection/ui/projectionViewChoices.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAC;AACrE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAChE,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AAE5E,4DAA4D;AAC5D,MAAM,WAAW,+BAA+B;IAC9C,sFAAsF;IACtF,aAAa,EAAE,OAAO,CAAC;IACvB,oEAAoE;IACpE,UAAU,EAAE,OAAO,CAAC;IACpB,8CAA8C;IAC9C,aAAa,EAAE,OAAO,CAAC;CACxB;AAED;;;;;;;;;GASG;AACH,wBAAgB,qBAAqB,CACnC,IAAI,EAAE,cAAc,EACpB,SAAS,EAAE,+BAA+B,GACzC,aAAa,CAAC,aAAa,CAAC,uBAAuB,CAAC,CAAC,CAsBvD"}