react-cheminfo 0.14.0 → 0.16.0

package/lib/parallel/ui/parallelStyles.js

@@ -0,0 +1,131 @@
+/**
+ * Every rule the figure is drawn with.
+ *
+ * The library ships no stylesheet for a figure — a chart writes inline style
+ * objects, so a site that never renders one pays nothing and a site that does
+ * cannot forget to import a file. The two colours that are not fixed here, the
+ * axis ink and the band's, are resolved off the page by `parallelInk.ts` and
+ * written onto the elements, so an override applies to the canvas and to the
+ * markup alike.
+ */
+import { TOKEN } from "../../tokens/core/familyTokens.js";
+/** A layer covering the whole figure, stacked over the ones before it. */
+export const PARALLEL_LAYER_STYLE = {
+    position: 'absolute',
+    inset: 0,
+};
+/**
+ * The block the figure occupies, which every layer is positioned against.
+ * @param height - Total height of the figure, in pixels.
+ * @returns The wrapper's rules.
+ */
+export function parallelFigureStyle(height) {
+    return {
+        position: 'relative',
+        height: Math.max(0, height),
+        minWidth: 0,
+    };
+}
+/**
+ * One of the two canvases, stretched over the figure.
+ * @param height - Total height of the figure, in pixels.
+ * @returns The canvas's rules.
+ */
+export function parallelCanvasStyle(height) {
+    return {
+        ...PARALLEL_LAYER_STYLE,
+        width: '100%',
+        height: Math.max(0, height),
+    };
+}
+/** The drawing surface the axes, the bands and the pointer target live in. */
+export const PARALLEL_SVG_STYLE = {
+    ...PARALLEL_LAYER_STYLE,
+    display: 'block',
+    overflow: 'visible',
+};
+/**
+ * The layer the axis names sit in. It is HTML rather than SVG text so that a
+ * name can carry a tooltip, and it lets every pointer event through so that a
+ * brush started under a name still starts.
+ */
+export const PARALLEL_LABELS_STYLE = {
+    ...PARALLEL_LAYER_STYLE,
+    pointerEvents: 'none',
+};
+/**
+ * One axis name, centred over its axis and taking the pointer back.
+ * @param left - Where the axis stands, in pixels from the figure's left edge.
+ * @returns The name's rules.
+ */
+export function parallelLabelStyle(left) {
+    return {
+        position: 'absolute',
+        top: 2,
+        left,
+        transform: 'translateX(-50%)',
+        color: TOKEN.text,
+        fontSize: 11,
+        fontWeight: 600,
+        whiteSpace: 'nowrap',
+        pointerEvents: 'auto',
+    };
+}
+/** One tick written out, tabular so a column of them lines up on the point. */
+export const PARALLEL_TICK_LABEL_STYLE = {
+    fontSize: 10,
+    fontVariantNumeric: 'tabular-nums',
+    userSelect: 'none',
+};
+/** How far a tick mark reaches out of the axis, in pixels. */
+export const PARALLEL_TICK_LENGTH = 4;
+/** How far a tick label ends before its axis. */
+export const PARALLEL_TICK_LABEL_INSET = 7;
+/**
+ * The interval one brush keeps, filled in the site's own colour.
+ * @param ink - The colour to fill and outline it in.
+ * @returns The band's rules.
+ */
+export function parallelBandStyle(ink) {
+    return {
+        fill: ink,
+        fillOpacity: 0.16,
+        stroke: ink,
+        strokeOpacity: 0.55,
+    };
+}
+/**
+ * Either edge of a band, drawn so the reader can see it can be dragged.
+ * @param ink - The colour to draw it in.
+ * @returns The handle's rules.
+ */
+export function parallelHandleStyle(ink) {
+    return { fill: ink, fillOpacity: 0.9 };
+}
+/** How tall an edge handle is drawn, in pixels. */
+export const PARALLEL_HANDLE_HEIGHT = 3;
+/**
+ * The card over the row under the pointer.
+ * @param left - Where it sits, in pixels from the figure's left edge.
+ * @param top - Where it sits, in pixels from its top edge.
+ * @returns The card's rules.
+ */
+export function parallelTooltipStyle(left, top) {
+    return {
+        position: 'absolute',
+        zIndex: 5,
+        left,
+        top,
+        padding: '4px 8px',
+        borderRadius: 6,
+        background: TOKEN.text,
+        color: TOKEN.surface,
+        fontSize: 11,
+        fontVariantNumeric: 'tabular-nums',
+        lineHeight: 1.4,
+        pointerEvents: 'none',
+        whiteSpace: 'nowrap',
+        boxShadow: TOKEN.shadowMedium,
+    };
+}
+//# sourceMappingURL=parallelStyles.js.map

package/lib/parallel/ui/parallelStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"parallelStyles.js","sourceRoot":"","sources":["../../../src/parallel/ui/parallelStyles.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAIH,OAAO,EAAE,KAAK,EAAE,MAAM,mCAAmC,CAAC;AAE1D,0EAA0E;AAC1E,MAAM,CAAC,MAAM,oBAAoB,GAAG;IAClC,QAAQ,EAAE,UAAU;IACpB,KAAK,EAAE,CAAC;CACwB,CAAC;AAEnC;;;;GAIG;AACH,MAAM,UAAU,mBAAmB,CAAC,MAAc;IAChD,OAAO;QACL,QAAQ,EAAE,UAAU;QACpB,MAAM,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,CAAC;QAC3B,QAAQ,EAAE,CAAC;KACZ,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,mBAAmB,CAAC,MAAc;IAChD,OAAO;QACL,GAAG,oBAAoB;QACvB,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,CAAC;KAC5B,CAAC;AACJ,CAAC;AAED,8EAA8E;AAC9E,MAAM,CAAC,MAAM,kBAAkB,GAAG;IAChC,GAAG,oBAAoB;IACvB,OAAO,EAAE,OAAO;IAChB,QAAQ,EAAE,SAAS;CACa,CAAC;AAEnC;;;;GAIG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG;IACnC,GAAG,oBAAoB;IACvB,aAAa,EAAE,MAAM;CACW,CAAC;AAEnC;;;;GAIG;AACH,MAAM,UAAU,kBAAkB,CAAC,IAAY;IAC7C,OAAO;QACL,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,CAAC;QACN,IAAI;QACJ,SAAS,EAAE,kBAAkB;QAC7B,KAAK,EAAE,KAAK,CAAC,IAAI;QACjB,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,GAAG;QACf,UAAU,EAAE,QAAQ;QACpB,aAAa,EAAE,MAAM;KACtB,CAAC;AACJ,CAAC;AAED,+EAA+E;AAC/E,MAAM,CAAC,MAAM,yBAAyB,GAAG;IACvC,QAAQ,EAAE,EAAE;IACZ,kBAAkB,EAAE,cAAc;IAClC,UAAU,EAAE,MAAM;CACc,CAAC;AAEnC,8DAA8D;AAC9D,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,CAAC;AAEtC,iDAAiD;AACjD,MAAM,CAAC,MAAM,yBAAyB,GAAG,CAAC,CAAC;AAE3C;;;;GAIG;AACH,MAAM,UAAU,iBAAiB,CAAC,GAAW;IAC3C,OAAO;QACL,IAAI,EAAE,GAAG;QACT,WAAW,EAAE,IAAI;QACjB,MAAM,EAAE,GAAG;QACX,aAAa,EAAE,IAAI;KACpB,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,mBAAmB,CAAC,GAAW;IAC7C,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,WAAW,EAAE,GAAG,EAAE,CAAC;AACzC,CAAC;AAED,mDAAmD;AACnD,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,CAAC;AAExC;;;;;GAKG;AACH,MAAM,UAAU,oBAAoB,CAAC,IAAY,EAAE,GAAW;IAC5D,OAAO;QACL,QAAQ,EAAE,UAAU;QACpB,MAAM,EAAE,CAAC;QACT,IAAI;QACJ,GAAG;QACH,OAAO,EAAE,SAAS;QAClB,YAAY,EAAE,CAAC;QACf,UAAU,EAAE,KAAK,CAAC,IAAI;QACtB,KAAK,EAAE,KAAK,CAAC,OAAO;QACpB,QAAQ,EAAE,EAAE;QACZ,kBAAkB,EAAE,cAAc;QAClC,UAAU,EAAE,GAAG;QACf,aAAa,EAAE,MAAM;QACrB,UAAU,EAAE,QAAQ;QACpB,SAAS,EAAE,KAAK,CAAC,YAAY;KAC9B,CAAC;AACJ,CAAC"}

package/lib/parallel/ui/useParallelCanvas.d.ts

@@ -0,0 +1,49 @@
+/**
+ * The two canvases, and when they are repainted.
+ *
+ * Two rather than one, because the mass of lines changes when the data or the
+ * brushes do, while the row under the pointer changes on every frame the
+ * pointer moves. Repainting ten thousand lines to move one highlight is the
+ * difference between a figure that follows the pointer and one that lags it.
+ */
+import type { RefObject } from 'react';
+import type { ParallelAxisLayout } from '../core/parallelAxes.ts';
+import type { ParallelHighlight } from '../core/parallelPaint.ts';
+import type { ParallelInkValues } from './parallelInk.ts';
+/** What {@link useParallelCanvas} needs. */
+export interface ParallelCanvasOptions {
+    /** Total width of the figure, in CSS pixels. */
+    width: number;
+    /** Its total height. */
+    height: number;
+    /** The axes, from left to right. */
+    layouts: readonly ParallelAxisLayout[];
+    /** Each axis's column, in the same order. */
+    values: ReadonlyArray<ArrayLike<number>>;
+    /** How many rows are drawn. */
+    count: number;
+    /** Which rows the brushes keep, or `null` when they keep every one. */
+    included: Uint8Array | null;
+    /** Which colour each row takes, or `null` when nothing is colouring them. */
+    steps: Uint8Array | null;
+    /** The colours a step indexes. */
+    palette: readonly string[];
+    /** The rows drawn over the mass, the last one on top. */
+    highlights: readonly ParallelHighlight[];
+    /** The colours to paint with. */
+    ink: ParallelInkValues;
+}
+/** The two canvases a figure stacks. */
+export interface ParallelCanvases {
+    /** The mass of lines, underneath. */
+    lines: RefObject<HTMLCanvasElement | null>;
+    /** The singled-out rows, over them. */
+    marks: RefObject<HTMLCanvasElement | null>;
+}
+/**
+ * Keep both canvases sized to the device pixel grid and painted.
+ * @param options - See {@link ParallelCanvasOptions}.
+ * @returns The two refs to hand to the `<canvas>` elements.
+ */
+export declare function useParallelCanvas(options: ParallelCanvasOptions): ParallelCanvases;
+//# sourceMappingURL=useParallelCanvas.d.ts.map

package/lib/parallel/ui/useParallelCanvas.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useParallelCanvas.d.ts","sourceRoot":"","sources":["../../../src/parallel/ui/useParallelCanvas.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAClE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAOlE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAE1D,4CAA4C;AAC5C,MAAM,WAAW,qBAAqB;IACpC,gDAAgD;IAChD,KAAK,EAAE,MAAM,CAAC;IACd,wBAAwB;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,oCAAoC;IACpC,OAAO,EAAE,SAAS,kBAAkB,EAAE,CAAC;IACvC,6CAA6C;IAC7C,MAAM,EAAE,aAAa,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC;IACzC,+BAA+B;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,uEAAuE;IACvE,QAAQ,EAAE,UAAU,GAAG,IAAI,CAAC;IAC5B,6EAA6E;IAC7E,KAAK,EAAE,UAAU,GAAG,IAAI,CAAC;IACzB,kCAAkC;IAClC,OAAO,EAAE,SAAS,MAAM,EAAE,CAAC;IAC3B,yDAAyD;IACzD,UAAU,EAAE,SAAS,iBAAiB,EAAE,CAAC;IACzC,iCAAiC;IACjC,GAAG,EAAE,iBAAiB,CAAC;CACxB;AAED,wCAAwC;AACxC,MAAM,WAAW,gBAAgB;IAC/B,qCAAqC;IACrC,KAAK,EAAE,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC;IAC3C,uCAAuC;IACvC,KAAK,EAAE,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC;CAC5C;AAED;;;;GAIG;AACH,wBAAgB,iBAAiB,CAC/B,OAAO,EAAE,qBAAqB,GAC7B,gBAAgB,CA0ClB"}

package/lib/parallel/ui/useParallelCanvas.js

@@ -0,0 +1,58 @@
+/**
+ * The two canvases, and when they are repainted.
+ *
+ * Two rather than one, because the mass of lines changes when the data or the
+ * brushes do, while the row under the pointer changes on every frame the
+ * pointer moves. Repainting ten thousand lines to move one highlight is the
+ * difference between a figure that follows the pointer and one that lags it.
+ */
+import { useEffect, useRef } from 'react';
+import { paintParallelHighlights, paintParallelLines, preparePlotCanvas, } from "../core/parallelPaint.js";
+/**
+ * Keep both canvases sized to the device pixel grid and painted.
+ * @param options - See {@link ParallelCanvasOptions}.
+ * @returns The two refs to hand to the `<canvas>` elements.
+ */
+export function useParallelCanvas(options) {
+    const { width, height, layouts, values, count } = options;
+    const { included, steps, palette, highlights, ink } = options;
+    const lines = useRef(null);
+    const marks = useRef(null);
+    const { line, excluded, includedAlpha, halo } = ink;
+    useEffect(() => {
+        const context = preparePlotCanvas(lines.current, width, height);
+        if (context === null)
+            return;
+        paintParallelLines(context, {
+            layouts,
+            values,
+            count,
+            included,
+            steps,
+            palette,
+            line,
+            excluded,
+            includedAlpha,
+        });
+    }, [
+        width,
+        height,
+        layouts,
+        values,
+        count,
+        included,
+        steps,
+        palette,
+        line,
+        excluded,
+        includedAlpha,
+    ]);
+    useEffect(() => {
+        const context = preparePlotCanvas(marks.current, width, height);
+        if (context === null)
+            return;
+        paintParallelHighlights(context, { highlights, layouts, values, halo });
+    }, [width, height, highlights, layouts, values, halo]);
+    return { lines, marks };
+}
+//# sourceMappingURL=useParallelCanvas.js.map

package/lib/parallel/ui/useParallelCanvas.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useParallelCanvas.js","sourceRoot":"","sources":["../../../src/parallel/ui/useParallelCanvas.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAI1C,OAAO,EACL,uBAAuB,EACvB,kBAAkB,EAClB,iBAAiB,GAClB,MAAM,0BAA0B,CAAC;AAoClC;;;;GAIG;AACH,MAAM,UAAU,iBAAiB,CAC/B,OAA8B;IAE9B,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,OAAO,CAAC;IAC1D,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,UAAU,EAAE,GAAG,EAAE,GAAG,OAAO,CAAC;IAC9D,MAAM,KAAK,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IAC9C,MAAM,KAAK,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IAC9C,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,aAAa,EAAE,IAAI,EAAE,GAAG,GAAG,CAAC;IAEpD,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,OAAO,GAAG,iBAAiB,CAAC,KAAK,CAAC,OAAO,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;QAChE,IAAI,OAAO,KAAK,IAAI;YAAE,OAAO;QAC7B,kBAAkB,CAAC,OAAO,EAAE;YAC1B,OAAO;YACP,MAAM;YACN,KAAK;YACL,QAAQ;YACR,KAAK;YACL,OAAO;YACP,IAAI;YACJ,QAAQ;YACR,aAAa;SACd,CAAC,CAAC;IACL,CAAC,EAAE;QACD,KAAK;QACL,MAAM;QACN,OAAO;QACP,MAAM;QACN,KAAK;QACL,QAAQ;QACR,KAAK;QACL,OAAO;QACP,IAAI;QACJ,QAAQ;QACR,aAAa;KACd,CAAC,CAAC;IAEH,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,OAAO,GAAG,iBAAiB,CAAC,KAAK,CAAC,OAAO,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;QAChE,IAAI,OAAO,KAAK,IAAI;YAAE,OAAO;QAC7B,uBAAuB,CAAC,OAAO,EAAE,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;IAC1E,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC;IAEvD,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC;AAC1B,CAAC"}

package/lib/parallel/ui/useParallelGesture.d.ts

@@ -0,0 +1,67 @@
+/**
+ * One pointer over the whole figure, serving both the brush and the hover.
+ *
+ * A hook cannot be called inside a `map`, so a brush per axis would have to
+ * live in refs and be attached by hand; one surface that works out from the
+ * press which axis was grabbed has no such problem, and it gives the hover
+ * search the same once-a-frame coalescing the drag already pays for.
+ *
+ * The band follows the pointer live and the interval is reported on release
+ * only: a table filtering on the reported interval is asked to re-render once
+ * per gesture rather than sixty times a second.
+ */
+import type { MouseEvent as ReactMouseEvent } from 'react';
+import type { ScatterSurfaceProps } from '../../scatter/ui/lassoGesture.ts';
+import type { ParallelAxisLayout } from '../core/parallelAxes.ts';
+import type { ParallelBand } from '../core/parallelBrush.ts';
+import type { ParallelRange, ParallelRanges } from '../core/parallelTypes.ts';
+/** What {@link useParallelGesture} needs. */
+export interface ParallelGestureOptions {
+    /** The axes, from left to right. */
+    layouts: readonly ParallelAxisLayout[];
+    /** Each axis's column, in the same order. */
+    values: ReadonlyArray<ArrayLike<number>>;
+    /** How many rows are drawn. */
+    count: number;
+    /** Height of the drawing area, in pixels. */
+    innerHeight: number;
+    /** Which rows a brush keeps, so an excluded line cannot be pointed at. */
+    included: Uint8Array | null;
+    /** The intervals in force, whoever owns them. */
+    ranges: ParallelRanges;
+    /** Called when a brush is released, with the interval it keeps or `null`. */
+    onRangeChange: (axisId: string, range: ParallelRange | null) => void;
+    /** Called on every frame a band grows. */
+    onRangePreview?: ((axisId: string, range: ParallelRange | null) => void) | undefined;
+    /** The row the caller says is hovered, if it owns that. */
+    hovered?: number | undefined;
+    /** Called with the row under the pointer, or `-1`. */
+    onHoverChange?: ((index: number) => void) | undefined;
+    /** Called when a line is clicked, with the row, or `-1` for empty ground. */
+    onRowClick?: ((index: number) => void) | undefined;
+}
+/** The gesture, as the figure renders it. */
+export interface ParallelGesture {
+    /** Spread onto the transparent rectangle laid over the figure. */
+    surface: ScatterSurfaceProps;
+    /** Put on the same rectangle, for the click that picks a line. */
+    onClick: (event: ReactMouseEvent<Element>) => void;
+    /** The band to draw on each axis, the one being dragged included. */
+    bands: ReadonlyMap<string, ParallelBand>;
+    /** The row under the pointer, or `-1`. */
+    hovered: number;
+    /** Where the pointer is in the figure, or `null` when it is away. */
+    pointer: {
+        x: number;
+        y: number;
+    } | null;
+    /** Whether a band is being dragged right now. */
+    brushing: boolean;
+}
+/**
+ * The brush and the hover, over one surface.
+ * @param options - See {@link ParallelGestureOptions}.
+ * @returns The gesture. See {@link ParallelGesture}.
+ */
+export declare function useParallelGesture(options: ParallelGestureOptions): ParallelGesture;
+//# sourceMappingURL=useParallelGesture.d.ts.map

package/lib/parallel/ui/useParallelGesture.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useParallelGesture.d.ts","sourceRoot":"","sources":["../../../src/parallel/ui/useParallelGesture.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,KAAK,EAAE,UAAU,IAAI,eAAe,EAAE,MAAM,OAAO,CAAC;AAG3D,OAAO,KAAK,EACV,mBAAmB,EAEpB,MAAM,kCAAkC,CAAC;AAE1C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAElE,OAAO,KAAK,EAAE,YAAY,EAAqB,MAAM,0BAA0B,CAAC;AAShF,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAU9E,6CAA6C;AAC7C,MAAM,WAAW,sBAAsB;IACrC,oCAAoC;IACpC,OAAO,EAAE,SAAS,kBAAkB,EAAE,CAAC;IACvC,6CAA6C;IAC7C,MAAM,EAAE,aAAa,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC;IACzC,+BAA+B;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,6CAA6C;IAC7C,WAAW,EAAE,MAAM,CAAC;IACpB,0EAA0E;IAC1E,QAAQ,EAAE,UAAU,GAAG,IAAI,CAAC;IAC5B,iDAAiD;IACjD,MAAM,EAAE,cAAc,CAAC;IACvB,6EAA6E;IAC7E,aAAa,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,aAAa,GAAG,IAAI,KAAK,IAAI,CAAC;IACrE,0CAA0C;IAC1C,cAAc,CAAC,EACb,CAAC,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,aAAa,GAAG,IAAI,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACtE,2DAA2D;IAC3D,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B,sDAAsD;IACtD,aAAa,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACtD,6EAA6E;IAC7E,UAAU,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;CACpD;AAED,6CAA6C;AAC7C,MAAM,WAAW,eAAe;IAC9B,kEAAkE;IAClE,OAAO,EAAE,mBAAmB,CAAC;IAC7B,kEAAkE;IAClE,OAAO,EAAE,CAAC,KAAK,EAAE,eAAe,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;IACnD,qEAAqE;IACrE,KAAK,EAAE,WAAW,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC;IACzC,0CAA0C;IAC1C,OAAO,EAAE,MAAM,CAAC;IAChB,qEAAqE;IACrE,OAAO,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;IACzC,iDAAiD;IACjD,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED;;;;GAIG;AACH,wBAAgB,kBAAkB,CAChC,OAAO,EAAE,sBAAsB,GAC9B,eAAe,CAsIjB"}

package/lib/parallel/ui/useParallelGesture.js

@@ -0,0 +1,139 @@
+/**
+ * One pointer over the whole figure, serving both the brush and the hover.
+ *
+ * A hook cannot be called inside a `map`, so a brush per axis would have to
+ * live in refs and be attached by hand; one surface that works out from the
+ * press which axis was grabbed has no such problem, and it gives the hover
+ * search the same once-a-frame coalescing the drag already pays for.
+ *
+ * The band follows the pointer live and the interval is reported on release
+ * only: a table filtering on the reported interval is asked to re-render once
+ * per gesture rather than sixty times a second.
+ */
+import { useMemo, useRef, useState } from 'react';
+import { useCapturedPointer } from "../../scatter/ui/useCapturedPointer.js";
+import { PARALLEL_MARGIN } from "../core/parallelAxes.js";
+import { parallelBandAt, parallelBandOf, parallelBrushGrip, parallelIsBand, parallelRangeOf, } from "../core/parallelBrush.js";
+import { parallelNearestRow } from "../core/parallelHit.js";
+import { parallelAxisById, parallelAxisNear, parallelBandsOf, parallelPointOf, } from "./parallelGestureModel.js";
+/**
+ * The brush and the hover, over one surface.
+ * @param options - See {@link ParallelGestureOptions}.
+ * @returns The gesture. See {@link ParallelGesture}.
+ */
+export function useParallelGesture(options) {
+    const { layouts, values, count, innerHeight, included, ranges } = options;
+    const { onRangeChange, onRangePreview, onHoverChange, onRowClick } = options;
+    const [draft, setDraft] = useState(null);
+    const [ownHovered, setOwnHovered] = useState(-1);
+    const [pointer, setPointer] = useState(null);
+    const hovered = options.hovered ?? ownHovered;
+    const dragRef = useRef(null);
+    const pointRef = useRef({ x: 0, y: 0 });
+    const reportedRef = useRef(-1);
+    const claimedRef = useRef(false);
+    function rangeOf(axisId, band) {
+        const layout = parallelAxisById(layouts, axisId);
+        if (layout === undefined || !parallelIsBand(band))
+            return null;
+        return parallelRangeOf(band, layout);
+    }
+    function report(index) {
+        if (index === reportedRef.current)
+            return;
+        reportedRef.current = index;
+        setOwnHovered(index);
+        onHoverChange?.(index);
+    }
+    function findRow(point) {
+        return parallelNearestRow(point, layouts, values, count, included ?? undefined);
+    }
+    function press(event) {
+        const point = parallelPointOf(event);
+        const index = parallelAxisNear(point.x, layouts);
+        const layout = layouts[index];
+        if (layout === undefined || point.y < 0 || point.y > innerHeight) {
+            claimedRef.current = false;
+            return false;
+        }
+        const current = ranges[layout.id];
+        const band = current === null || current === undefined
+            ? null
+            : parallelBandOf(current, layout);
+        const drag = {
+            axis: layout.id,
+            grip: parallelBrushGrip(point.y, band),
+            originY: point.y,
+            origin: band ?? { top: point.y, bottom: point.y },
+        };
+        dragRef.current = drag;
+        pointRef.current = point;
+        claimedRef.current = true;
+        setDraft({
+            axis: layout.id,
+            band: parallelBandAt(drag, point.y, innerHeight),
+        });
+        return true;
+    }
+    function frame(claimed) {
+        const point = pointRef.current;
+        const drag = dragRef.current;
+        if (claimed && drag !== null) {
+            const band = parallelBandAt(drag, point.y, innerHeight);
+            setDraft({ axis: drag.axis, band });
+            onRangePreview?.(drag.axis, rangeOf(drag.axis, band));
+            return;
+        }
+        setPointer({
+            x: point.x + PARALLEL_MARGIN.left,
+            y: point.y + PARALLEL_MARGIN.top,
+        });
+        report(findRow(point));
+    }
+    function release(event, commit) {
+        const drag = dragRef.current;
+        dragRef.current = null;
+        setDraft(null);
+        if (drag === null)
+            return;
+        if (event !== null)
+            pointRef.current = parallelPointOf(event);
+        if (!commit) {
+            onRangePreview?.(drag.axis, ranges[drag.axis] ?? null);
+            return;
+        }
+        const range = rangeOf(drag.axis, parallelBandAt(drag, pointRef.current.y, innerHeight));
+        onRangePreview?.(drag.axis, range);
+        onRangeChange(drag.axis, range);
+    }
+    const { surface } = useCapturedPointer({
+        touch: false,
+        cursor: 'crosshair',
+        onPress: press,
+        onMove: (event) => {
+            pointRef.current = parallelPointOf(event);
+            return true;
+        },
+        onFrame: frame,
+        onRelease: release,
+        onLeave: () => {
+            setPointer(null);
+            report(-1);
+        },
+    });
+    const bands = useMemo(() => parallelBandsOf(layouts, ranges, draft), [layouts, ranges, draft]);
+    function handleClick(event) {
+        if (claimedRef.current || onRowClick === undefined)
+            return;
+        onRowClick(findRow(parallelPointOf(event)));
+    }
+    return {
+        surface,
+        onClick: handleClick,
+        bands,
+        hovered,
+        pointer,
+        brushing: draft !== null,
+    };
+}
+//# sourceMappingURL=useParallelGesture.js.map

package/lib/parallel/ui/useParallelGesture.js.map

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

package/lib/structure/ui/useToolbarFloor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useToolbarFloor.d.ts","sourceRoot":"","sources":["../../../src/structure/ui/useToolbarFloor.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,0CAA0C;AAC1C,MAAM,WAAW,mBAAmB;IAClC;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED;;;;;;;;GAQG;AACH,wBAAgB,eAAe,CAC7B,OAAO,GAAE,mBAAwB,GAChC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAyClC"}
+{"version":3,"file":"useToolbarFloor.d.ts","sourceRoot":"","sources":["../../../src/structure/ui/useToolbarFloor.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,0CAA0C;AAC1C,MAAM,WAAW,mBAAmB;IAClC;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED;;;;;;;;GAQG;AACH,wBAAgB,eAAe,CAC7B,OAAO,GAAE,mBAAwB,GAChC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAiDlC"}

package/lib/structure/ui/useToolbarFloor.js

@@ -16,40 +16,47 @@ export function useToolbarFloor(options = {}) {
         const container = containerRef.current;
         if (container === null)
             return;
-        let observer = null;
-        let frame = 0;
-        let attempts = 0;
-        // The editor builds itself asynchronously, so the toolbar is usually not
-        // there yet on the first look; watching for it is what keeps a slow first
-        // paint from leaving the container at its unmeasured height for good.
+        let toolbar = null;
+        let size = null;
         const attach = () => {
-            const toolbar = findToolbar(container);
-            if (toolbar === null) {
-                attempts++;
-                if (attempts > MAX_ATTEMPTS)
-                    return;
-                frame = globalThis.requestAnimationFrame(attach);
+            const found = findToolbar(container);
+            if (found === null)
                 return;
-            }
-            observer = new ResizeObserver(() => {
+            size?.disconnect();
+            toolbar = found;
+            size = new ResizeObserver(() => {
                 // offsetHeight, because a dialog opens under a scaling transform and a
                 // measured rectangle would be that of the half drawn toolbar.
-                const floor = toolbarFloorHeight(toolbar.offsetHeight, minHeight);
-                container.style.minHeight = `${floor}px`;
+                const height = found.offsetHeight;
+                // Zero is a toolbar being torn down or not yet laid out, never a
+                // toolbar that needs no room: writing the fallback for it would undo a
+                // correct floor and leave the palette cut off.
+                if (height === 0)
+                    return;
+                container.style.minHeight = `${toolbarFloorHeight(height, minHeight)}px`;
             });
-            observer.observe(toolbar);
+            size.observe(found);
         };
+        // The editor is imported lazily and builds itself asynchronously, so it is
+        // almost never there on the first look, and how long it takes is a cold
+        // module graph and a network away from anything this code can predict. So
+        // the arrival is watched for rather than waited out: a deadline that
+        // expires leaves the toolbar cut off for the life of the page, with
+        // nothing on screen to say why.
+        const arrivals = new MutationObserver(() => {
+            if (toolbar?.isConnected === true)
+                return;
+            attach();
+        });
+        arrivals.observe(container, { childList: true, subtree: true });
         attach();
         return () => {
-            if (frame !== 0)
-                globalThis.cancelAnimationFrame(frame);
-            observer?.disconnect();
+            arrivals.disconnect();
+            size?.disconnect();
         };
     }, [minHeight, revision]);
     return containerRef;
 }
-/** Roughly two seconds of frames, after which the editor is not coming. */
-const MAX_ATTEMPTS = 120;
 /**
  * Find the toolbar canvas of the editor.
  *

package/lib/structure/ui/useToolbarFloor.js.map

@@ -1 +1 @@
-{"version":3,"file":"useToolbarFloor.js","sourceRoot":"","sources":["../../../src/structure/ui/useToolbarFloor.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAEhD,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAkB7D;;;;;;;;GAQG;AACH,MAAM,UAAU,eAAe,CAC7B,UAA+B,EAAE;IAEjC,MAAM,EAAE,SAAS,GAAG,GAAG,EAAE,QAAQ,GAAG,CAAC,EAAE,GAAG,OAAO,CAAC;IAClD,MAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAElD,eAAe,CAAC,GAAG,EAAE;QACnB,MAAM,SAAS,GAAG,YAAY,CAAC,OAAO,CAAC;QACvC,IAAI,SAAS,KAAK,IAAI;YAAE,OAAO;QAE/B,IAAI,QAAQ,GAA0B,IAAI,CAAC;QAC3C,IAAI,KAAK,GAAG,CAAC,CAAC;QACd,IAAI,QAAQ,GAAG,CAAC,CAAC;QAEjB,yEAAyE;QACzE,0EAA0E;QAC1E,sEAAsE;QACtE,MAAM,MAAM,GAAG,GAAS,EAAE;YACxB,MAAM,OAAO,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC;YACvC,IAAI,OAAO,KAAK,IAAI,EAAE,CAAC;gBACrB,QAAQ,EAAE,CAAC;gBACX,IAAI,QAAQ,GAAG,YAAY;oBAAE,OAAO;gBACpC,KAAK,GAAG,UAAU,CAAC,qBAAqB,CAAC,MAAM,CAAC,CAAC;gBACjD,OAAO;YACT,CAAC;YACD,QAAQ,GAAG,IAAI,cAAc,CAAC,GAAG,EAAE;gBACjC,uEAAuE;gBACvE,8DAA8D;gBAC9D,MAAM,KAAK,GAAG,kBAAkB,CAAC,OAAO,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;gBAClE,SAAS,CAAC,KAAK,CAAC,SAAS,GAAG,GAAG,KAAK,IAAI,CAAC;YAC3C,CAAC,CAAC,CAAC;YACH,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;QAC5B,CAAC,CAAC;QAEF,MAAM,EAAE,CAAC;QAET,OAAO,GAAG,EAAE;YACV,IAAI,KAAK,KAAK,CAAC;gBAAE,UAAU,CAAC,oBAAoB,CAAC,KAAK,CAAC,CAAC;YACxD,QAAQ,EAAE,UAAU,EAAE,CAAC;QACzB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE1B,OAAO,YAAY,CAAC;AACtB,CAAC;AAED,2EAA2E;AAC3E,MAAM,YAAY,GAAG,GAAG,CAAC;AAEzB;;;;;;;GAOG;AACH,SAAS,WAAW,CAAC,SAAsB;IACzC,KAAK,MAAM,OAAO,IAAI,SAAS,CAAC,gBAAgB,CAAC,GAAG,CAAC,EAAE,CAAC;QACtD,KAAK,MAAM,KAAK,IAAI,OAAO,CAAC,UAAU,EAAE,QAAQ,IAAI,EAAE,EAAE,CAAC;YACvD,IAAI,KAAK,YAAY,iBAAiB;gBAAE,OAAO,KAAK,CAAC;QACvD,CAAC;IACH,CAAC;IACD,OAAO,IAAI,CAAC;AACd,CAAC"}
+{"version":3,"file":"useToolbarFloor.js","sourceRoot":"","sources":["../../../src/structure/ui/useToolbarFloor.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAEhD,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAkB7D;;;;;;;;GAQG;AACH,MAAM,UAAU,eAAe,CAC7B,UAA+B,EAAE;IAEjC,MAAM,EAAE,SAAS,GAAG,GAAG,EAAE,QAAQ,GAAG,CAAC,EAAE,GAAG,OAAO,CAAC;IAClD,MAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAElD,eAAe,CAAC,GAAG,EAAE;QACnB,MAAM,SAAS,GAAG,YAAY,CAAC,OAAO,CAAC;QACvC,IAAI,SAAS,KAAK,IAAI;YAAE,OAAO;QAE/B,IAAI,OAAO,GAA6B,IAAI,CAAC;QAC7C,IAAI,IAAI,GAA0B,IAAI,CAAC;QAEvC,MAAM,MAAM,GAAG,GAAS,EAAE;YACxB,MAAM,KAAK,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC;YACrC,IAAI,KAAK,KAAK,IAAI;gBAAE,OAAO;YAC3B,IAAI,EAAE,UAAU,EAAE,CAAC;YACnB,OAAO,GAAG,KAAK,CAAC;YAChB,IAAI,GAAG,IAAI,cAAc,CAAC,GAAG,EAAE;gBAC7B,uEAAuE;gBACvE,8DAA8D;gBAC9D,MAAM,MAAM,GAAG,KAAK,CAAC,YAAY,CAAC;gBAClC,iEAAiE;gBACjE,uEAAuE;gBACvE,+CAA+C;gBAC/C,IAAI,MAAM,KAAK,CAAC;oBAAE,OAAO;gBACzB,SAAS,CAAC,KAAK,CAAC,SAAS,GAAG,GAAG,kBAAkB,CAAC,MAAM,EAAE,SAAS,CAAC,IAAI,CAAC;YAC3E,CAAC,CAAC,CAAC;YACH,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QACtB,CAAC,CAAC;QAEF,2EAA2E;QAC3E,wEAAwE;QACxE,0EAA0E;QAC1E,qEAAqE;QACrE,oEAAoE;QACpE,gCAAgC;QAChC,MAAM,QAAQ,GAAG,IAAI,gBAAgB,CAAC,GAAG,EAAE;YACzC,IAAI,OAAO,EAAE,WAAW,KAAK,IAAI;gBAAE,OAAO;YAC1C,MAAM,EAAE,CAAC;QACX,CAAC,CAAC,CAAC;QACH,QAAQ,CAAC,OAAO,CAAC,SAAS,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;QAChE,MAAM,EAAE,CAAC;QAET,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,UAAU,EAAE,CAAC;YACtB,IAAI,EAAE,UAAU,EAAE,CAAC;QACrB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE1B,OAAO,YAAY,CAAC;AACtB,CAAC;AAED;;;;;;;GAOG;AACH,SAAS,WAAW,CAAC,SAAsB;IACzC,KAAK,MAAM,OAAO,IAAI,SAAS,CAAC,gBAAgB,CAAC,GAAG,CAAC,EAAE,CAAC;QACtD,KAAK,MAAM,KAAK,IAAI,OAAO,CAAC,UAAU,EAAE,QAAQ,IAAI,EAAE,EAAE,CAAC;YACvD,IAAI,KAAK,YAAY,iBAAiB;gBAAE,OAAO,KAAK,CAAC;QACvD,CAAC;IACH,CAAC;IACD,OAAO,IAAI,CAAC;AACd,CAAC"}

package/lib/ui.d.ts

@@ -15,6 +15,7 @@ export * from './error/ui/index.ts';
 export * from './help/ui/index.ts';
 export * from './hooks/ui/index.ts';
 export * from './overlay/ui/index.ts';
+export * from './parallel/ui/index.ts';
 export * from './pedagogy/ui/index.ts';
 export * from './periodic/ui/index.ts';
 export * from './projection/ui/index.ts';

package/lib/ui.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ui.d.ts","sourceRoot":"","sources":["../src/ui.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC"}
+{"version":3,"file":"ui.d.ts","sourceRoot":"","sources":["../src/ui.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC"}

package/lib/ui.js

@@ -15,6 +15,7 @@ export * from "./error/ui/index.js";
 export * from "./help/ui/index.js";
 export * from "./hooks/ui/index.js";
 export * from "./overlay/ui/index.js";
+export * from "./parallel/ui/index.js";
 export * from "./pedagogy/ui/index.js";
 export * from "./periodic/ui/index.js";
 export * from "./projection/ui/index.js";

package/lib/ui.js.map

@@ -1 +1 @@
-{"version":3,"file":"ui.js","sourceRoot":"","sources":["../src/ui.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC"}
+{"version":3,"file":"ui.js","sourceRoot":"","sources":["../src/ui.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC"}

package/lib/vite.d.ts

@@ -1,3 +1,4 @@
+export * from './build/vite/index.ts';
 export * from './seo/vite/index.ts';
 export * from './slides/vite/index.ts';
 //# sourceMappingURL=vite.d.ts.map

package/lib/vite.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"vite.d.ts","sourceRoot":"","sources":["../src/vite.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC"}
+{"version":3,"file":"vite.d.ts","sourceRoot":"","sources":["../src/vite.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC"}

package/lib/vite.js

@@ -1,3 +1,4 @@
+export * from "./build/vite/index.js";
 export * from "./seo/vite/index.js";
 export * from "./slides/vite/index.js";
 //# sourceMappingURL=vite.js.map

package/lib/vite.js.map

@@ -1 +1 @@
-{"version":3,"file":"vite.js","sourceRoot":"","sources":["../src/vite.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC"}
+{"version":3,"file":"vite.js","sourceRoot":"","sources":["../src/vite.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-cheminfo",
-  "version": "0.14.0",
+  "version": "0.16.0",
   "license": "MIT",
   "description": "React components, hooks and framework-free helpers shared by the cheminfo sites: site chrome, citations, sharing, routing, pedagogy, charts, and the structure, orbital and 3D molecule viewers",
   "author": "Luc Patiny",
@@ -15,6 +15,7 @@
     "./styles/*.css"
   ],
   "exports": {
+    "./build-info": "./lib/build-info.js",
     "./core": "./lib/core.js",
     "./molecule3d": "./lib/molecule3d.js",
     "./orbital": "./lib/orbital.js",