react-cheminfo 0.9.0 → 0.11.0

package/lib/chart/ui/chartStyles.js

@@ -0,0 +1,154 @@
+/**
+ * Every rule the frame and its axes are drawn with.
+ *
+ * A frame is the one part of a figure the reader is not meant to notice, so
+ * the whole domain's visual decision fits in this file: three weights of line
+ * and one colour of text. Grid rules take the faintest border token, the rule
+ * at zero takes the strong one held back, and the axis line takes it outright
+ * — a ramp the eye reads as depth rather than as three unrelated greys.
+ *
+ * The room numbers live here too. They are what makes a chart with no titles
+ * give its plot back the forty pixels it was reserving for words nobody asked
+ * for, and keeping them beside the type sizes is what keeps the two in step.
+ */
+/** Room kept around the plot before either axis asks for any of its own. */
+export const CHART_BASE_MARGINS = {
+    top: 10,
+    right: 12,
+    bottom: 8,
+    left: 10,
+};
+/** Room a set of tick marks and their labels needs, outside the plot. */
+export const CHART_TICK_ROOM = { bottom: 22, left: 32 };
+/** Room an axis title needs, beyond whatever its ticks already took. */
+export const CHART_TITLE_ROOM = { bottom: 18, left: 16 };
+/** How far a tick mark reaches out of the plot, in pixels. */
+export const CHART_TICK_LENGTH = 4;
+/** Baseline of a horizontal tick label, below the bottom of the plot. */
+export const CHART_TICK_LABEL_OFFSET = 15;
+/** How far a vertical tick label ends before the left of the plot. */
+export const CHART_TICK_LABEL_INSET = 8;
+/** Baseline of an axis title, past the room its ticks took. */
+export const CHART_TITLE_OFFSET = 13;
+/**
+ * How much room one edge of the plot gives up.
+ *
+ * An inner cell of a pair grid keeps its grid and drops its ticks, and a
+ * figure that names its axes in a caption drops its titles; both get the
+ * pixels back rather than framing the plot with empty margin. An axis whose
+ * labels were divided by a power of ten always keeps its title room even
+ * unnamed, because without the factor written down the labels read as the
+ * wrong number entirely.
+ * @param side - Which edge, since a column of numbers is wider than a row.
+ * @param spec - How the axis on that edge was asked for.
+ * @param scale - The axis as it was niced, for the power of ten it lifted.
+ * @returns The margin, in pixels.
+ */
+export function chartOuterRoom(side, spec, scale) {
+    const { label, showTicks = true } = spec;
+    const named = (label !== undefined && label !== '') || scale.exponent !== 0;
+    const ticks = showTicks ? CHART_TICK_ROOM[side] : 0;
+    return (CHART_BASE_MARGINS[side] + ticks + (named ? CHART_TITLE_ROOM[side] : 0));
+}
+/**
+ * The rectangle the data is drawn in.
+ *
+ * Both sides are clamped rather than trusted. A chart in a collapsed panel is
+ * measured at nothing before it is measured properly, and a plot of minus
+ * eighty pixels would reach the DOM as an invalid `rect` and take the figure
+ * down with it.
+ * @param width - Total width of the figure, in pixels.
+ * @param height - Total height.
+ * @param margins - What the caller insists on, over the rest.
+ * @param outer - What the two written edges asked for, from
+ * {@link chartOuterRoom}.
+ * @param outer.bottom - Room the horizontal axis asked for below the plot.
+ * @param outer.left - Room the vertical axis asked for beside it.
+ * @returns The plot rectangle.
+ */
+export function chartPlotArea(width, height, margins, outer) {
+    const top = margins.top ?? CHART_BASE_MARGINS.top;
+    const right = margins.right ?? CHART_BASE_MARGINS.right;
+    const left = margins.left ?? outer.left;
+    const plotWidth = Math.max(0, width - left - right);
+    const plotHeight = Math.max(0, height - top - (margins.bottom ?? outer.bottom));
+    return {
+        left,
+        top,
+        right: left + plotWidth,
+        bottom: top + plotHeight,
+        width: plotWidth,
+        height: plotHeight,
+    };
+}
+/**
+ * The block a figure occupies, which the floating chrome is positioned
+ * against.
+ * @param width - Total width, in pixels.
+ * @param height - Total height.
+ * @returns The wrapper's rules.
+ */
+export function chartFrameStyle(width, height) {
+    return {
+        position: 'relative',
+        width: Math.max(0, width),
+        height: Math.max(0, height),
+    };
+}
+/**
+ * The drawing surface, which fills the block exactly.
+ *
+ * It paints outside its own box on purpose: an axis title sitting on the last
+ * pixel of the margin would otherwise lose its descenders to the viewport
+ * edge, and a clipped `y` is a typographic bug nobody can explain.
+ */
+export const CHART_SVG_STYLE = {
+    display: 'block',
+    overflow: 'visible',
+};
+/** A rule across the plot at one tick, drawn under everything. */
+export const CHART_GRID_STYLE = {
+    stroke: 'var(--border)',
+    strokeWidth: 1,
+    shapeRendering: 'crispEdges',
+};
+/**
+ * The rule at zero, which is what separates a positive loading from a
+ * negative one at a glance and so outweighs the grid without becoming an axis.
+ */
+export const CHART_ZERO_RULE_STYLE = {
+    stroke: 'var(--border-strong)',
+    strokeWidth: 1,
+    strokeOpacity: 0.6,
+    shapeRendering: 'crispEdges',
+};
+/** The line along the edge the axis is written on. */
+export const CHART_AXIS_LINE_STYLE = {
+    stroke: 'var(--border-strong)',
+    strokeWidth: 1,
+    shapeRendering: 'crispEdges',
+};
+/** The stub outside the plot that ties a label to its value. */
+export const CHART_TICK_MARK_STYLE = {
+    stroke: 'var(--border-strong)',
+    strokeWidth: 1,
+    shapeRendering: 'crispEdges',
+};
+/**
+ * One tick written out. The figures are tabular so that a column of them on a
+ * vertical axis lines up on the decimal point instead of wandering.
+ */
+export const CHART_TICK_LABEL_STYLE = {
+    fill: 'var(--text-muted)',
+    fontSize: 11,
+    fontVariantNumeric: 'tabular-nums',
+    userSelect: 'none',
+};
+/** What the axis measures, and any power of ten its labels were divided by. */
+export const CHART_AXIS_TITLE_STYLE = {
+    fill: 'var(--text-muted)',
+    fontSize: 12,
+    fontWeight: 500,
+    userSelect: 'none',
+};
+//# sourceMappingURL=chartStyles.js.map

package/lib/chart/ui/chartStyles.js.map

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

package/lib/chart/ui/index.d.ts

@@ -0,0 +1,20 @@
+/**
+ * The SVG frame a figure is drawn in, and the two charts that report what the
+ * pointer is over: a band chart for measurements on a grid, a stick chart for
+ * a list of peaks picked off one.
+ */
+export type { ChartAxisProps } from './ChartAxis.tsx';
+export type { WheelZoomApi, WheelZoomOptions } from './useWheelZoom.ts';
+export { CHART_WHEEL_DWELL, useWheelZoom } from './useWheelZoom.ts';
+export { ChartAxis } from './ChartAxis.tsx';
+export type { ChartAxisSpec, ChartFrameProps, ChartFrameRender, ChartMargins, ChartPlotArea, } from './ChartFrame.tsx';
+export { ChartFrame } from './ChartFrame.tsx';
+export type { ChartSeriesMarksProps } from './ChartSeriesMarks.tsx';
+export { ChartSeriesMarks } from './ChartSeriesMarks.tsx';
+export type { ChartTrackingLayerProps } from './ChartTrackingLayer.tsx';
+export { ChartTrackingLayer } from './ChartTrackingLayer.tsx';
+export type { ChartSeries, ChartSeriesKind, ChartTrackEvent, TrackedLineChartProps, } from './TrackedLineChart.tsx';
+export { TrackedLineChart } from './TrackedLineChart.tsx';
+export type { ChartStickSeries, TrackedStickChartProps, } from './TrackedStickChart.tsx';
+export { TrackedStickChart } from './TrackedStickChart.tsx';
+//# sourceMappingURL=index.d.ts.map

package/lib/chart/ui/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/chart/ui/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,YAAY,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACtD,YAAY,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AACxE,OAAO,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACpE,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,YAAY,EACV,aAAa,EACb,eAAe,EACf,gBAAgB,EAChB,YAAY,EACZ,aAAa,GACd,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,YAAY,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC1D,YAAY,EAAE,uBAAuB,EAAE,MAAM,0BAA0B,CAAC;AACxE,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAC9D,YAAY,EACV,WAAW,EACX,eAAe,EACf,eAAe,EACf,qBAAqB,GACtB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC1D,YAAY,EACV,gBAAgB,EAChB,sBAAsB,GACvB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC"}

package/lib/chart/ui/index.js

@@ -0,0 +1,13 @@
+/**
+ * The SVG frame a figure is drawn in, and the two charts that report what the
+ * pointer is over: a band chart for measurements on a grid, a stick chart for
+ * a list of peaks picked off one.
+ */
+export { CHART_WHEEL_DWELL, useWheelZoom } from "./useWheelZoom.js";
+export { ChartAxis } from "./ChartAxis.js";
+export { ChartFrame } from "./ChartFrame.js";
+export { ChartSeriesMarks } from "./ChartSeriesMarks.js";
+export { ChartTrackingLayer } from "./ChartTrackingLayer.js";
+export { TrackedLineChart } from "./TrackedLineChart.js";
+export { TrackedStickChart } from "./TrackedStickChart.js";
+//# sourceMappingURL=index.js.map

package/lib/chart/ui/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/chart/ui/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH,OAAO,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACpE,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAiB,CAAC;AAQ5C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAkB,CAAC;AAE9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAwB,CAAC;AAE1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAA0B,CAAC;AAO9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAwB,CAAC;AAK1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAyB,CAAC"}

package/lib/chart/ui/stickChartModel.d.ts

@@ -0,0 +1,99 @@
+/**
+ * The arithmetic behind a stick chart, worked out before React sees it: the
+ * one path a series becomes, the stretch of axis its peaks cover, and which
+ * peak a place on that axis is asking about.
+ *
+ * It is here rather than in the component because none of it is a component:
+ * a peak list is a pair of arrays and a scale, and every question asked of it
+ * can be answered, and tested, without a renderer.
+ */
+import type { ChartScale } from '../core/chartScale.ts';
+/** One set of sticks. */
+export interface ChartStickSeries {
+    /** A stable id, used as the React key and named in the tracking callback. */
+    id: string;
+    /** What the legend calls it, e.g. `PC 1`. */
+    label: string;
+    /** Where each stick ends, one value per measurement. */
+    values: ArrayLike<number>;
+    /**
+     * Where each stick starts. Without it a stick stands on the zero rule, which
+     * is what a loading is read from; with it the stick is the span between the
+     * two, which is how far along a component a measurement is pushed.
+     * @default undefined — every stick stands on zero
+     */
+    from?: ArrayLike<number>;
+    /** Its colour, normally from `chartSeriesColor`. */
+    color: string;
+    /**
+     * Whether it is drawn at all — what a legend entry switches.
+     * @default true
+     */
+    visible?: boolean;
+    /**
+     * Whether it is drawn faintly behind the rest, which is what the average
+     * sample is in a loadings panel.
+     * @default false
+     */
+    muted?: boolean;
+}
+/** What the geometry needs of a drawn frame: the two scales and the rectangle. */
+export interface StickFrame {
+    /** The rectangle to draw in. */
+    plot: {
+        top: number;
+        bottom: number;
+        left: number;
+        right: number;
+    };
+    /** Data to pixels, horizontally. */
+    x: ChartScale;
+    /** Data to pixels, vertically; its `factor` is negative. */
+    y: ChartScale;
+}
+/**
+ * One path holding every stick of a series.
+ * @param item - The series.
+ * @param positions - Where each measurement sits.
+ * @param frame - The rectangle and the two scales.
+ * @returns The `d` attribute, empty when nothing was finite.
+ */
+export declare function stickPath(item: ChartStickSeries, positions: readonly number[], frame: StickFrame): string;
+/**
+ * Where zero sits, which is what a stick stands on.
+ *
+ * The frame rules the plot at zero itself whenever the domain crosses it, so
+ * this only says where a stick's foot goes and never draws anything.
+ * @param frame - The rectangle and the two scales.
+ * @returns The pixel, clamped into the plot so a domain above zero still has a
+ * foot to stand on.
+ */
+export declare function zeroAt(frame: StickFrame): number;
+/**
+ * The measurement nearest a value on the axis.
+ * @param positions - Where each measurement sits, in order.
+ * @param value - Where the pointer is, in the axis' own units.
+ * @returns Its index, or -1 when there are none.
+ */
+export declare function nearestPosition(positions: readonly number[], value: number): number;
+/**
+ * The stretch of the axis the peaks cover.
+ * @param positions - Where each measurement sits.
+ * @returns The domain, padded so an edge peak is not drawn on the frame.
+ */
+export declare function spanOf(positions: readonly number[]): readonly [number, number];
+/**
+ * The vertical stretch the sticks need, zero among it.
+ * @param drawn - The visible series.
+ * @param count - How many measurements there are.
+ * @returns The domain.
+ */
+export declare function seriesDomain(drawn: readonly ChartStickSeries[], count: number): readonly [number, number];
+/**
+ * A pixel back to the value it stands for.
+ * @param scale - Data to pixels.
+ * @param pixel - Where the pointer is.
+ * @returns The value.
+ */
+export declare function valueAt(scale: ChartScale, pixel: number): number;
+//# sourceMappingURL=stickChartModel.d.ts.map

package/lib/chart/ui/stickChartModel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stickChartModel.d.ts","sourceRoot":"","sources":["../../../src/chart/ui/stickChartModel.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAOH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAExD,yBAAyB;AACzB,MAAM,WAAW,gBAAgB;IAC/B,6EAA6E;IAC7E,EAAE,EAAE,MAAM,CAAC;IACX,6CAA6C;IAC7C,KAAK,EAAE,MAAM,CAAC;IACd,wDAAwD;IACxD,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IAC1B;;;;;OAKG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IACzB,oDAAoD;IACpD,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AACD,kFAAkF;AAClF,MAAM,WAAW,UAAU;IACzB,gCAAgC;IAChC,IAAI,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;IACnE,oCAAoC;IACpC,CAAC,EAAE,UAAU,CAAC;IACd,4DAA4D;IAC5D,CAAC,EAAE,UAAU,CAAC;CACf;AAED;;;;;;GAMG;AACH,wBAAgB,SAAS,CACvB,IAAI,EAAE,gBAAgB,EACtB,SAAS,EAAE,SAAS,MAAM,EAAE,EAC5B,KAAK,EAAE,UAAU,GAChB,MAAM,CAiBR;AAmBD;;;;;;;;GAQG;AACH,wBAAgB,MAAM,CAAC,KAAK,EAAE,UAAU,GAAG,MAAM,CAKhD;AAED;;;;;GAKG;AACH,wBAAgB,eAAe,CAC7B,SAAS,EAAE,SAAS,MAAM,EAAE,EAC5B,KAAK,EAAE,MAAM,GACZ,MAAM,CAiBR;AAED;;;;GAIG;AACH,wBAAgB,MAAM,CACpB,SAAS,EAAE,SAAS,MAAM,EAAE,GAC3B,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,CAQ3B;AAED;;;;;GAKG;AACH,wBAAgB,YAAY,CAC1B,KAAK,EAAE,SAAS,gBAAgB,EAAE,EAClC,KAAK,EAAE,MAAM,GACZ,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,CAW3B;AAED;;;;;GAKG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAIhE"}

package/lib/chart/ui/stickChartModel.js

@@ -0,0 +1,140 @@
+/**
+ * The arithmetic behind a stick chart, worked out before React sees it: the
+ * one path a series becomes, the stretch of axis its peaks cover, and which
+ * peak a place on that axis is asking about.
+ *
+ * It is here rather than in the component because none of it is a component:
+ * a peak list is a pair of arrays and a scale, and every question asked of it
+ * can be answered, and tested, without a renderer.
+ */
+import { EMPTY_EXTENT, chartPadExtent, chartValuesExtent, } from "../core/chartExtent.js";
+/**
+ * One path holding every stick of a series.
+ * @param item - The series.
+ * @param positions - Where each measurement sits.
+ * @param frame - The rectangle and the two scales.
+ * @returns The `d` attribute, empty when nothing was finite.
+ */
+export function stickPath(item, positions, frame) {
+    const { x, y } = frame;
+    const foot = zeroAt(frame);
+    let path = '';
+    for (let index = 0; index < positions.length; index++) {
+        const at = positions[index];
+        const value = item.values[index];
+        if (at === undefined || value === undefined || !Number.isFinite(value)) {
+            continue;
+        }
+        const pixelX = round(x.offset + at * x.factor);
+        const top = round(y.offset + value * y.factor);
+        const start = item.from === undefined ? foot : startOf(item, index, y);
+        if (start === null || !Number.isFinite(top))
+            continue;
+        path += `M${pixelX} ${start}V${top}`;
+    }
+    return path;
+}
+/**
+ * Where a stick starts when the series says so.
+ * @param item - The series.
+ * @param index - Which measurement.
+ * @param y - Data to pixels, vertically.
+ * @returns The pixel, or `null` when the value is not a number.
+ */
+function startOf(item, index, y) {
+    const value = item.from?.[index];
+    if (value === undefined || !Number.isFinite(value))
+        return null;
+    return round(y.offset + value * y.factor);
+}
+/**
+ * Where zero sits, which is what a stick stands on.
+ *
+ * The frame rules the plot at zero itself whenever the domain crosses it, so
+ * this only says where a stick's foot goes and never draws anything.
+ * @param frame - The rectangle and the two scales.
+ * @returns The pixel, clamped into the plot so a domain above zero still has a
+ * foot to stand on.
+ */
+export function zeroAt(frame) {
+    const { plot, y } = frame;
+    const at = y.offset;
+    if (!Number.isFinite(at))
+        return plot.bottom;
+    return round(Math.min(plot.bottom, Math.max(plot.top, at)));
+}
+/**
+ * The measurement nearest a value on the axis.
+ * @param positions - Where each measurement sits, in order.
+ * @param value - Where the pointer is, in the axis' own units.
+ * @returns Its index, or -1 when there are none.
+ */
+export function nearestPosition(positions, value) {
+    const count = positions.length;
+    if (count === 0 || !Number.isFinite(value))
+        return -1;
+    let low = 0;
+    let high = count - 1;
+    while (low < high) {
+        const middle = (low + high) >> 1;
+        if (positions[middle] < value) {
+            low = middle + 1;
+        }
+        else {
+            high = middle;
+        }
+    }
+    const here = positions[low];
+    const previous = positions[low - 1];
+    if (previous === undefined)
+        return low;
+    return Math.abs(previous - value) <= Math.abs(here - value) ? low - 1 : low;
+}
+/**
+ * The stretch of the axis the peaks cover.
+ * @param positions - Where each measurement sits.
+ * @returns The domain, padded so an edge peak is not drawn on the frame.
+ */
+export function spanOf(positions) {
+    const { min, max } = chartValuesExtent(positions);
+    if (min > max)
+        return [0, 1];
+    // Not padded. The frame widens the domain to whole tick steps, which already
+    // leaves an edge peak off the frame, and a pad on top of that can push the
+    // lowest peak below a step — 206 padded to 199 nices to 0 rather than to
+    // 200, and a fifth of the width goes to masses the run never measured.
+    return min === max ? [min - 1, max + 1] : [min, max];
+}
+/**
+ * The vertical stretch the sticks need, zero among it.
+ * @param drawn - The visible series.
+ * @param count - How many measurements there are.
+ * @returns The domain.
+ */
+export function seriesDomain(drawn, count) {
+    let extent = EMPTY_EXTENT;
+    for (const item of drawn) {
+        extent = chartValuesExtent(item.values, { limit: count, into: extent });
+        if (item.from !== undefined) {
+            extent = chartValuesExtent(item.from, { limit: count, into: extent });
+        }
+    }
+    const range = chartPadExtent(extent);
+    // A stick is read from zero, so zero is on the chart whatever the values do.
+    return [Math.min(range.min, 0), Math.max(range.max, 0)];
+}
+/**
+ * A pixel back to the value it stands for.
+ * @param scale - Data to pixels.
+ * @param pixel - Where the pointer is.
+ * @returns The value.
+ */
+export function valueAt(scale, pixel) {
+    return scale.factor === 0
+        ? Number.NaN
+        : (pixel - scale.offset) / scale.factor;
+}
+function round(pixel) {
+    return Math.round(pixel * 10) / 10;
+}
+//# sourceMappingURL=stickChartModel.js.map

package/lib/chart/ui/stickChartModel.js.map

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

package/lib/chart/ui/useWheelZoom.d.ts

@@ -0,0 +1,69 @@
+import type { RefObject } from 'react';
+/** How long the pointer rests on a chart before its wheel is caught, in ms. */
+export declare const CHART_WHEEL_DWELL = 500;
+/** What {@link useWheelZoom} needs. */
+export interface WheelZoomOptions {
+    /**
+     * Whether the wheel is caught at all.
+     * @default true
+     */
+    enabled?: boolean;
+    /**
+     * How long the pointer has to rest over the chart first, in milliseconds.
+     * @default CHART_WHEEL_DWELL
+     */
+    delay?: number;
+    /**
+     * Share zoomed per pixel of wheel travel.
+     * @default CHART_WHEEL_SPEED
+     */
+    speed?: number;
+    /**
+     * Called for every wheel event the chart caught: how far across the element
+     * the pointer was and how far down it, each from 0 to 1, and how much wider
+     * the frame should become — above one for a scroll away from the reader,
+     * below it for one towards them.
+     *
+     * The position is a share rather than a pixel because the element the wheel
+     * is caught on is the plot rectangle itself, so a share is already the share
+     * of the axis, and the caller needs no second measurement to anchor the zoom
+     * on the value under the pointer.
+     */
+    onZoom: (alongX: number, alongY: number, factor: number) => void;
+}
+/** A chart's wheel, and whether it is being listened to yet. */
+export interface WheelZoomApi<T extends Element> {
+    /** Put on the element the wheel is caught over — the plot's own surface. */
+    ref: RefObject<T | null>;
+    /**
+     * Whether the wheel is being caught right now, for a figure that wants to
+     * say so.
+     */
+    armed: boolean;
+}
+/**
+ * The wheel, caught only once the pointer has stayed a while.
+ *
+ * A chart that zooms the instant the pointer crosses it is a chart that steals
+ * the page scroll, and a reader who was on their way past a figure to the
+ * paragraph under it does not forgive that. Asking for a modifier avoids the
+ * theft but costs every reader the discovery: nothing on the picture says to
+ * hold a key down, so most never find out the figure zooms at all.
+ *
+ * So the wheel is caught after a dwell, and every wheel event that arrives
+ * before the dwell is up both scrolls the page and pushes the dwell out again.
+ * A reader scrolling through the page never rests, so the figure never takes
+ * their scroll, however slowly they pass over it — and the momentum a trackpad
+ * keeps sending after the fingers lift holds it off for exactly as long as it
+ * lasts. A reader who came to look at the picture has already rested on it by
+ * the time they reach for the wheel, and pays nothing.
+ *
+ * The listener is attached by hand rather than through `onWheel`, because
+ * React registers that one on the root as passive: `preventDefault` inside a
+ * JSX wheel handler does nothing at all, and the page would scroll under the
+ * zoom.
+ * @param options - See {@link WheelZoomOptions}.
+ * @returns The gesture. See {@link WheelZoomApi}.
+ */
+export declare function useWheelZoom<T extends Element>(options: WheelZoomOptions): WheelZoomApi<T>;
+//# sourceMappingURL=useWheelZoom.d.ts.map

package/lib/chart/ui/useWheelZoom.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWheelZoom.d.ts","sourceRoot":"","sources":["../../../src/chart/ui/useWheelZoom.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,+EAA+E;AAC/E,eAAO,MAAM,iBAAiB,MAAM,CAAC;AAErC,uCAAuC;AACvC,MAAM,WAAW,gBAAgB;IAC/B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;;;;;;;OAUG;IACH,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CAClE;AAED,gEAAgE;AAChE,MAAM,WAAW,YAAY,CAAC,CAAC,SAAS,OAAO;IAC7C,4EAA4E;IAC5E,GAAG,EAAE,SAAS,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC;IACzB;;;OAGG;IACH,KAAK,EAAE,OAAO,CAAC;CAChB;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,YAAY,CAAC,CAAC,SAAS,OAAO,EAC5C,OAAO,EAAE,gBAAgB,GACxB,YAAY,CAAC,CAAC,CAAC,CAwFjB"}

package/lib/chart/ui/useWheelZoom.js

@@ -0,0 +1,122 @@
+import { useEffect, useLayoutEffect, useRef, useState } from 'react';
+import { CHART_WHEEL_SPEED, chartWheelFactor } from "../core/chartViewport.js";
+/** How long the pointer rests on a chart before its wheel is caught, in ms. */
+export const CHART_WHEEL_DWELL = 500;
+/**
+ * The wheel, caught only once the pointer has stayed a while.
+ *
+ * A chart that zooms the instant the pointer crosses it is a chart that steals
+ * the page scroll, and a reader who was on their way past a figure to the
+ * paragraph under it does not forgive that. Asking for a modifier avoids the
+ * theft but costs every reader the discovery: nothing on the picture says to
+ * hold a key down, so most never find out the figure zooms at all.
+ *
+ * So the wheel is caught after a dwell, and every wheel event that arrives
+ * before the dwell is up both scrolls the page and pushes the dwell out again.
+ * A reader scrolling through the page never rests, so the figure never takes
+ * their scroll, however slowly they pass over it — and the momentum a trackpad
+ * keeps sending after the fingers lift holds it off for exactly as long as it
+ * lasts. A reader who came to look at the picture has already rested on it by
+ * the time they reach for the wheel, and pays nothing.
+ *
+ * The listener is attached by hand rather than through `onWheel`, because
+ * React registers that one on the root as passive: `preventDefault` inside a
+ * JSX wheel handler does nothing at all, and the page would scroll under the
+ * zoom.
+ * @param options - See {@link WheelZoomOptions}.
+ * @returns The gesture. See {@link WheelZoomApi}.
+ */
+export function useWheelZoom(options) {
+    const { enabled = true, delay = CHART_WHEEL_DWELL, speed = CHART_WHEEL_SPEED, onZoom, } = options;
+    const ref = useRef(null);
+    const armedRef = useRef(false);
+    const [armed, setArmed] = useState(false);
+    // Held in a ref so the inline arrow every caller writes does not tear the
+    // listeners down and put them back on every render.
+    const zoom = useRef(onZoom);
+    useLayoutEffect(() => {
+        zoom.current = onZoom;
+    });
+    useEffect(() => {
+        const target = ref.current;
+        if (target === null || !enabled)
+            return undefined;
+        let timer = null;
+        function arm(state) {
+            armedRef.current = state;
+            setArmed(state);
+        }
+        function rest() {
+            if (timer !== null)
+                clearTimeout(timer);
+            timer = setTimeout(() => {
+                timer = null;
+                arm(true);
+            }, delay);
+        }
+        function forget() {
+            if (timer !== null)
+                clearTimeout(timer);
+            timer = null;
+            arm(false);
+        }
+        function enter() {
+            if (!armedRef.current)
+                rest();
+        }
+        // A pointer already resting over the plot when this was attached — a panel
+        // that has just been resized under it — never sends an enter event, so the
+        // dwell also starts on the first move that finds nothing pending. It must
+        // be the first: restarting it on every move would ask the reader to hold
+        // the pointer perfectly still, which is not what resting means.
+        function move() {
+            if (!armedRef.current && timer === null)
+                rest();
+        }
+        // An arrow rather than a declaration, and typed as the plain `Event` the
+        // element's own listener map hands it: a hoisted function would be told
+        // the target might still be null, since it could in principle run before
+        // the guard above.
+        const wheel = (event) => {
+            if (!(event instanceof WheelEvent))
+                return;
+            // A wheel with a button down belongs to the drag that claimed the
+            // pointer: moving the ground under a lasso would leave the outline
+            // pointing at rows nobody drew a ring around.
+            if (event.buttons !== 0)
+                return;
+            if (!armedRef.current) {
+                rest();
+                return;
+            }
+            event.preventDefault();
+            const box = target.getBoundingClientRect();
+            zoom.current(share(event.clientX - box.left, box.width), share(event.clientY - box.top, box.height), chartWheelFactor(event.deltaY, event.deltaMode, speed));
+        };
+        target.addEventListener('pointerenter', enter);
+        target.addEventListener('pointermove', move);
+        target.addEventListener('pointerleave', forget);
+        target.addEventListener('wheel', wheel, { passive: false });
+        return () => {
+            forget();
+            target.removeEventListener('pointerenter', enter);
+            target.removeEventListener('pointermove', move);
+            target.removeEventListener('pointerleave', forget);
+            target.removeEventListener('wheel', wheel);
+        };
+    }, [enabled, delay, speed]);
+    return { ref, armed: enabled && armed };
+}
+/**
+ * How far along a side a position sits, from 0 to 1.
+ * @param position - The position, in pixels from the near edge.
+ * @param size - The side's length.
+ * @returns The share. The middle of an element with no size, which is the only
+ * place a pointer can be said to be on one.
+ */
+function share(position, size) {
+    if (!(size > 0) || !Number.isFinite(position))
+        return 0.5;
+    return Math.min(1, Math.max(0, position / size));
+}
+//# sourceMappingURL=useWheelZoom.js.map

package/lib/chart/ui/useWheelZoom.js.map

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