react-cheminfo 0.10.0 → 0.12.0

package/lib/orbital/ui/AtomicOrbitalCanvas.js

@@ -1,17 +1,13 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * The molstar canvas showing one atomic orbital.
- *
- * `AtomicOrbitalViewer` reaches this through `React.lazy`, so a page that
- * never shows an orbital never downloads molstar for it — which is the whole
- * reason the two components are separate files.
- */
-import { Button } from '@blueprintjs/core';
 import { useEffect, useRef, useState } from 'react';
-import { HelpTooltip } from "../../help/ui/HelpTooltip.js";
+import { errorMessage } from "../../error/core/index.js";
+import { useResizeObserver } from "../../hooks/ui/useResizeObserver.js";
+import { TOKEN } from "../../tokens/core/familyTokens.js";
 import { PHASE_PALETTES } from "../core/palette.js";
 import { sampleInProcess } from "../core/sample.js";
+import { AtomicOrbitalControls } from "./AtomicOrbitalControls.js";
 import { DEFAULT_SPIN_SPEED } from "./camera.js";
+import { fitAxes, resolutionKey } from "./orbitalCanvasHelpers.js";
 import { createOrbitalViewer } from "./viewer.js";
 /**
  * Mount one molstar canvas and keep it showing the orbital named by the props.
@@ -19,7 +15,7 @@ import { createOrbitalViewer } from "./viewer.js";
  * @returns The canvas, with a progress note while it samples.
  */
 export function AtomicOrbitalCanvas(props) {
-    const { atomicNumber, orbitalId, palette = PHASE_PALETTES.textbook, resolution = DEFAULT_RESOLUTION, axes: initialAxes = true, spinning = false, spinSpeed = DEFAULT_SPIN_SPEED, sample = sampleInProcess, onAxesChange, onNodeRadii, onError, } = props;
+    const { atomicNumber, orbitalId, palette = PHASE_PALETTES.textbook, resolution = DEFAULT_RESOLUTION, axes: initialAxes = true, spinning = false, spinSpeed = DEFAULT_SPIN_SPEED, sample = sampleInProcess, onAxesChange, onNodeRadii, onFailureChange, } = props;
     const containerRef = useRef(null);
     const viewerRef = useRef(null);
     const [drawn, setDrawn] = useState(null);
@@ -36,9 +32,9 @@ export function AtomicOrbitalCanvas(props) {
     const busy = drawn !== wanted;
     // Callbacks are read through refs so a caller passing an inline arrow does
     // not re-sample the orbital on every render of its parent.
-    const callbacks = useRef({ onAxesChange, onNodeRadii, onError });
+    const callbacks = useRef({ onAxesChange, onNodeRadii, onFailureChange });
     useEffect(() => {
-        callbacks.current = { onAxesChange, onNodeRadii, onError };
+        callbacks.current = { onAxesChange, onNodeRadii, onFailureChange };
     });
     // Created and disposed once per mount. React 19 runs this twice in
     // development; `createOrbitalViewer` is synchronous so the first canvas is
@@ -49,16 +45,14 @@ export function AtomicOrbitalCanvas(props) {
             return;
         const viewer = createOrbitalViewer(container);
         viewerRef.current = viewer;
-        const observer = new ResizeObserver(() => {
-            viewer.handleResize();
-        });
-        observer.observe(container);
         return () => {
-            observer.disconnect();
             viewerRef.current = null;
             viewer.dispose();
         };
     }, []);
+    useResizeObserver(containerRef, () => {
+        viewerRef.current?.handleResize();
+    });
     useEffect(() => {
         const viewer = viewerRef.current;
         if (viewer === null)
@@ -70,18 +64,20 @@ export function AtomicOrbitalCanvas(props) {
                 return;
             callbacks.current.onNodeRadii?.(result.nodeRadii);
             const reach = await viewer.showOrbital(result.grid, result.contour, {
-                positiveColour: palette.positive,
-                negativeColour: palette.negative,
+                positiveColor: palette.positive,
+                negativeColor: palette.negative,
             });
             reachRef.current = reach ?? null;
             await viewer.refit(await fitAxes(viewer, reach, axesRef.current));
-            if (!cancelled)
-                setDrawn(wanted);
+            if (cancelled)
+                return;
+            setDrawn(wanted);
+            callbacks.current.onFailureChange?.(null);
         })
             .catch((error) => {
             if (cancelled)
                 return;
-            callbacks.current.onError?.(error instanceof Error ? error.message : String(error));
+            callbacks.current.onFailureChange?.(errorMessage(error));
         });
         return () => {
             cancelled = true;
@@ -100,57 +96,15 @@ export function AtomicOrbitalCanvas(props) {
     useEffect(() => {
         void viewerRef.current?.setSpin(spinning, spinSpeed);
     }, [spinning, spinSpeed]);
-    return (_jsxs("div", { ref: containerRef, style: CANVAS_STYLE, children: [busy && _jsx("div", { style: BUSY_STYLE, children: "Sampling\u2026" }), _jsxs("div", { style: CONTROLS_STYLE, children: [_jsx(HelpTooltip, { content: AXES_HELP, placement: "bottom", children: _jsx(Button, { variant: "minimal", size: "small", icon: "grid", active: axes, "aria-label": "Show the x, y, z axes", "aria-pressed": axes, onClick: () => {
-                                setAxes(!axes);
-                                callbacks.current.onAxesChange?.(!axes);
-                            } }) }), _jsx(HelpTooltip, { content: RESET_HELP, placement: "bottom", children: _jsx(Button, { variant: "minimal", size: "small", icon: "zoom-to-fit", "aria-label": "Reset the view", onClick: () => {
-                                void viewerRef.current?.resetView();
-                            } }) })] })] }));
+    return (_jsxs("div", { ref: containerRef, style: CANVAS_STYLE, children: [busy && _jsx("div", { style: BUSY_STYLE, children: "Sampling\u2026" }), _jsx(AtomicOrbitalControls, { axes: axes, onToggleAxes: () => {
+                    setAxes(!axes);
+                    callbacks.current.onAxesChange?.(!axes);
+                }, onResetView: () => {
+                    void viewerRef.current?.resetView();
+                } })] }));
 }
-/**
- * Draw the cartesian frame around the orbital, or remove it.
- * @param viewer - The viewer holding the canvas.
- * @param reach - How far the drawn surface reaches, as `showOrbital` returned
- * it.
- * @param axes - Whether the frame is wanted.
- * @returns What the camera has to fit: the frame reaches past the surface, so
- * turning it on has to zoom out or the labels sit off screen.
- */
-async function fitAxes(viewer, reach, axes) {
-    if (!axes) {
-        await viewer.hideAxes();
-        return reach;
-    }
-    if (reach === undefined)
-        return undefined;
-    return (await viewer.showAxes(reach)) ?? reach;
-}
-/** What the frame button says it is for. */
-const AXES_HELP = {
-    title: 'Cartesian axes',
-    body: 'Draw x, y and z through the nucleus. The label names an orbital by where its lobes sit against them.',
-    example: {
-        code: '3d_yz',
-        note: 'four lobes between the y and z axes, none on either.',
-    },
-};
-/** What the reset button says it is for. */
-const RESET_HELP = {
-    title: 'Reset the view',
-    body: 'Back to the angle and zoom the orbital opened on. A change of orbital keeps whatever view you have turned it to.',
-};
 /** Samples per edge; 56 resolves the radial node of a 3s in about 25 ms. */
 const DEFAULT_RESOLUTION = 56;
-/**
- * A stable identity for either shape the resolution prop can take.
- * @param resolution - A fixed sample count, or the limits it may vary between.
- * @returns A string that changes exactly when the sampling would.
- */
-function resolutionKey(resolution) {
-    return typeof resolution === 'number'
-        ? String(resolution)
-        : `${resolution.floor}-${resolution.cap}`;
-}
 /**
  * A square, centred stage: an atomic orbital is as tall as it is wide, so a
  * square wastes the least of the frame and keeps the lobes the same size when
@@ -166,19 +120,6 @@ const CANVAS_STYLE = {
     borderRadius: 3,
     overflow: 'hidden',
 };
-/**
- * The two controls the canvas owns: the frame, and the way back to the framing
- * the orbital opened on — a change of orbital now keeps whatever angle and zoom
- * the student is on.
- */
-const CONTROLS_STYLE = {
-    position: 'absolute',
-    top: 4,
-    right: 4,
-    zIndex: 1,
-    display: 'flex',
-    gap: 2,
-};
 const BUSY_STYLE = {
     position: 'absolute',
     top: 8,
@@ -186,8 +127,9 @@ const BUSY_STYLE = {
     zIndex: 1,
     padding: '3px 8px',
     borderRadius: 3,
-    background: 'rgba(255, 255, 255, 0.85)',
-    color: 'var(--text-muted, #5f6b7c)',
+    background: TOKEN.surface,
+    opacity: 0.85,
+    color: TOKEN.textMuted,
     fontSize: 11,
 };
 //# sourceMappingURL=AtomicOrbitalCanvas.js.map

package/lib/orbital/ui/AtomicOrbitalCanvas.js.map

@@ -1 +1 @@
-{"version":3,"file":"AtomicOrbitalCanvas.js","sourceRoot":"","sources":["../../../src/orbital/ui/AtomicOrbitalCanvas.tsx"],"names":[],"mappings":";AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGpD,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA+B,CAAC;AAG5D,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEpD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAEjD,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAsElD;;;;GAIG;AACH,MAAM,UAAU,mBAAmB,CACjC,KAA+B;IAE/B,MAAM,EACJ,YAAY,EACZ,SAAS,EACT,OAAO,GAAG,cAAc,CAAC,QAAQ,EACjC,UAAU,GAAG,kBAAkB,EAC/B,IAAI,EAAE,WAAW,GAAG,IAAI,EACxB,QAAQ,GAAG,KAAK,EAChB,SAAS,GAAG,kBAAkB,EAC9B,MAAM,GAAG,eAAe,EACxB,YAAY,EACZ,WAAW,EACX,OAAO,GACR,GAAG,KAAK,CAAC;IAEV,MAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAClD,MAAM,SAAS,GAAG,MAAM,CAAuB,IAAI,CAAC,CAAC;IACrD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAExD,4EAA4E;IAC5E,0EAA0E;IAC1E,yEAAyE;IACzE,+CAA+C;IAC/C,MAAM,QAAQ,GAAG,MAAM,CAAgB,IAAI,CAAC,CAAC;IAC7C,MAAM,OAAO,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC;IAEpC,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,WAAW,CAAC,CAAC;IAE9C,yEAAyE;IACzE,8EAA8E;IAC9E,MAAM,MAAM,GAAG,GAAG,YAAY,IAAI,SAAS,IAAI,aAAa,CAAC,UAAU,CAAC,IAAI,OAAO,CAAC,EAAE,EAAE,CAAC;IACzF,MAAM,IAAI,GAAG,KAAK,KAAK,MAAM,CAAC;IAE9B,2EAA2E;IAC3E,2DAA2D;IAC3D,MAAM,SAAS,GAAG,MAAM,CAAC,EAAE,YAAY,EAAE,WAAW,EAAE,OAAO,EAAE,CAAC,CAAC;IACjE,SAAS,CAAC,GAAG,EAAE;QACb,SAAS,CAAC,OAAO,GAAG,EAAE,YAAY,EAAE,WAAW,EAAE,OAAO,EAAE,CAAC;IAC7D,CAAC,CAAC,CAAC;IAEH,mEAAmE;IACnE,2EAA2E;IAC3E,wDAAwD;IACxD,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,SAAS,GAAG,YAAY,CAAC,OAAO,CAAC;QACvC,IAAI,SAAS,KAAK,IAAI;YAAE,OAAO;QAC/B,MAAM,MAAM,GAAG,mBAAmB,CAAC,SAAS,CAAC,CAAC;QAC9C,SAAS,CAAC,OAAO,GAAG,MAAM,CAAC;QAC3B,MAAM,QAAQ,GAAG,IAAI,cAAc,CAAC,GAAG,EAAE;YACvC,MAAM,CAAC,YAAY,EAAE,CAAC;QACxB,CAAC,CAAC,CAAC;QACH,QAAQ,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;QAC5B,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,UAAU,EAAE,CAAC;YACtB,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC;YACzB,MAAM,CAAC,OAAO,EAAE,CAAC;QACnB,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,MAAM,GAAG,SAAS,CAAC,OAAO,CAAC;QACjC,IAAI,MAAM,KAAK,IAAI;YAAE,OAAO;QAC5B,IAAI,SAAS,GAAG,KAAK,CAAC;QACtB,KAAK,MAAM,CAAC,EAAE,YAAY,EAAE,SAAS,EAAE,UAAU,EAAE,CAAC;aACjD,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE;YACrB,IAAI,SAAS;gBAAE,OAAO;YACtB,SAAS,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;YAClD,MAAM,KAAK,GAAG,MAAM,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,OAAO,EAAE;gBAClE,cAAc,EAAE,OAAO,CAAC,QAAQ;gBAChC,cAAc,EAAE,OAAO,CAAC,QAAQ;aACjC,CAAC,CAAC;YACH,QAAQ,CAAC,OAAO,GAAG,KAAK,IAAI,IAAI,CAAC;YACjC,MAAM,MAAM,CAAC,KAAK,CAAC,MAAM,OAAO,CAAC,MAAM,EAAE,KAAK,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC;YAClE,IAAI,CAAC,SAAS;gBAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;QACnC,CAAC,CAAC;aACD,KAAK,CAAC,CAAC,KAAc,EAAE,EAAE;YACxB,IAAI,SAAS;gBAAE,OAAO;YACtB,SAAS,CAAC,OAAO,CAAC,OAAO,EAAE,CACzB,KAAK,YAAY,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CACvD,CAAC;QACJ,CAAC,CAAC,CAAC;QACL,OAAO,GAAG,EAAE;YACV,SAAS,GAAG,IAAI,CAAC;QACnB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,YAAY,EAAE,SAAS,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IAEnE,6EAA6E;IAC7E,+CAA+C;IAC/C,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC;QACvB,MAAM,MAAM,GAAG,SAAS,CAAC,OAAO,CAAC;QACjC,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAC;QAC/B,IAAI,MAAM,KAAK,IAAI,IAAI,KAAK,KAAK,IAAI;YAAE,OAAO;QAC9C,KAAK,OAAO,CAAC,MAAM,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;IAC3E,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,SAAS,CAAC,GAAG,EAAE;QACb,KAAK,SAAS,CAAC,OAAO,EAAE,OAAO,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;IACvD,CAAC,EAAE,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAC;IAE1B,OAAO,CACL,eAAK,GAAG,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,aACxC,IAAI,IAAI,cAAK,KAAK,EAAE,UAAU,+BAAiB,EAChD,eAAK,KAAK,EAAE,cAAc,aACxB,KAAC,WAAW,IAAC,OAAO,EAAE,SAAS,EAAE,SAAS,EAAC,QAAQ,YACjD,KAAC,MAAM,IACL,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,MAAM,EACX,MAAM,EAAE,IAAI,gBACD,uBAAuB,kBACpB,IAAI,EAClB,OAAO,EAAE,GAAG,EAAE;gCACZ,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC;gCACf,SAAS,CAAC,OAAO,CAAC,YAAY,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC;4BAC1C,CAAC,GACD,GACU,EACd,KAAC,WAAW,IAAC,OAAO,EAAE,UAAU,EAAE,SAAS,EAAC,QAAQ,YAClD,KAAC,MAAM,IACL,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,aAAa,gBACP,gBAAgB,EAC3B,OAAO,EAAE,GAAG,EAAE;gCACZ,KAAK,SAAS,CAAC,OAAO,EAAE,SAAS,EAAE,CAAC;4BACtC,CAAC,GACD,GACU,IACV,IACF,CACP,CAAC;AACJ,CAAC;AAED;;;;;;;;GAQG;AACH,KAAK,UAAU,OAAO,CACpB,MAAqB,EACrB,KAAyB,EACzB,IAAa;IAEb,IAAI,CAAC,IAAI,EAAE,CAAC;QACV,MAAM,MAAM,CAAC,QAAQ,EAAE,CAAC;QACxB,OAAO,KAAK,CAAC;IACf,CAAC;IACD,IAAI,KAAK,KAAK,SAAS;QAAE,OAAO,SAAS,CAAC;IAC1C,OAAO,CAAC,MAAM,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,IAAI,KAAK,CAAC;AACjD,CAAC;AAED,4CAA4C;AAC5C,MAAM,SAAS,GAAgB;IAC7B,KAAK,EAAE,gBAAgB;IACvB,IAAI,EAAE,sGAAsG;IAC5G,OAAO,EAAE;QACP,IAAI,EAAE,OAAO;QACb,IAAI,EAAE,sDAAsD;KAC7D;CACF,CAAC;AAEF,4CAA4C;AAC5C,MAAM,UAAU,GAAgB;IAC9B,KAAK,EAAE,gBAAgB;IACvB,IAAI,EAAE,kHAAkH;CACzH,CAAC;AAEF,4EAA4E;AAC5E,MAAM,kBAAkB,GAAG,EAAE,CAAC;AAE9B;;;;GAIG;AACH,SAAS,aAAa,CAAC,UAAqC;IAC1D,OAAO,OAAO,UAAU,KAAK,QAAQ;QACnC,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC;QACpB,CAAC,CAAC,GAAG,UAAU,CAAC,KAAK,IAAI,UAAU,CAAC,GAAG,EAAE,CAAC;AAC9C,CAAC;AAED;;;;GAIG;AACH,MAAM,YAAY,GAAkB;IAClC,QAAQ,EAAE,UAAU;IACpB,KAAK,EAAE,MAAM;IACb,QAAQ,EAAE,iBAAiB;IAC3B,WAAW,EAAE,OAAO;IACpB,MAAM,EAAE,QAAQ;IAChB,SAAS,EAAE,GAAG;IACd,YAAY,EAAE,CAAC;IACf,QAAQ,EAAE,QAAQ;CACnB,CAAC;AAEF;;;;GAIG;AACH,MAAM,cAAc,GAAkB;IACpC,QAAQ,EAAE,UAAU;IACpB,GAAG,EAAE,CAAC;IACN,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,CAAC;IACT,OAAO,EAAE,MAAM;IACf,GAAG,EAAE,CAAC;CACP,CAAC;AAEF,MAAM,UAAU,GAAkB;IAChC,QAAQ,EAAE,UAAU;IACpB,GAAG,EAAE,CAAC;IACN,IAAI,EAAE,CAAC;IACP,MAAM,EAAE,CAAC;IACT,OAAO,EAAE,SAAS;IAClB,YAAY,EAAE,CAAC;IACf,UAAU,EAAE,2BAA2B;IACvC,KAAK,EAAE,4BAA4B;IACnC,QAAQ,EAAE,EAAE;CACb,CAAC"}
+{"version":3,"file":"AtomicOrbitalCanvas.js","sourceRoot":"","sources":["../../../src/orbital/ui/AtomicOrbitalCanvas.tsx"],"names":[],"mappings":"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"}

package/lib/orbital/ui/AtomicOrbitalControls.d.ts

@@ -0,0 +1,23 @@
+/**
+ * The two controls an orbital canvas owns: the cartesian frame, and the way
+ * back to the framing the orbital opened on — a change of orbital keeps
+ * whatever angle and zoom the student is on.
+ */
+import type { ReactElement } from 'react';
+/** Props of {@link AtomicOrbitalControls}. */
+interface AtomicOrbitalControlsProps {
+    /** Whether the frame is drawn. */
+    axes: boolean;
+    /** Called when the frame button is pressed. */
+    onToggleAxes: () => void;
+    /** Called when the reset button is pressed. */
+    onResetView: () => void;
+}
+/**
+ * The frame and reset buttons, in the canvas's top-right corner.
+ * @param props - See {@link AtomicOrbitalControlsProps}.
+ * @returns The two buttons.
+ */
+export declare function AtomicOrbitalControls(props: AtomicOrbitalControlsProps): ReactElement;
+export {};
+//# sourceMappingURL=AtomicOrbitalControls.d.ts.map

package/lib/orbital/ui/AtomicOrbitalControls.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AtomicOrbitalControls.d.ts","sourceRoot":"","sources":["../../../src/orbital/ui/AtomicOrbitalControls.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,KAAK,EAAiB,YAAY,EAAE,MAAM,OAAO,CAAC;AAKzD,8CAA8C;AAC9C,UAAU,0BAA0B;IAClC,kCAAkC;IAClC,IAAI,EAAE,OAAO,CAAC;IACd,+CAA+C;IAC/C,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,+CAA+C;IAC/C,WAAW,EAAE,MAAM,IAAI,CAAC;CACzB;AAED;;;;GAIG;AACH,wBAAgB,qBAAqB,CACnC,KAAK,EAAE,0BAA0B,GAChC,YAAY,CA0Bd"}

package/lib/orbital/ui/AtomicOrbitalControls.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * The two controls an orbital canvas owns: the cartesian frame, and the way
+ * back to the framing the orbital opened on — a change of orbital keeps
+ * whatever angle and zoom the student is on.
+ */
+import { Button } from '@blueprintjs/core';
+import { HelpTooltip } from "../../help/ui/HelpTooltip.js";
+/**
+ * The frame and reset buttons, in the canvas's top-right corner.
+ * @param props - See {@link AtomicOrbitalControlsProps}.
+ * @returns The two buttons.
+ */
+export function AtomicOrbitalControls(props) {
+    const { axes, onToggleAxes, onResetView } = props;
+    return (_jsxs("div", { style: CONTROLS_STYLE, children: [_jsx(HelpTooltip, { content: AXES_HELP, placement: "bottom", children: _jsx(Button, { variant: "minimal", size: "small", icon: "grid", active: axes, "aria-label": "Show the x, y, z axes", "aria-pressed": axes, onClick: onToggleAxes }) }), _jsx(HelpTooltip, { content: RESET_HELP, placement: "bottom", children: _jsx(Button, { variant: "minimal", size: "small", icon: "zoom-to-fit", "aria-label": "Reset the view", onClick: onResetView }) })] }));
+}
+/** What the frame button says it is for. */
+const AXES_HELP = {
+    title: 'Cartesian axes',
+    body: 'Draw x, y and z through the nucleus. The label names an orbital by where its lobes sit against them.',
+    example: {
+        code: '3d_yz',
+        note: 'four lobes between the y and z axes, none on either.',
+    },
+};
+/** What the reset button says it is for. */
+const RESET_HELP = {
+    title: 'Reset the view',
+    body: 'Back to the angle and zoom the orbital opened on. A change of orbital keeps whatever view you have turned it to.',
+};
+const CONTROLS_STYLE = {
+    position: 'absolute',
+    top: 4,
+    right: 4,
+    zIndex: 1,
+    display: 'flex',
+    gap: 2,
+};
+//# sourceMappingURL=AtomicOrbitalControls.js.map

package/lib/orbital/ui/AtomicOrbitalControls.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AtomicOrbitalControls.js","sourceRoot":"","sources":["../../../src/orbital/ui/AtomicOrbitalControls.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAI3C,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA+B,CAAC;AAY5D;;;;GAIG;AACH,MAAM,UAAU,qBAAqB,CACnC,KAAiC;IAEjC,MAAM,EAAE,IAAI,EAAE,YAAY,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC;IAClD,OAAO,CACL,eAAK,KAAK,EAAE,cAAc,aACxB,KAAC,WAAW,IAAC,OAAO,EAAE,SAAS,EAAE,SAAS,EAAC,QAAQ,YACjD,KAAC,MAAM,IACL,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,MAAM,EACX,MAAM,EAAE,IAAI,gBACD,uBAAuB,kBACpB,IAAI,EAClB,OAAO,EAAE,YAAY,GACrB,GACU,EACd,KAAC,WAAW,IAAC,OAAO,EAAE,UAAU,EAAE,SAAS,EAAC,QAAQ,YAClD,KAAC,MAAM,IACL,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,aAAa,gBACP,gBAAgB,EAC3B,OAAO,EAAE,WAAW,GACpB,GACU,IACV,CACP,CAAC;AACJ,CAAC;AAED,4CAA4C;AAC5C,MAAM,SAAS,GAAgB;IAC7B,KAAK,EAAE,gBAAgB;IACvB,IAAI,EAAE,sGAAsG;IAC5G,OAAO,EAAE;QACP,IAAI,EAAE,OAAO;QACb,IAAI,EAAE,sDAAsD;KAC7D;CACF,CAAC;AAEF,4CAA4C;AAC5C,MAAM,UAAU,GAAgB;IAC9B,KAAK,EAAE,gBAAgB;IACvB,IAAI,EAAE,kHAAkH;CACzH,CAAC;AAEF,MAAM,cAAc,GAAkB;IACpC,QAAQ,EAAE,UAAU;IACpB,GAAG,EAAE,CAAC;IACN,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,CAAC;IACT,OAAO,EAAE,MAAM;IACf,GAAG,EAAE,CAAC;CACP,CAAC"}

package/lib/orbital/ui/AtomicOrbitalViewer.d.ts

@@ -85,6 +85,12 @@ export interface AtomicOrbitalViewerProps {
      * @default undefined
      */
     renderUnsupported?: (capability: ViewerCapability) => ReactNode;
+    /**
+     * Class of the outermost element, so a site can size or place the viewer
+     * from its stylesheet.
+     * @default undefined
+     */
+    className?: string;
 }
 /**
  * The 3D atomic orbital.

package/lib/orbital/ui/AtomicOrbitalViewer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AtomicOrbitalViewer.d.ts","sourceRoot":"","sources":["../../../src/orbital/ui/AtomicOrbitalViewer.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,KAAK,EAAiB,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGpE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAC9D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AACvD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAIvD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAQxD,4CAA4C;AAC5C,MAAM,WAAW,wBAAwB;IACvC,6CAA6C;IAC7C,YAAY,EAAE,MAAM,CAAC;IACrB,0EAA0E;IAC1E,SAAS,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,gBAAgB,CAAC;IACvC;;;;;OAKG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;;OAIG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB;;;;OAIG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACxC;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;;;OAKG;IACH,iBAAiB,CAAC,EAAE,CAAC,UAAU,EAAE,gBAAgB,KAAK,SAAS,CAAC;CACjE;AAED;;;;GAIG;AACH,wBAAgB,mBAAmB,CACjC,KAAK,EAAE,wBAAwB,GAC9B,YAAY,CAkCd"}
+{"version":3,"file":"AtomicOrbitalViewer.d.ts","sourceRoot":"","sources":["../../../src/orbital/ui/AtomicOrbitalViewer.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAGH,OAAO,KAAK,EAAiB,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIpE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAC9D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AACvD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAIvD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAQxD,4CAA4C;AAC5C,MAAM,WAAW,wBAAwB;IACvC,6CAA6C;IAC7C,YAAY,EAAE,MAAM,CAAC;IACrB,0EAA0E;IAC1E,SAAS,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,gBAAgB,CAAC;IACvC;;;;;OAKG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;;OAIG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB;;;;OAIG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACxC;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;;;OAKG;IACH,iBAAiB,CAAC,EAAE,CAAC,UAAU,EAAE,gBAAgB,KAAK,SAAS,CAAC;IAChE;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,wBAAgB,mBAAmB,CACjC,KAAK,EAAE,wBAAwB,GAC9B,YAAY,CAkCd"}

package/lib/orbital/ui/AtomicOrbitalViewer.js

@@ -1,5 +1,23 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * One atomic orbital in three dimensions, and what to say when there cannot be
+ * one.
+ *
+ * Two precautions, both of which are the reason to use this component rather
+ * than the canvas directly: the WebGL probe runs *before* molstar is touched,
+ * because a locked-down school machine would otherwise get a blank rectangle
+ * with no explanation, and the canvas sits behind `React.lazy`, so a page that
+ * never reaches it never downloads molstar.
+ *
+ * ```tsx
+ * import { AtomicOrbitalViewer } from 'react-cheminfo/orbital';
+ *
+ * <AtomicOrbitalViewer atomicNumber={26} orbitalId="3dz2" />;
+ * ```
+ */
+import { Callout } from '@blueprintjs/core';
 import { Suspense, lazy, useState } from 'react';
+import { TOKEN } from "../../tokens/core/familyTokens.js";
 import { probeViewerCapability } from "./capability.js";
 const AtomicOrbitalCanvas = lazy(async () => {
     const module = await import("./AtomicOrbitalCanvas.js");
@@ -11,15 +29,13 @@ const AtomicOrbitalCanvas = lazy(async () => {
  * @returns The viewer, or an explanation of why this machine cannot show one.
  */
 export function AtomicOrbitalViewer(props) {
-    const { fallback = 'Loading the 3D viewer…', renderUnsupported, ...canvas } = props;
+    const { fallback = 'Loading the 3D viewer…', renderUnsupported, className, ...canvas } = props;
     const [capability] = useState(probeViewerCapability);
     const [failure, setFailure] = useState(null);
     if (!capability.supported) {
-        return (_jsx("div", { style: NOTE_STYLE, children: renderUnsupported?.(capability) ?? capability.message }));
+        return (_jsx(Callout, { intent: "warning", compact: true, className: className, children: renderUnsupported?.(capability) ?? capability.message }));
     }
-    return (_jsxs("div", { style: ROOT_STYLE, children: [_jsx(Suspense, { fallback: _jsx("div", { style: NOTE_STYLE, children: fallback }), children: _jsx(AtomicOrbitalCanvas, { ...canvas, onError: (message) => {
-                        setFailure(message);
-                    } }) }), failure !== null && (_jsxs("div", { style: FAILURE_STYLE, children: ["This orbital could not be drawn: ", failure] }))] }));
+    return (_jsxs("div", { className: className, style: ROOT_STYLE, children: [_jsx(Suspense, { fallback: _jsx("div", { style: NOTE_STYLE, children: fallback }), children: _jsx(AtomicOrbitalCanvas, { ...canvas, onFailureChange: setFailure }) }), failure !== null && (_jsx(Callout, { intent: "danger", compact: true, title: "This orbital could not be drawn", children: failure }))] }));
 }
 const ROOT_STYLE = {
     display: 'flex',
@@ -34,16 +50,9 @@ const NOTE_STYLE = {
     minHeight: 260,
     padding: 12,
     borderRadius: 3,
-    background: 'rgb(241 245 249)',
-    color: 'var(--text-muted, #5f6b7c)',
+    background: TOKEN.surfaceSunken,
+    color: TOKEN.textMuted,
     fontSize: 13,
     textAlign: 'center',
 };
-const FAILURE_STYLE = {
-    padding: '6px 9px',
-    borderRadius: 3,
-    background: '#fdeaea',
-    color: '#8c2b2b',
-    fontSize: 12,
-};
 //# sourceMappingURL=AtomicOrbitalViewer.js.map

package/lib/orbital/ui/AtomicOrbitalViewer.js.map

@@ -1 +1 @@
-{"version":3,"file":"AtomicOrbitalViewer.js","sourceRoot":"","sources":["../../../src/orbital/ui/AtomicOrbitalViewer.tsx"],"names":[],"mappings":";AAkBA,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AASjD,OAAO,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AAExD,MAAM,mBAAmB,GAAG,IAAI,CAAC,KAAK,IAAI,EAAE;IAC1C,MAAM,MAAM,GAAG,MAAM,MAAM,CAAC,0BAA2B,CAAC,CAAC;IACzD,OAAO,EAAE,OAAO,EAAE,MAAM,CAAC,mBAAmB,EAAE,CAAC;AACjD,CAAC,CAAC,CAAC;AAsEH;;;;GAIG;AACH,MAAM,UAAU,mBAAmB,CACjC,KAA+B;IAE/B,MAAM,EACJ,QAAQ,GAAG,wBAAwB,EACnC,iBAAiB,EACjB,GAAG,MAAM,EACV,GAAG,KAAK,CAAC;IACV,MAAM,CAAC,UAAU,CAAC,GAAG,QAAQ,CAAC,qBAAqB,CAAC,CAAC;IACrD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAE5D,IAAI,CAAC,UAAU,CAAC,SAAS,EAAE,CAAC;QAC1B,OAAO,CACL,cAAK,KAAK,EAAE,UAAU,YACnB,iBAAiB,EAAE,CAAC,UAAU,CAAC,IAAI,UAAU,CAAC,OAAO,GAClD,CACP,CAAC;IACJ,CAAC;IAED,OAAO,CACL,eAAK,KAAK,EAAE,UAAU,aACpB,KAAC,QAAQ,IAAC,QAAQ,EAAE,cAAK,KAAK,EAAE,UAAU,YAAG,QAAQ,GAAO,YAC1D,KAAC,mBAAmB,OACd,MAAM,EACV,OAAO,EAAE,CAAC,OAAO,EAAE,EAAE;wBACnB,UAAU,CAAC,OAAO,CAAC,CAAC;oBACtB,CAAC,GACD,GACO,EACV,OAAO,KAAK,IAAI,IAAI,CACnB,eAAK,KAAK,EAAE,aAAa,kDACW,OAAO,IACrC,CACP,IACG,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,GAAkB;IAChC,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,GAAG,EAAE,CAAC;IACN,QAAQ,EAAE,CAAC;CACZ,CAAC;AAEF,MAAM,UAAU,GAAkB;IAChC,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,QAAQ;IACxB,SAAS,EAAE,GAAG;IACd,OAAO,EAAE,EAAE;IACX,YAAY,EAAE,CAAC;IACf,UAAU,EAAE,kBAAkB;IAC9B,KAAK,EAAE,4BAA4B;IACnC,QAAQ,EAAE,EAAE;IACZ,SAAS,EAAE,QAAQ;CACpB,CAAC;AAEF,MAAM,aAAa,GAAkB;IACnC,OAAO,EAAE,SAAS;IAClB,YAAY,EAAE,CAAC;IACf,UAAU,EAAE,SAAS;IACrB,KAAK,EAAE,SAAS;IAChB,QAAQ,EAAE,EAAE;CACb,CAAC"}
+{"version":3,"file":"AtomicOrbitalViewer.js","sourceRoot":"","sources":["../../../src/orbital/ui/AtomicOrbitalViewer.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAE5C,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjD,OAAO,EAAE,KAAK,EAAE,MAAM,mCAAmC,CAAC;AAQ1D,OAAO,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AAExD,MAAM,mBAAmB,GAAG,IAAI,CAAC,KAAK,IAAI,EAAE;IAC1C,MAAM,MAAM,GAAG,MAAM,MAAM,CAAC,0BAA2B,CAAC,CAAC;IACzD,OAAO,EAAE,OAAO,EAAE,MAAM,CAAC,mBAAmB,EAAE,CAAC;AACjD,CAAC,CAAC,CAAC;AA4EH;;;;GAIG;AACH,MAAM,UAAU,mBAAmB,CACjC,KAA+B;IAE/B,MAAM,EACJ,QAAQ,GAAG,wBAAwB,EACnC,iBAAiB,EACjB,SAAS,EACT,GAAG,MAAM,EACV,GAAG,KAAK,CAAC;IACV,MAAM,CAAC,UAAU,CAAC,GAAG,QAAQ,CAAC,qBAAqB,CAAC,CAAC;IACrD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAE5D,IAAI,CAAC,UAAU,CAAC,SAAS,EAAE,CAAC;QAC1B,OAAO,CACL,KAAC,OAAO,IAAC,MAAM,EAAC,SAAS,EAAC,OAAO,QAAC,SAAS,EAAE,SAAS,YACnD,iBAAiB,EAAE,CAAC,UAAU,CAAC,IAAI,UAAU,CAAC,OAAO,GAC9C,CACX,CAAC;IACJ,CAAC;IAED,OAAO,CACL,eAAK,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,UAAU,aAC1C,KAAC,QAAQ,IAAC,QAAQ,EAAE,cAAK,KAAK,EAAE,UAAU,YAAG,QAAQ,GAAO,YAC1D,KAAC,mBAAmB,OAAK,MAAM,EAAE,eAAe,EAAE,UAAU,GAAI,GACvD,EACV,OAAO,KAAK,IAAI,IAAI,CACnB,KAAC,OAAO,IACN,MAAM,EAAC,QAAQ,EACf,OAAO,QACP,KAAK,EAAC,iCAAiC,YAEtC,OAAO,GACA,CACX,IACG,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,GAAkB;IAChC,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,GAAG,EAAE,CAAC;IACN,QAAQ,EAAE,CAAC;CACZ,CAAC;AAEF,MAAM,UAAU,GAAkB;IAChC,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,QAAQ;IACxB,SAAS,EAAE,GAAG;IACd,OAAO,EAAE,EAAE;IACX,YAAY,EAAE,CAAC;IACf,UAAU,EAAE,KAAK,CAAC,aAAa;IAC/B,KAAK,EAAE,KAAK,CAAC,SAAS;IACtB,QAAQ,EAAE,EAAE;IACZ,SAAS,EAAE,QAAQ;CACpB,CAAC"}

package/lib/orbital/ui/RadialPlot.d.ts

@@ -0,0 +1,79 @@
+/**
+ * The radial distribution of one orbital: how far from the nucleus its
+ * electron is, with every radial node ruled.
+ *
+ * What has to be legible is not the curve but its `n − ℓ − 1` zeros, so each
+ * is marked with a rule that sits exactly on the crossing. With the amplitude
+ * overlaid the picture also says why they are nodes: `R` crosses zero and
+ * changes colour there, while `r²R²` only touches it.
+ *
+ * ```tsx
+ * import { RadialPlot } from 'react-cheminfo/orbital';
+ *
+ * <RadialPlot parameters={{ n: 3, l: 0, charge: 2.2 }} name="3s" showAmplitude />;
+ * ```
+ */
+import type { ReactElement, ReactNode } from 'react';
+import type { HydrogenicParameters } from '../core/hydrogenic.ts';
+import type { PhasePalette } from '../core/palette.ts';
+import type { RadialDistribution } from '../core/radialDistribution.ts';
+/** The unit distances are written in. */
+export type RadialPlotUnit = 'pm' | 'angstrom';
+/** Props of {@link RadialPlot}. */
+export interface RadialPlotProps {
+    /** Which orbital, and how strongly it is bound. */
+    parameters: HydrogenicParameters;
+    /**
+     * What the curve belongs to, e.g. `3d`, for the label a screen reader reads.
+     * @default undefined
+     */
+    name?: string;
+    /**
+     * Whether the amplitude `R` is overlaid, dashed and coloured by phase.
+     * @default false
+     */
+    showAmplitude?: boolean;
+    /**
+     * The colours the two phases of the amplitude are drawn in.
+     * @default PHASE_PALETTES.textbook
+     */
+    palette?: PhasePalette;
+    /**
+     * Whether the distance the electron is most likely at is ruled.
+     * @default true
+     */
+    showPeak?: boolean;
+    /**
+     * The unit the distance axis is written in.
+     * @default 'pm'
+     */
+    unit?: RadialPlotUnit;
+    /**
+     * Width of the plot, in pixels.
+     * @default the width of the element it is placed in
+     */
+    width?: number;
+    /**
+     * Height of the plot, in pixels.
+     * @default 220
+     */
+    height?: number;
+    /**
+     * What is written under the plot, from the same samples the curve was drawn
+     * from — so a sentence quoting the peak quotes the plotted one.
+     * @default undefined
+     */
+    renderCaption?: (distribution: RadialDistribution) => ReactNode;
+    /**
+     * Class of the outermost element.
+     * @default undefined
+     */
+    className?: string;
+}
+/**
+ * The radial distribution plot.
+ * @param props - See {@link RadialPlotProps}.
+ * @returns A figure holding the plot and its optional caption.
+ */
+export declare function RadialPlot(props: RadialPlotProps): ReactElement;
+//# sourceMappingURL=RadialPlot.d.ts.map

package/lib/orbital/ui/RadialPlot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadialPlot.d.ts","sourceRoot":"","sources":["../../../src/orbital/ui/RadialPlot.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,KAAK,EAAiB,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMpE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAClE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAEvD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AAKxE,yCAAyC;AACzC,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,UAAU,CAAC;AAE/C,mCAAmC;AACnC,MAAM,WAAW,eAAe;IAC9B,mDAAmD;IACnD,UAAU,EAAE,oBAAoB,CAAC;IACjC;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;OAGG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;;OAIG;IACH,aAAa,CAAC,EAAE,CAAC,YAAY,EAAE,kBAAkB,KAAK,SAAS,CAAC;IAChE;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,YAAY,CA8D/D"}

package/lib/orbital/ui/RadialPlot.js

@@ -0,0 +1,59 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo, useRef } from 'react';
+import { ChartFrame } from "../../chart/ui/ChartFrame.js";
+import { useContainerSize } from "../../hooks/ui/useContainerSize.js";
+import { TOKEN } from "../../tokens/core/familyTokens.js";
+import { PHASE_PALETTES } from "../core/palette.js";
+import { radialDistribution } from "../core/radialDistribution.js";
+import { RadialPlotMarks } from "./RadialPlotMarks.js";
+/**
+ * The radial distribution plot.
+ * @param props - See {@link RadialPlotProps}.
+ * @returns A figure holding the plot and its optional caption.
+ */
+export function RadialPlot(props) {
+    const { parameters, name, showAmplitude = false, palette = PHASE_PALETTES.textbook, showPeak = true, unit = 'pm', width, height = 220, renderCaption, className, } = props;
+    const { n, l, charge } = parameters;
+    const figureRef = useRef(null);
+    const measured = useContainerSize(figureRef);
+    const distribution = useMemo(() => radialDistribution({ n, l, charge }), [n, l, charge]);
+    const unitFactor = UNIT_FACTORS[unit];
+    const curves = showAmplitude ? 'r²R² and R' : 'r²R²';
+    return (_jsxs("figure", { ref: figureRef, className: className, style: FIGURE_STYLE, children: [_jsx(ChartFrame, { width: width ?? measured.width, height: height, x: {
+                    domain: [0, distribution.limit * unitFactor],
+                    label: `Distance from the nucleus (${UNIT_LABELS[unit]})`,
+                    showGrid: false,
+                }, y: {
+                    domain: showAmplitude ? [-1, 1] : [0, 1],
+                    label: `${curves} (relative)`,
+                    showGrid: false,
+                    showTicks: false,
+                    nice: false,
+                }, label: accessibleLabel(name, distribution.nodeRadii.length), testId: "radial-plot", children: (frame) => (_jsx(RadialPlotMarks, { frame: frame, distribution: distribution, unitFactor: unitFactor, showAmplitude: showAmplitude, showPeak: showPeak, palette: palette })) }), renderCaption === undefined ? null : (_jsx("figcaption", { style: CAPTION_STYLE, children: renderCaption(distribution) }))] }));
+}
+function accessibleLabel(name, nodes) {
+    const subject = name === undefined ? 'an orbital' : `the ${name} orbital`;
+    const count = `${nodes} radial node${nodes === 1 ? '' : 's'}`;
+    return `Radial distribution of ${subject}, ${count}`;
+}
+const UNIT_FACTORS = {
+    pm: 100,
+    angstrom: 1,
+};
+const UNIT_LABELS = {
+    pm: 'pm',
+    angstrom: 'Å',
+};
+const FIGURE_STYLE = {
+    display: 'flex',
+    flexDirection: 'column',
+    gap: 4,
+    margin: 0,
+    minWidth: 0,
+};
+const CAPTION_STYLE = {
+    color: TOKEN.textMuted,
+    fontSize: 12,
+    lineHeight: 1.4,
+};
+//# sourceMappingURL=RadialPlot.js.map

package/lib/orbital/ui/RadialPlot.js.map

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

package/lib/orbital/ui/RadialPlotMarks.d.ts

@@ -0,0 +1,31 @@
+/**
+ * What a radial plot draws inside its frame: the distribution, the amplitude
+ * when it is asked for, a rule on every node and one on the peak.
+ */
+import type { ReactElement } from 'react';
+import type { ChartFrameRender } from '../../chart/ui/ChartFrame.tsx';
+import type { PhasePalette } from '../core/palette.ts';
+import type { RadialDistribution } from '../core/radialDistribution.ts';
+/** Props of {@link RadialPlotMarks}. */
+interface RadialPlotMarksProps {
+    /** The frame the marks are drawn in. */
+    frame: ChartFrameRender;
+    /** The sampled orbital. */
+    distribution: RadialDistribution;
+    /** Displayed units per ångström. */
+    unitFactor: number;
+    /** Whether `R` is overlaid, coloured by phase. */
+    showAmplitude: boolean;
+    /** Whether the most probable distance is ruled. */
+    showPeak: boolean;
+    /** The colours of the two phases. */
+    palette: PhasePalette;
+}
+/**
+ * The marks of a radial plot.
+ * @param props - See {@link RadialPlotMarksProps}.
+ * @returns An SVG group.
+ */
+export declare function RadialPlotMarks(props: RadialPlotMarksProps): ReactElement;
+export {};
+//# sourceMappingURL=RadialPlotMarks.d.ts.map

package/lib/orbital/ui/RadialPlotMarks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadialPlotMarks.d.ts","sourceRoot":"","sources":["../../../src/orbital/ui/RadialPlotMarks.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAEtE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AACvD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AAIxE,wCAAwC;AACxC,UAAU,oBAAoB;IAC5B,wCAAwC;IACxC,KAAK,EAAE,gBAAgB,CAAC;IACxB,2BAA2B;IAC3B,YAAY,EAAE,kBAAkB,CAAC;IACjC,oCAAoC;IACpC,UAAU,EAAE,MAAM,CAAC;IACnB,kDAAkD;IAClD,aAAa,EAAE,OAAO,CAAC;IACvB,mDAAmD;IACnD,QAAQ,EAAE,OAAO,CAAC;IAClB,qCAAqC;IACrC,OAAO,EAAE,YAAY,CAAC;CACvB;AAED;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,GAAG,YAAY,CAqDzE"}

package/lib/orbital/ui/RadialPlotMarks.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { TOKEN } from "../../tokens/core/familyTokens.js";
+import { radialPlotGeometry } from "./radialPlotGeometry.js";
+/**
+ * The marks of a radial plot.
+ * @param props - See {@link RadialPlotMarksProps}.
+ * @returns An SVG group.
+ */
+export function RadialPlotMarks(props) {
+    const { frame, distribution, unitFactor, showAmplitude, showPeak, palette } = props;
+    const geometry = radialPlotGeometry(distribution, frame.x, frame.y, unitFactor, showAmplitude);
+    return (_jsxs("g", { children: [_jsx("path", { d: geometry.densityArea, fill: INK, fillOpacity: 0.1 }), _jsx("path", { d: geometry.densityLine, fill: "none", stroke: INK, strokeWidth: 1.6, "data-mark": "density" }), geometry.amplitudeRuns.map((run) => (_jsx("path", { d: run.path, fill: "none", stroke: run.positive ? palette.positive : palette.negative, strokeWidth: 1.6, strokeDasharray: "5 3", "data-mark": run.positive ? 'amplitude-positive' : 'amplitude-negative' }, run.path))), distribution.nodeRadii.map((radius) => (_jsx(VerticalRule, { frame: frame, value: radius * unitFactor, label: "node", color: INK, dashed: true }, radius))), showPeak ? (_jsx(VerticalRule, { frame: frame, value: distribution.peakDistance * unitFactor, label: "peak", color: FAINT_INK, dashed: false })) : null] }));
+}
+function VerticalRule(props) {
+    const { frame, value, label, color, dashed } = props;
+    const x = frame.x.offset + value * frame.x.factor;
+    return (_jsxs("g", { "data-mark": label, children: [_jsx("line", { x1: x, x2: x, y1: frame.plot.top + 12, y2: frame.plot.bottom, stroke: color, strokeWidth: 1, strokeDasharray: dashed ? '3 3' : undefined, opacity: 0.6 }), _jsx("text", { x: x, y: frame.plot.top + 9, textAnchor: "middle", fontSize: 10, fill: MUTED_INK, children: label })] }));
+}
+const INK = TOKEN.text;
+const MUTED_INK = TOKEN.textMuted;
+const FAINT_INK = TOKEN.textFaint;
+//# sourceMappingURL=RadialPlotMarks.js.map

package/lib/orbital/ui/RadialPlotMarks.js.map

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

package/lib/orbital/ui/camera.d.ts

@@ -13,12 +13,6 @@ export declare const DEFAULT_CAMERA_DURATION = 250;
  * an orbital fast enough that the phases blur into each other.
  */
 export declare const DEFAULT_SPIN_SPEED = 0.3;
-/**
- * Frame everything currently in the scene.
- * @param plugin - The molstar context.
- * @param durationMs - Transition length. Pass 0 for an instant jump.
- */
-export declare function resetCamera(plugin: PluginContext, durationMs?: number): void;
 /**
  * Frame the scene from an oblique angle, for a lone atom rather than a molecule.
  *

package/lib/orbital/ui/camera.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"camera.d.ts","sourceRoot":"","sources":["../../../src/orbital/ui/camera.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAEvE,8EAA8E;AAC9E,eAAO,MAAM,uBAAuB,MAAM,CAAC;AAE3C;;;;;GAKG;AACH,eAAO,MAAM,kBAAkB,MAAM,CAAC;AAYtC;;;;GAIG;AACH,wBAAgB,WAAW,CACzB,MAAM,EAAE,aAAa,EACrB,UAAU,SAA0B,GACnC,IAAI,CAWN;AAkBD;;;;;;;;;;;;GAYG;AACH,wBAAgB,YAAY,CAC1B,MAAM,EAAE,aAAa,EACrB,aAAa,CAAC,EAAE,MAAM,EACtB,UAAU,SAA0B,GACnC,IAAI,CA6BN;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,YAAY,CAC1B,MAAM,EAAE,aAAa,EACrB,cAAc,EAAE,MAAM,EACtB,aAAa,EAAE,MAAM,EACrB,UAAU,SAA0B,GACnC,IAAI,CA0BN;AAmCD;;;;;GAKG;AACH,wBAAgB,OAAO,CACrB,MAAM,EAAE,aAAa,EACrB,QAAQ,EAAE,OAAO,EACjB,KAAK,SAAqB,GACzB,IAAI,CAQN"}
+{"version":3,"file":"camera.d.ts","sourceRoot":"","sources":["../../../src/orbital/ui/camera.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAEvE,8EAA8E;AAC9E,eAAO,MAAM,uBAAuB,MAAM,CAAC;AAE3C;;;;;GAKG;AACH,eAAO,MAAM,kBAAkB,MAAM,CAAC;AAiDtC;;;;;;;;;;;;GAYG;AACH,wBAAgB,YAAY,CAC1B,MAAM,EAAE,aAAa,EACrB,aAAa,CAAC,EAAE,MAAM,EACtB,UAAU,SAA0B,GACnC,IAAI,CA6BN;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,YAAY,CAC1B,MAAM,EAAE,aAAa,EACrB,cAAc,EAAE,MAAM,EACtB,aAAa,EAAE,MAAM,EACrB,UAAU,SAA0B,GACnC,IAAI,CA0BN;AAmCD;;;;;GAKG;AACH,wBAAgB,OAAO,CACrB,MAAM,EAAE,aAAa,EACrB,QAAQ,EAAE,OAAO,EACjB,KAAK,SAAqB,GACzB,IAAI,CAQN"}

package/lib/orbital/ui/camera.js

@@ -27,7 +27,7 @@ const FRAMING_MARGIN = 0.08;
  * @param plugin - The molstar context.
  * @param durationMs - Transition length. Pass 0 for an instant jump.
  */
-export function resetCamera(plugin, durationMs = DEFAULT_CAMERA_DURATION) {
+function resetCamera(plugin, durationMs = DEFAULT_CAMERA_DURATION) {
     const scene = plugin.canvas3d?.boundingSphereVisible;
     if (scene === undefined || scene.radius <= 0) {
         plugin.managers.camera.reset(undefined, durationMs);