react-cheminfo 0.9.0 → 0.11.0

package/lib/scatter3d/core/symmetricEigen.js.map

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

package/lib/scatter3d/ui/CloudFrameLayer.d.ts

@@ -0,0 +1,33 @@
+import type { ReactElement } from 'react';
+import type { OrbitCamera, OrbitViewport } from '../core/orbitCamera.ts';
+/** What {@link CloudFrameLayer} draws. */
+export interface CloudFrameLayerProps {
+    /** Where the reader is standing. */
+    camera: OrbitCamera;
+    /** Where the middle of the cube is, and how large it is drawn. */
+    viewport: OrbitViewport;
+    /** What the axis running left to right is called. */
+    xLabel: string;
+    /** What the axis running bottom to top is called. */
+    yLabel: string;
+    /** What the axis running away from the reader is called. */
+    zLabel: string;
+}
+/**
+ * The box the cloud sits in, and the three arms that name its axes.
+ *
+ * A cloud of dots on an empty background has no orientation: turn it and
+ * nothing says it turned, and a dot near the top of the picture could be near
+ * or far. The frame is what fixes that, and it is why the projection can stay
+ * orthographic — it carries the depth that perspective would otherwise have
+ * to, and unlike perspective it distorts no distance the reader is there to
+ * compare.
+ *
+ * All twelve edges are drawn, not the three at the back: which edges are
+ * hidden changes as the box turns, and a frame that kept rearranging itself
+ * would read as three axes rather than as one box.
+ * @param props - See {@link CloudFrameLayerProps}.
+ * @returns The frame.
+ */
+export declare const CloudFrameLayer: import("react").MemoExoticComponent<(props: CloudFrameLayerProps) => ReactElement>;
+//# sourceMappingURL=CloudFrameLayer.d.ts.map

package/lib/scatter3d/ui/CloudFrameLayer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CloudFrameLayer.d.ts","sourceRoot":"","sources":["../../../src/scatter3d/ui/CloudFrameLayer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAI1C,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAKzE,0CAA0C;AAC1C,MAAM,WAAW,oBAAoB;IACnC,oCAAoC;IACpC,MAAM,EAAE,WAAW,CAAC;IACpB,kEAAkE;IAClE,QAAQ,EAAE,aAAa,CAAC;IACxB,qDAAqD;IACrD,MAAM,EAAE,MAAM,CAAC;IACf,qDAAqD;IACrD,MAAM,EAAE,MAAM,CAAC;IACf,4DAA4D;IAC5D,MAAM,EAAE,MAAM,CAAC;CAChB;AAED;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,eAAe,8CACnB,oBAAoB,KAC1B,YAAY,CAiDb,CAAC"}

package/lib/scatter3d/ui/CloudFrameLayer.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo } from 'react';
+import { CUBE_ARMS, CUBE_ORIGIN, cubeEdges } from "../core/cubeFrame.js";
+import { projectPoint } from "../core/orbitCamera.js";
+import { projectSegments } from "./cloudGeometry.js";
+/**
+ * The box the cloud sits in, and the three arms that name its axes.
+ *
+ * A cloud of dots on an empty background has no orientation: turn it and
+ * nothing says it turned, and a dot near the top of the picture could be near
+ * or far. The frame is what fixes that, and it is why the projection can stay
+ * orthographic — it carries the depth that perspective would otherwise have
+ * to, and unlike perspective it distorts no distance the reader is there to
+ * compare.
+ *
+ * All twelve edges are drawn, not the three at the back: which edges are
+ * hidden changes as the box turns, and a frame that kept rearranging itself
+ * would read as three axes rather than as one box.
+ * @param props - See {@link CloudFrameLayerProps}.
+ * @returns The frame.
+ */
+export const CloudFrameLayer = memo(function CloudFrameLayer(props) {
+    const { camera, viewport, xLabel, yLabel, zLabel } = props;
+    const edges = projectSegments(EDGES, camera, viewport);
+    const origin = projectPoint(CUBE_ORIGIN, camera, viewport);
+    const names = { x: xLabel, y: yLabel, z: zLabel };
+    return (_jsxs("g", { "data-layer": "frame", pointerEvents: "none", children: [edges.map((edge, at) => (_jsx("line", { x1: edge.x1, y1: edge.y1, x2: edge.x2, y2: edge.y2, stroke: "var(--border)", strokeWidth: 1 }, at))), CUBE_ARMS.map((arm) => {
+                const end = projectPoint(arm.end, camera, viewport);
+                const label = projectPoint(arm.label, camera, viewport);
+                return (_jsxs("g", { children: [_jsx("line", { x1: origin.x, y1: origin.y, x2: end.x, y2: end.y, stroke: "var(--border-strong)", strokeWidth: 1.5 }), _jsx("text", { x: label.x, y: label.y, textAnchor: "middle", dominantBaseline: "central", fontSize: ARM_LABEL_SIZE, fontWeight: 600, fill: "var(--text-muted)", children: names[arm.axis] })] }, arm.axis));
+            })] }));
+});
+/** Cut once, because the corners of a cube do not depend on the camera. */
+const EDGES = cubeEdges();
+/** The same size a chart writes an axis title at, so the two read alike. */
+const ARM_LABEL_SIZE = 11;
+//# sourceMappingURL=CloudFrameLayer.js.map

package/lib/scatter3d/ui/CloudFrameLayer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CloudFrameLayer.js","sourceRoot":"","sources":["../../../src/scatter3d/ui/CloudFrameLayer.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAE7B,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAEzE,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAEtD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAgBrD;;;;;;;;;;;;;;;GAeG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,IAAI,CAAC,SAAS,eAAe,CAC1D,KAA2B;IAE3B,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAE3D,MAAM,KAAK,GAAG,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC;IACvD,MAAM,MAAM,GAAG,YAAY,CAAC,WAAW,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC;IAC3D,MAAM,KAAK,GAAG,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC;IAElD,OAAO,CACL,2BAAc,OAAO,EAAC,aAAa,EAAC,MAAM,aACvC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,EAAE,EAAE,CAAC,CACvB,eAEE,EAAE,EAAE,IAAI,CAAC,EAAE,EACX,EAAE,EAAE,IAAI,CAAC,EAAE,EACX,EAAE,EAAE,IAAI,CAAC,EAAE,EACX,EAAE,EAAE,IAAI,CAAC,EAAE,EACX,MAAM,EAAC,eAAe,EACtB,WAAW,EAAE,CAAC,IANT,EAAE,CAOP,CACH,CAAC,EACD,SAAS,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;gBACrB,MAAM,GAAG,GAAG,YAAY,CAAC,GAAG,CAAC,GAAG,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC;gBACpD,MAAM,KAAK,GAAG,YAAY,CAAC,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC;gBACxD,OAAO,CACL,wBACE,eACE,EAAE,EAAE,MAAM,CAAC,CAAC,EACZ,EAAE,EAAE,MAAM,CAAC,CAAC,EACZ,EAAE,EAAE,GAAG,CAAC,CAAC,EACT,EAAE,EAAE,GAAG,CAAC,CAAC,EACT,MAAM,EAAC,sBAAsB,EAC7B,WAAW,EAAE,GAAG,GAChB,EACF,eACE,CAAC,EAAE,KAAK,CAAC,CAAC,EACV,CAAC,EAAE,KAAK,CAAC,CAAC,EACV,UAAU,EAAC,QAAQ,EACnB,gBAAgB,EAAC,SAAS,EAC1B,QAAQ,EAAE,cAAc,EACxB,UAAU,EAAE,GAAG,EACf,IAAI,EAAC,mBAAmB,YAEvB,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,GACX,KAnBD,GAAG,CAAC,IAAI,CAoBZ,CACL,CAAC;YACJ,CAAC,CAAC,IACA,CACL,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,2EAA2E;AAC3E,MAAM,KAAK,GAAG,SAAS,EAAE,CAAC;AAE1B,4EAA4E;AAC5E,MAAM,cAAc,GAAG,EAAE,CAAC"}

package/lib/scatter3d/ui/CloudPointLayer.d.ts

@@ -0,0 +1,62 @@
+import type { ReactElement } from 'react';
+import type { ScreenPoints } from '../../scatter/core/screenPoints.ts';
+/** What {@link CloudPointLayer} draws. */
+export interface CloudPointLayerProps {
+    /** Where every sample sits, in the figure's pixels. */
+    points: ScreenPoints;
+    /** How far towards the reader each one is, in cube units. */
+    depths: Float64Array;
+    /** The rows, furthest first, which is the order they are painted in. */
+    order: Uint32Array;
+    /**
+     * Which group each sample belongs to, as an index into `colors`. An entry of
+     * `-1`, or one outside the range, is a sample in no group.
+     * @default undefined — every sample is one crowd
+     */
+    groupOf?: ArrayLike<number>;
+    /**
+     * The colour of each group, in group order.
+     * @default undefined — every sample takes `fallbackColor`
+     */
+    colors?: readonly string[];
+    /**
+     * How strongly each group is drawn, in the same order.
+     * @default undefined — every group is drawn at full strength
+     */
+    opacities?: readonly number[];
+    /**
+     * Colour of a sample belonging to no group.
+     * @default 'var(--text-faint)'
+     */
+    fallbackColor?: string;
+    /**
+     * Radius of a dot at the middle of the cube, in pixels. A dot at the front
+     * is drawn larger and one at the back smaller, about this.
+     * @default 3.5
+     */
+    radius?: number;
+    /**
+     * The index from which samples are drawn as outlines rather than filled,
+     * which is how one the model was fitted on is told from one placed into it
+     * afterwards.
+     * @default undefined — every sample is filled
+     */
+    outlinedFrom?: number;
+}
+/**
+ * Every sample as one dot, painted from the back of the box forwards.
+ *
+ * Two things carry the depth, and neither costs an event handler: the order,
+ * so a dot in front covers one behind it, and the size, so a dot at the front
+ * of the box is a fifth larger than the same dot at the back. Both are read
+ * from the projection rather than from the data, so a turn changes them and a
+ * filter does not.
+ *
+ * Like the flat cloud's own layer, this one carries no handler and no closure
+ * per dot: every gesture lands on one transparent rectangle above it and is
+ * answered from a coordinate array.
+ * @param props - See {@link CloudPointLayerProps}.
+ * @returns The cloud.
+ */
+export declare const CloudPointLayer: import("react").MemoExoticComponent<(props: CloudPointLayerProps) => ReactElement>;
+//# sourceMappingURL=CloudPointLayer.d.ts.map

package/lib/scatter3d/ui/CloudPointLayer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CloudPointLayer.d.ts","sourceRoot":"","sources":["../../../src/scatter3d/ui/CloudPointLayer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAG1C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAGvE,0CAA0C;AAC1C,MAAM,WAAW,oBAAoB;IACnC,uDAAuD;IACvD,MAAM,EAAE,YAAY,CAAC;IACrB,6DAA6D;IAC7D,MAAM,EAAE,YAAY,CAAC;IACrB,wEAAwE;IACxE,KAAK,EAAE,WAAW,CAAC;IACnB;;;;OAIG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IAC5B;;;OAGG;IACH,MAAM,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAC3B;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAC9B;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;;;OAKG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,eAAe,8CACnB,oBAAoB,KAC1B,YAAY,CAoCb,CAAC"}

package/lib/scatter3d/ui/CloudPointLayer.js

@@ -0,0 +1,67 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { memo } from 'react';
+import { depthFraction } from "../core/orbitCamera.js";
+/**
+ * Every sample as one dot, painted from the back of the box forwards.
+ *
+ * Two things carry the depth, and neither costs an event handler: the order,
+ * so a dot in front covers one behind it, and the size, so a dot at the front
+ * of the box is a fifth larger than the same dot at the back. Both are read
+ * from the projection rather than from the data, so a turn changes them and a
+ * filter does not.
+ *
+ * Like the flat cloud's own layer, this one carries no handler and no closure
+ * per dot: every gesture lands on one transparent rectangle above it and is
+ * answered from a coordinate array.
+ * @param props - See {@link CloudPointLayerProps}.
+ * @returns The cloud.
+ */
+export const CloudPointLayer = memo(function CloudPointLayer(props) {
+    const { points, depths, order, groupOf, colors, opacities } = props;
+    const { fallbackColor = 'var(--text-faint)', radius = 3.5 } = props;
+    const { outlinedFrom } = props;
+    const xs = points.x;
+    const ys = points.y;
+    const count = Math.min(xs.length, ys.length, order.length);
+    const hollowFrom = outlineStart(outlinedFrom, count);
+    const dots = [];
+    for (let step = 0; step < count; step++) {
+        const index = order[step];
+        const x = xs[index];
+        const y = ys[index];
+        if (x === undefined || y === undefined)
+            continue;
+        if (!Number.isFinite(x) || !Number.isFinite(y))
+            continue;
+        const group = groupOf?.[index] ?? -1;
+        const color = colors?.[group] ?? fallbackColor;
+        const alpha = opacities?.[group] ?? 1;
+        const hollow = index >= hollowFrom;
+        dots.push(_jsx("circle", { cx: round(x), cy: round(y), r: round(radius * depthScale(depths[index])), fill: hollow ? 'none' : color, stroke: hollow ? color : undefined, strokeWidth: hollow ? OUTLINE_WIDTH : undefined, opacity: alpha === 1 ? undefined : alpha }, index));
+    }
+    return _jsx("g", { "data-layer": "points", children: dots });
+});
+/**
+ * How much larger a dot is drawn for sitting near the front of the box.
+ *
+ * A fifth from back to front. Enough that the eye reads it as depth when it is
+ * looking for depth, and little enough that nobody mistakes it for a value:
+ * a dot size that carried a measurement would be a fourth dimension nothing
+ * labelled.
+ * @param depth - How far towards the reader the sample is, in cube units.
+ * @returns The factor to draw its radius at.
+ */
+function depthScale(depth) {
+    return 0.9 + DEPTH_RANGE * depthFraction(depth);
+}
+function outlineStart(outlinedFrom, count) {
+    if (outlinedFrom === undefined || !Number.isFinite(outlinedFrom)) {
+        return count;
+    }
+    return Math.max(0, Math.floor(outlinedFrom));
+}
+const DEPTH_RANGE = 0.4;
+/** The same weight the flat cloud draws a hollow dot at, so the two read alike. */
+const OUTLINE_WIDTH = 1.5;
+const round = (value) => Math.round(value * 100) / 100;
+//# sourceMappingURL=CloudPointLayer.js.map

package/lib/scatter3d/ui/CloudPointLayer.js.map

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

package/lib/scatter3d/ui/CloudShellLayer.d.ts

@@ -0,0 +1,52 @@
+import type { ReactElement } from 'react';
+import type { ConfidenceEllipsoid } from '../core/confidenceEllipsoid.ts';
+import type { OrbitCamera, OrbitViewport } from '../core/orbitCamera.ts';
+/** One group's shell, fitted once and ready to be turned. */
+export interface CloudShell {
+    /** A stable key, so a re-render does not rebuild every shell. */
+    id: string;
+    /** Its colour, which is its group's. */
+    color: string;
+    /** The shape it summarises, in cube units. */
+    ellipsoid: ConfidenceEllipsoid;
+    /**
+     * How strongly it is drawn, from a legend entry switching its group off.
+     * @default 1
+     */
+    opacity?: number;
+}
+/** What {@link CloudShellLayer} draws. */
+export interface CloudShellLayerProps {
+    /** The shells, one per group that has one. */
+    shells: readonly CloudShell[];
+    /** Where the reader is standing. */
+    camera: OrbitCamera;
+    /** Where the middle of the cube is, and how large it is drawn. */
+    viewport: OrbitViewport;
+    /**
+     * How solid one wall of the glass is. Turn it down when many groups overlap,
+     * since two shells crossing compound to twice this.
+     * @default 0.1
+     */
+    fillOpacity?: number;
+}
+/**
+ * The group shells, as translucent glass.
+ *
+ * Each one is drawn as a single ellipse, because that is exactly what a shell
+ * looks like: an orthographic camera sends a sphere carried by three axes to
+ * an ellipse, whatever it is turned to. So the outline is a curve rather than
+ * a ring of facets, it stays a curve at any zoom, and there are no seams
+ * between neighbouring faces to read as a wireframe.
+ *
+ * What the faces were for is kept in the fill. A ray through a shell crosses
+ * it twice — the near wall and the far one — so the glass is darkest where the
+ * reader looks through both walls at a glancing angle, which is the rim, and
+ * lightest through the middle where the far wall is turned away. That is one
+ * gradient, and it says the shell is a solid the same way a hundred and sixty
+ * stacked polygons did.
+ * @param props - See {@link CloudShellLayerProps}.
+ * @returns The shells.
+ */
+export declare const CloudShellLayer: import("react").MemoExoticComponent<(props: CloudShellLayerProps) => ReactElement>;
+//# sourceMappingURL=CloudShellLayer.d.ts.map

package/lib/scatter3d/ui/CloudShellLayer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CloudShellLayer.d.ts","sourceRoot":"","sources":["../../../src/scatter3d/ui/CloudShellLayer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAG1C,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AAC1E,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAKzE,6DAA6D;AAC7D,MAAM,WAAW,UAAU;IACzB,iEAAiE;IACjE,EAAE,EAAE,MAAM,CAAC;IACX,wCAAwC;IACxC,KAAK,EAAE,MAAM,CAAC;IACd,8CAA8C;IAC9C,SAAS,EAAE,mBAAmB,CAAC;IAC/B;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,0CAA0C;AAC1C,MAAM,WAAW,oBAAoB;IACnC,8CAA8C;IAC9C,MAAM,EAAE,SAAS,UAAU,EAAE,CAAC;IAC9B,oCAAoC;IACpC,MAAM,EAAE,WAAW,CAAC;IACpB,kEAAkE;IAClE,QAAQ,EAAE,aAAa,CAAC;IACxB;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,eAAe,8CACnB,oBAAoB,KAC1B,YAAY,CA8Cb,CAAC"}

package/lib/scatter3d/ui/CloudShellLayer.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo, useId } from 'react';
+import { projectShellOutline } from "./cloudGeometry.js";
+import { SHELL_FILL_OPACITY, shellGlassStops } from "./cloudShellStyles.js";
+/**
+ * The group shells, as translucent glass.
+ *
+ * Each one is drawn as a single ellipse, because that is exactly what a shell
+ * looks like: an orthographic camera sends a sphere carried by three axes to
+ * an ellipse, whatever it is turned to. So the outline is a curve rather than
+ * a ring of facets, it stays a curve at any zoom, and there are no seams
+ * between neighbouring faces to read as a wireframe.
+ *
+ * What the faces were for is kept in the fill. A ray through a shell crosses
+ * it twice — the near wall and the far one — so the glass is darkest where the
+ * reader looks through both walls at a glancing angle, which is the rim, and
+ * lightest through the middle where the far wall is turned away. That is one
+ * gradient, and it says the shell is a solid the same way a hundred and sixty
+ * stacked polygons did.
+ * @param props - See {@link CloudShellLayerProps}.
+ * @returns The shells.
+ */
+export const CloudShellLayer = memo(function CloudShellLayer(props) {
+    const { shells, camera, viewport, fillOpacity = SHELL_FILL_OPACITY } = props;
+    const prefix = useId();
+    const drawn = [];
+    for (const shell of shells) {
+        const outline = projectShellOutline(shell.ellipsoid, camera, viewport);
+        if (outline === null)
+            continue;
+        drawn.push({ shell, outline });
+    }
+    // Furthest first, so a shell in front of another is drawn over it.
+    drawn.sort((a, b) => a.outline.depth - b.outline.depth);
+    return (_jsx("g", { "data-layer": "shells", pointerEvents: "none", children: drawn.map(({ shell, outline }) => {
+            const paint = `${prefix}${shell.id}`;
+            return (_jsxs("g", { "data-shell": shell.id, children: [_jsx("defs", { children: _jsx("radialGradient", { id: paint, children: shellGlassStops((shell.opacity ?? 1) * fillOpacity).map((stop) => (_jsx("stop", { offset: stop.offset, stopColor: shell.color, stopOpacity: stop.opacity }, stop.offset))) }) }), _jsx("ellipse", { cx: outline.cx, cy: outline.cy, rx: outline.rx, ry: outline.ry, transform: `rotate(${outline.angle} ${outline.cx} ${outline.cy})`, fill: `url(#${paint})` })] }, shell.id));
+        }) }));
+});
+//# sourceMappingURL=CloudShellLayer.js.map

package/lib/scatter3d/ui/CloudShellLayer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CloudShellLayer.js","sourceRoot":"","sources":["../../../src/scatter3d/ui/CloudShellLayer.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AAKpC,OAAO,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AACzD,OAAO,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAiC5E;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,IAAI,CAAC,SAAS,eAAe,CAC1D,KAA2B;IAE3B,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,WAAW,GAAG,kBAAkB,EAAE,GAAG,KAAK,CAAC;IAC7E,MAAM,MAAM,GAAG,KAAK,EAAE,CAAC;IAEvB,MAAM,KAAK,GAAG,EAAE,CAAC;IACjB,KAAK,MAAM,KAAK,IAAI,MAAM,EAAE,CAAC;QAC3B,MAAM,OAAO,GAAG,mBAAmB,CAAC,KAAK,CAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC;QACvE,IAAI,OAAO,KAAK,IAAI;YAAE,SAAS;QAC/B,KAAK,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,CAAC;IACjC,CAAC;IACD,mEAAmE;IACnE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,GAAG,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IAExD,OAAO,CACL,0BAAc,QAAQ,EAAC,aAAa,EAAC,MAAM,YACxC,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE;YAChC,MAAM,KAAK,GAAG,GAAG,MAAM,GAAG,KAAK,CAAC,EAAE,EAAE,CAAC;YACrC,OAAO,CACL,2BAA8B,KAAK,CAAC,EAAE,aACpC,yBACE,yBAAgB,EAAE,EAAE,KAAK,YACtB,eAAe,CAAC,CAAC,KAAK,CAAC,OAAO,IAAI,CAAC,CAAC,GAAG,WAAW,CAAC,CAAC,GAAG,CACtD,CAAC,IAAI,EAAE,EAAE,CAAC,CACR,eAEE,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,SAAS,EAAE,KAAK,CAAC,KAAK,EACtB,WAAW,EAAE,IAAI,CAAC,OAAO,IAHpB,IAAI,CAAC,MAAM,CAIhB,CACH,CACF,GACc,GACZ,EACP,kBACE,EAAE,EAAE,OAAO,CAAC,EAAE,EACd,EAAE,EAAE,OAAO,CAAC,EAAE,EACd,EAAE,EAAE,OAAO,CAAC,EAAE,EACd,EAAE,EAAE,OAAO,CAAC,EAAE,EACd,SAAS,EAAE,UAAU,OAAO,CAAC,KAAK,IAAI,OAAO,CAAC,EAAE,IAAI,OAAO,CAAC,EAAE,GAAG,EACjE,IAAI,EAAE,QAAQ,KAAK,GAAG,GACtB,KAtBI,KAAK,CAAC,EAAE,CAuBZ,CACL,CAAC;QACJ,CAAC,CAAC,GACA,CACL,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/lib/scatter3d/ui/ScatterCloud.d.ts

@@ -0,0 +1,24 @@
+import type { ReactElement } from 'react';
+import type { ScatterCloudProps } from './scatterCloudProps.ts';
+export type { CloudGesture, ScatterCloudProps } from './scatterCloudProps.ts';
+/**
+ * A cloud of samples in a box the reader can turn, with a glass shell around
+ * each group.
+ *
+ * It is the flat scatter's twin and shares with it everything it can — the
+ * selection, the lasso, the hover card, the labels and the group colours are
+ * the same hooks and the same helpers — because a reader who has learned the
+ * map must not have to learn this separately. What it cannot share is the
+ * frame: three axes seen from an angle have no room for three sets of tick
+ * labels, so the axes are all stretched to one cube, the frame names them, and
+ * the numbers stay in the card the pointer raises.
+ *
+ * It draws in SVG rather than in WebGL, and that is a decision about saving
+ * rather than about drawing. Every other figure in this package is saved from
+ * the bar above it as an SVG, and a canvas laid over the same picture would
+ * leave a hole in that file exactly where the shells are.
+ * @param props - See {@link ScatterCloudProps}.
+ * @returns The cloud.
+ */
+export declare function ScatterCloud(props: ScatterCloudProps): ReactElement;
+//# sourceMappingURL=ScatterCloud.d.ts.map

package/lib/scatter3d/ui/ScatterCloud.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScatterCloud.d.ts","sourceRoot":"","sources":["../../../src/scatter3d/ui/ScatterCloud.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAiC,YAAY,EAAE,MAAM,OAAO,CAAC;AAqCzE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAGhE,YAAY,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAE9E;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,GAAG,YAAY,CA2OnE"}

package/lib/scatter3d/ui/ScatterCloud.js

@@ -0,0 +1,189 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useLayoutEffect, useMemo, useRef, useState } from 'react';
+import { CHART_WHEEL_DWELL, useWheelZoom, } from "../../chart/ui/useWheelZoom.js";
+import { nearestPointIndex } from "../../scatter/core/screenPoints.js";
+import { ScatterLabelLayer } from "../../scatter/ui/ScatterLabelLayer.js";
+import { ScatterMarkLayer } from "../../scatter/ui/ScatterMarkLayer.js";
+import { surfacePosition } from "../../scatter/ui/lassoGesture.js";
+import { SCATTER_GROUP_LABEL_SIZE, SCATTER_LABEL_SIZE, } from "../../scatter/ui/scatterLabelBoxes.js";
+import { placeScatterLabels } from "../../scatter/ui/scatterLabelPlacement.js";
+import { scatterGroupLabels, scatterPointLabels, } from "../../scatter/ui/scatterLabels.js";
+import { LASSO_STYLE, scatterGroupInk, } from "../../scatter/ui/scatterPlotModel.js";
+import { useScatterInteraction } from "../../scatter/ui/useScatterInteraction.js";
+import { cubePoints } from "../core/cubePoints.js";
+import { DEFAULT_ORBIT_CAMERA } from "../core/orbitCamera.js";
+import { CloudFrameLayer } from "./CloudFrameLayer.js";
+import { CloudPointLayer } from "./CloudPointLayer.js";
+import { CloudShellLayer } from "./CloudShellLayer.js";
+import { cloudView, projectCloud } from "./cloudGeometry.js";
+import { clampCloudZoom } from "./cloudZoom.js";
+import { cloudLabel, cloudShells } from "./scatterCloudModel.js";
+import { useOrbitDrag } from "./useOrbitDrag.js";
+/**
+ * A cloud of samples in a box the reader can turn, with a glass shell around
+ * each group.
+ *
+ * It is the flat scatter's twin and shares with it everything it can — the
+ * selection, the lasso, the hover card, the labels and the group colours are
+ * the same hooks and the same helpers — because a reader who has learned the
+ * map must not have to learn this separately. What it cannot share is the
+ * frame: three axes seen from an angle have no room for three sets of tick
+ * labels, so the axes are all stretched to one cube, the frame names them, and
+ * the numbers stay in the card the pointer raises.
+ *
+ * It draws in SVG rather than in WebGL, and that is a decision about saving
+ * rather than about drawing. Every other figure in this package is saved from
+ * the bar above it as an SVG, and a canvas laid over the same picture would
+ * leave a hole in that file exactly where the shells are.
+ * @param props - See {@link ScatterCloudProps}.
+ * @returns The cloud.
+ */
+export function ScatterCloud(props) {
+    const { x, y, z, width, height, xLabel, yLabel, zLabel } = props;
+    const { groupOf, groups, mutedGroups, ellipsoid = null } = props;
+    const { ellipsoidMinimumPoints, ellipsoidFillOpacity } = props;
+    const { showGroupLabels = false, pointLabels, pointRadius = 3.5 } = props;
+    const { outlinedFrom, selected, defaultSelected, onSelectionChange } = props;
+    const { selectMode = 'replace', onHoverChange, overlay } = props;
+    const { onPointDoubleClick } = props;
+    const { gesture = 'turn', wheelZoom = true, label, testId } = props;
+    const [ownCamera, setOwnCamera] = useState(DEFAULT_ORBIT_CAMERA);
+    const [ownZoom, setOwnZoom] = useState(1);
+    const camera = props.camera ?? ownCamera;
+    const zoom = props.zoom ?? ownZoom;
+    const selecting = gesture === 'select';
+    const view = useMemo(() => cloudView(width, height, zoom), [height, width, zoom]);
+    const cube = useMemo(() => cubePoints(x, y, z), [x, y, z]);
+    const cloud = useMemo(() => projectCloud(cube, camera, view.viewport), [camera, cube, view.viewport]);
+    const ink = useMemo(() => scatterGroupInk(groups, mutedGroups), [groups, mutedGroups]);
+    const shells = useMemo(() => ellipsoid === null || groupOf === undefined || groups === undefined
+        ? NO_SHELLS
+        : cloudShells({
+            cube,
+            groupOf,
+            groups,
+            ink,
+            size: ellipsoid,
+            minimumPoints: ellipsoidMinimumPoints,
+        }), [cube, ellipsoid, ellipsoidMinimumPoints, groupOf, groups, ink]);
+    const interaction = useScatterInteraction({
+        points: cloud.points,
+        selected,
+        defaultSelected,
+        onSelectionChange,
+        selectMode,
+        enabled: selecting,
+        touchLasso: selecting,
+        hoverRadius: pointRadius + HOVER_SLACK,
+        onHoverChange,
+    });
+    // Everything a gesture callback reads is taken from here rather than from
+    // the closure, so a caller that owns the camera and answers with an inline
+    // arrow — which is how every caller writes it — does not rebuild the drag
+    // sixty times during its own turn.
+    const live = useRef({ camera, zoom, points: cloud.points, props });
+    useLayoutEffect(() => {
+        live.current = { camera, zoom, points: cloud.points, props };
+    });
+    const { select, mask } = interaction.selection;
+    const { moveTo, leave, pin, unpin, hovered } = interaction.hover;
+    const onOrbit = useCallback((turn) => {
+        const next = turn(live.current.camera);
+        // Written back so the frames of one drag compose, rather than each of them
+        // turning the camera React has not re-rendered with yet.
+        live.current.camera = next;
+        if (live.current.props.camera === undefined)
+            setOwnCamera(next);
+        live.current.props.onCameraChange?.(next);
+    }, []);
+    const onTap = useCallback((tapX, tapY, mode) => {
+        const radius = (live.current.props.pointRadius ?? 3.5) + HOVER_SLACK;
+        const index = nearestPointIndex(live.current.points, tapX, tapY, radius);
+        if (index === -1) {
+            unpin();
+            if (mode === 'replace')
+                interaction.selection.clear();
+            return;
+        }
+        select([index], mode, 'point');
+        pin(index);
+    }, [interaction.selection, pin, select, unpin]);
+    const onWheel = useCallback((_x, _y, factor) => {
+        // A factor above one widens a frame, which on a box means standing back.
+        const next = clampCloudZoom(live.current.zoom / factor);
+        live.current.zoom = next;
+        if (live.current.props.zoom === undefined)
+            setOwnZoom(next);
+        live.current.props.onZoomChange?.(next);
+    }, []);
+    function handleDoubleClick(event) {
+        if (onPointDoubleClick === undefined)
+            return;
+        const at = surfacePosition(event, 0, 0);
+        const radius = (live.current.props.pointRadius ?? 3.5) + HOVER_SLACK;
+        const index = nearestPointIndex(live.current.points, at.x, at.y, radius);
+        if (index === -1)
+            return;
+        onPointDoubleClick({
+            index,
+            x: at.x,
+            y: at.y,
+            clientX: event.clientX,
+            clientY: event.clientY,
+        });
+    }
+    const orbit = useOrbitDrag({
+        enabled: !selecting,
+        onOrbit,
+        onTap,
+        onMove: moveTo,
+        onLeave: leave,
+        mode: selectMode,
+    });
+    const { ref: wheelSurface } = useWheelZoom({
+        enabled: wheelZoom,
+        delay: CHART_WHEEL_DWELL,
+        onZoom: onWheel,
+    });
+    const named = useMemo(() => pointLabels === undefined
+        ? undefined
+        : placeScatterLabels(scatterPointLabels(cloud.points, pointLabels, {
+            groupOf,
+            colors: ink.colors,
+        }), {
+            fontSize: SCATTER_LABEL_SIZE,
+            radius: pointRadius,
+            bounds: view.rect,
+        }), [cloud.points, groupOf, ink.colors, pointLabels, pointRadius, view.rect]);
+    const crowds = useMemo(() => showGroupLabels && groups !== undefined
+        ? placeScatterLabels(scatterGroupLabels(cloud.points, groups.map((group) => group.label), { groupOf, colors: ink.colors }), {
+            fontSize: SCATTER_GROUP_LABEL_SIZE,
+            bold: true,
+            centered: true,
+            radius: pointRadius,
+            bounds: view.rect,
+        })
+        : undefined, [
+        cloud.points,
+        groupOf,
+        groups,
+        ink.colors,
+        pointRadius,
+        showGroupLabels,
+        view.rect,
+    ]);
+    return (_jsxs("div", { "data-testid": testId, style: { position: 'relative', width, height }, role: "img", "aria-label": label ?? cloudLabel(xLabel, yLabel, zLabel, cube.length), children: [_jsxs("svg", { width: width, height: height, style: SVG_STYLE, children: [_jsx(CloudFrameLayer, { camera: camera, viewport: view.viewport, xLabel: xLabel, yLabel: yLabel, zLabel: zLabel }), _jsx(CloudShellLayer, { shells: shells, camera: camera, viewport: view.viewport, fillOpacity: ellipsoidFillOpacity }), _jsx(CloudPointLayer, { points: cloud.points, depths: cloud.depths, order: cloud.order, groupOf: groupOf, colors: ink.colors, opacities: ink.opacities, radius: pointRadius, outlinedFrom: outlinedFrom }), _jsx(ScatterMarkLayer, { points: cloud.points, selected: mask, hovered: hovered, radius: pointRadius }), named === undefined ? null : (_jsx(ScatterLabelLayer, { labels: named, radius: pointRadius })), crowds === undefined ? null : (_jsx(ScatterLabelLayer, { labels: crowds, radius: pointRadius, strong: true })), interaction.lasso.pathData === '' ? null : (_jsx("path", { d: interaction.lasso.pathData, ...LASSO_STYLE })), _jsx("rect", { x: 0, y: 0, width: Math.max(0, width), height: Math.max(0, height), ref: wheelSurface, fill: "transparent", onDoubleClick: handleDoubleClick, ...(selecting ? interaction.surface : orbit.surface) })] }), overlay] }));
+}
+/**
+ * How much further than a dot's own radius the pointer may be and still catch
+ * it.
+ *
+ * More slack than the map allows, because a dot in a cloud is a smaller target
+ * than the same dot on a map: the box is turned, so the dots are packed into a
+ * hexagon rather than spread over a rectangle, and the ones at the back are
+ * drawn smaller still.
+ */
+const HOVER_SLACK = 8.5;
+const NO_SHELLS = [];
+const SVG_STYLE = { display: 'block', touchAction: 'none' };
+//# sourceMappingURL=ScatterCloud.js.map

package/lib/scatter3d/ui/ScatterCloud.js.map

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