react-cheminfo 0.75.0 → 0.77.0

package/lib/panel/ui/usePanelFolds.d.ts

@@ -0,0 +1,35 @@
+/** Which panels of a stack are folded, and the gestures that change that. */
+export interface PanelFolds {
+    /**
+     * Whether a panel shows its body.
+     * @param id - The panel.
+     * @returns False while it is folded away.
+     */
+    isOpen: (id: string) => boolean;
+    /**
+     * Fold a panel away, or unfold it.
+     * @param id - The panel.
+     * @param open - Whether it shows its body.
+     */
+    setOpen: (id: string, open: boolean) => void;
+    /** The one panel left unfolded among several, or null. */
+    focused: string | null;
+    /**
+     * Focus on a panel: unfold it and fold every other one, or, when it is
+     * already in focus, unfold them all again.
+     * @param id - The panel.
+     */
+    toggleFocus: (id: string) => void;
+}
+/**
+ * The folds of a stack of panels, kept by the stack rather than by each panel
+ * so that one panel can be focused — every other one folded — and the focus
+ * undone.
+ *
+ * A panel closed while folded comes back unfolded when it is opened again: a
+ * reader reopening a panel from the rail is asking to see it.
+ * @param openIds - The panels in the stack, in the order they are drawn.
+ * @returns The folds.
+ */
+export declare function usePanelFolds(openIds: readonly string[]): PanelFolds;
+//# sourceMappingURL=usePanelFolds.d.ts.map

package/lib/panel/ui/usePanelFolds.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePanelFolds.d.ts","sourceRoot":"","sources":["../../../src/panel/ui/usePanelFolds.ts"],"names":[],"mappings":"AAEA,6EAA6E;AAC7E,MAAM,WAAW,UAAU;IACzB;;;;OAIG;IACH,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC;IAChC;;;;OAIG;IACH,OAAO,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,0DAA0D;IAC1D,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB;;;;OAIG;IACH,WAAW,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAID;;;;;;;;;GASG;AACH,wBAAgB,aAAa,CAAC,OAAO,EAAE,SAAS,MAAM,EAAE,GAAG,UAAU,CA0BpE"}

package/lib/panel/ui/usePanelFolds.js

@@ -0,0 +1,73 @@
+import { useState } from 'react';
+const NOTHING_FOLDED = new Set();
+/**
+ * The folds of a stack of panels, kept by the stack rather than by each panel
+ * so that one panel can be focused — every other one folded — and the focus
+ * undone.
+ *
+ * A panel closed while folded comes back unfolded when it is opened again: a
+ * reader reopening a panel from the rail is asking to see it.
+ * @param openIds - The panels in the stack, in the order they are drawn.
+ * @returns The folds.
+ */
+export function usePanelFolds(openIds) {
+    const [folded, setFolded] = useState(NOTHING_FOLDED);
+    const kept = keepOnly(folded, openIds);
+    if (kept !== folded)
+        setFolded(kept);
+    return {
+        isOpen: (id) => !kept.has(id),
+        setOpen: (id, open) => {
+            setFolded((previous) => {
+                if (previous.has(id) !== open)
+                    return previous;
+                const next = new Set(previous);
+                if (open)
+                    next.delete(id);
+                else
+                    next.add(id);
+                return next;
+            });
+        },
+        focused: focusedPanel(openIds, kept),
+        toggleFocus: (id) => {
+            setFolded(focusedPanel(openIds, kept) === id
+                ? NOTHING_FOLDED
+                : new Set(openIds.filter((other) => other !== id)));
+        },
+    };
+}
+/**
+ * The folds of the panels still in the stack.
+ * @param folded - The panels folded.
+ * @param openIds - The panels in the stack.
+ * @returns `folded` itself when every one of them is still in the stack.
+ */
+function keepOnly(folded, openIds) {
+    for (const id of folded) {
+        if (!openIds.includes(id)) {
+            return new Set(openIds.filter((open) => folded.has(open)));
+        }
+    }
+    return folded;
+}
+/**
+ * The panel in focus: the only one unfolded, when there is another to fold.
+ * @param openIds - The panels in the stack.
+ * @param folded - The panels folded.
+ * @returns The panel, or null.
+ */
+function focusedPanel(openIds, folded) {
+    if (openIds.length < 2)
+        return null;
+    let unfolded = null;
+    for (const id of openIds) {
+        if (folded.has(id))
+            continue;
+        if (unfolded !== null)
+            return null;
+        unfolded = id;
+    }
+    return unfolded;
+}
+//# sourceMappingURL=usePanelFolds.js.map

package/lib/panel/ui/usePanelFolds.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePanelFolds.js","sourceRoot":"","sources":["../../../src/panel/ui/usePanelFolds.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AA0BjC,MAAM,cAAc,GAAwB,IAAI,GAAG,EAAE,CAAC;AAEtD;;;;;;;;;GASG;AACH,MAAM,UAAU,aAAa,CAAC,OAA0B;IACtD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,cAAc,CAAC,CAAC;IAErD,MAAM,IAAI,GAAG,QAAQ,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACvC,IAAI,IAAI,KAAK,MAAM;QAAE,SAAS,CAAC,IAAI,CAAC,CAAC;IAErC,OAAO;QACL,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC;QAC7B,OAAO,EAAE,CAAC,EAAE,EAAE,IAAI,EAAE,EAAE;YACpB,SAAS,CAAC,CAAC,QAAQ,EAAE,EAAE;gBACrB,IAAI,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC,KAAK,IAAI;oBAAE,OAAO,QAAQ,CAAC;gBAC/C,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,QAAQ,CAAC,CAAC;gBAC/B,IAAI,IAAI;oBAAE,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;;oBACrB,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;gBAClB,OAAO,IAAI,CAAC;YACd,CAAC,CAAC,CAAC;QACL,CAAC;QACD,OAAO,EAAE,YAAY,CAAC,OAAO,EAAE,IAAI,CAAC;QACpC,WAAW,EAAE,CAAC,EAAE,EAAE,EAAE;YAClB,SAAS,CACP,YAAY,CAAC,OAAO,EAAE,IAAI,CAAC,KAAK,EAAE;gBAChC,CAAC,CAAC,cAAc;gBAChB,CAAC,CAAC,IAAI,GAAG,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,KAAK,EAAE,CAAC,CAAC,CACrD,CAAC;QACJ,CAAC;KACF,CAAC;AACJ,CAAC;AAED;;;;;GAKG;AACH,SAAS,QAAQ,CACf,MAA2B,EAC3B,OAA0B;IAE1B,KAAK,MAAM,EAAE,IAAI,MAAM,EAAE,CAAC;QACxB,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAE,CAAC;YAC1B,OAAO,IAAI,GAAG,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QAC7D,CAAC;IACH,CAAC;IACD,OAAO,MAAM,CAAC;AAChB,CAAC;AAED;;;;;GAKG;AACH,SAAS,YAAY,CACnB,OAA0B,EAC1B,MAA2B;IAE3B,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC;QAAE,OAAO,IAAI,CAAC;IACpC,IAAI,QAAQ,GAAkB,IAAI,CAAC;IACnC,KAAK,MAAM,EAAE,IAAI,OAAO,EAAE,CAAC;QACzB,IAAI,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC;YAAE,SAAS;QAC7B,IAAI,QAAQ,KAAK,IAAI;YAAE,OAAO,IAAI,CAAC;QACnC,QAAQ,GAAG,EAAE,CAAC;IAChB,CAAC;IACD,OAAO,QAAQ,CAAC;AAClB,CAAC"}

package/lib/shared/ui/FullscreenStage.d.ts

@@ -0,0 +1,43 @@
+/**
+ * A box that can fill the screen: the 3D canvas and its toolbars, a side panel.
+ *
+ * A box filling the screen hides everything outside it, and the popovers and
+ * tooltips of what it holds are portalled to `document.body`: while the box
+ * fills the screen they are portalled into it instead, the way react-science's
+ * `RootLayout` keeps its own menus visible. Otherwise the portal options of the
+ * page around the box are passed through untouched.
+ */
+import type { CSSProperties, ReactElement, ReactNode } from 'react';
+/** Whether a box fills the screen, and how to change that. */
+export interface StageFullscreen {
+    /** Whether the box fills the screen. */
+    active: boolean;
+    /** Fill the screen, or leave it. */
+    toggle: () => void;
+}
+/** Props of {@link FullscreenStage}. */
+export interface FullscreenStageProps {
+    /**
+     * Style of the box, or a function handed whether the box fills the screen,
+     * for a box shaped differently while it does.
+     */
+    style: CSSProperties | ((fillsScreen: boolean) => CSSProperties);
+    /**
+     * Called with the box once it is mounted, and with `null` once it is gone.
+     * It must keep its identity across renders.
+     * @default undefined
+     */
+    onStage?: (element: HTMLDivElement | null) => void;
+    /**
+     * What is drawn in the box, handed whether it fills the screen and the
+     * toggle, or `undefined` where the browser cannot fill the screen.
+     */
+    children: (fullscreen: StageFullscreen | undefined) => ReactNode;
+}
+/**
+ * The box, able to fill the screen.
+ * @param props - See {@link FullscreenStageProps}.
+ * @returns The box.
+ */
+export declare function FullscreenStage(props: FullscreenStageProps): ReactElement;
+//# sourceMappingURL=FullscreenStage.d.ts.map

package/lib/shared/ui/FullscreenStage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FullscreenStage.d.ts","sourceRoot":"","sources":["../../../src/shared/ui/FullscreenStage.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAGH,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMpE,8DAA8D;AAC9D,MAAM,WAAW,eAAe;IAC9B,wCAAwC;IACxC,MAAM,EAAE,OAAO,CAAC;IAChB,oCAAoC;IACpC,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AAED,wCAAwC;AACxC,MAAM,WAAW,oBAAoB;IACnC;;;OAGG;IACH,KAAK,EAAE,aAAa,GAAG,CAAC,CAAC,WAAW,EAAE,OAAO,KAAK,aAAa,CAAC,CAAC;IACjE;;;;OAIG;IACH,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI,KAAK,IAAI,CAAC;IACnD;;;OAGG;IACH,QAAQ,EAAE,CAAC,UAAU,EAAE,eAAe,GAAG,SAAS,KAAK,SAAS,CAAC;CAClE;AAED;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,GAAG,YAAY,CAMzE"}

package/lib/shared/ui/FullscreenStage.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * A box that can fill the screen: the 3D canvas and its toolbars, a side panel.
+ *
+ * A box filling the screen hides everything outside it, and the popovers and
+ * tooltips of what it holds are portalled to `document.body`: while the box
+ * fills the screen they are portalled into it instead, the way react-science's
+ * `RootLayout` keeps its own menus visible. Otherwise the portal options of the
+ * page around the box are passed through untouched.
+ */
+import { PortalContext, PortalProvider } from '@blueprintjs/core';
+import { useCallback, useContext, useState } from 'react';
+import { FullScreenProvider, useFullscreen } from 'react-science/ui';
+import { canFillScreen } from "./canFillScreen.js";
+/**
+ * The box, able to fill the screen.
+ * @param props - See {@link FullscreenStageProps}.
+ * @returns The box.
+ */
+export function FullscreenStage(props) {
+    return (_jsx(FullScreenProvider, { children: (fullscreenRef) => _jsx(Stage, { ...props, fullscreenRef: fullscreenRef }) }));
+}
+function Stage(props) {
+    const { style, onStage, children, fullscreenRef } = props;
+    const { isFullScreen, toggle } = useFullscreen();
+    const portal = useContext(PortalContext);
+    const [canFill] = useState(canFillScreen);
+    const [stage, setStage] = useState(null);
+    const stageRef = useCallback((element) => {
+        fullscreenRef.current = element;
+        setStage(element);
+        onStage?.(element);
+    }, [fullscreenRef, onStage]);
+    // The provider is always there, so entering full screen changes a value
+    // rather than the tree, and what the box holds is never mounted again.
+    return (_jsx("div", { ref: stageRef, style: typeof style === 'function' ? style(isFullScreen) : style, children: _jsx(PortalProvider, { portalClassName: portal.portalClassName, portalContainer: isFullScreen && stage !== null ? stage : portal.portalContainer, children: children(canFill ? { active: isFullScreen, toggle } : undefined) }) }));
+}
+//# sourceMappingURL=FullscreenStage.js.map

package/lib/shared/ui/FullscreenStage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FullscreenStage.js","sourceRoot":"","sources":["../../../src/shared/ui/FullscreenStage.tsx"],"names":[],"mappings":";AAAA;;;;;;;;GAQG;AAEH,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAElE,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAErE,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AA8BnD;;;;GAIG;AACH,MAAM,UAAU,eAAe,CAAC,KAA2B;IACzD,OAAO,CACL,KAAC,kBAAkB,cAChB,CAAC,aAAa,EAAE,EAAE,CAAC,KAAC,KAAK,OAAK,KAAK,EAAE,aAAa,EAAE,aAAa,GAAI,GACnD,CACtB,CAAC;AACJ,CAAC;AAOD,SAAS,KAAK,CAAC,KAAiB;IAC9B,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,GAAG,KAAK,CAAC;IAC1D,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,GAAG,aAAa,EAAE,CAAC;IACjD,MAAM,MAAM,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;IACzC,MAAM,CAAC,OAAO,CAAC,GAAG,QAAQ,CAAC,aAAa,CAAC,CAAC;IAC1C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAwB,IAAI,CAAC,CAAC;IAChE,MAAM,QAAQ,GAAG,WAAW,CAC1B,CAAC,OAA8B,EAAE,EAAE;QACjC,aAAa,CAAC,OAAO,GAAG,OAAO,CAAC;QAChC,QAAQ,CAAC,OAAO,CAAC,CAAC;QAClB,OAAO,EAAE,CAAC,OAAO,CAAC,CAAC;IACrB,CAAC,EACD,CAAC,aAAa,EAAE,OAAO,CAAC,CACzB,CAAC;IAEF,wEAAwE;IACxE,uEAAuE;IACvE,OAAO,CACL,cACE,GAAG,EAAE,QAAQ,EACb,KAAK,EAAE,OAAO,KAAK,KAAK,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,KAAK,YAEhE,KAAC,cAAc,IACb,eAAe,EAAE,MAAM,CAAC,eAAe,EACvC,eAAe,EACb,YAAY,IAAI,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,eAAe,YAGhE,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,GAClD,GACb,CACP,CAAC;AACJ,CAAC"}

package/lib/shared/ui/canFillScreen.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Whether this browser lets a page fill the screen: neither an iPhone nor a
+ * frame without `allowfullscreen` does.
+ * @returns Whether `requestFullscreen` can succeed.
+ */
+export declare function canFillScreen(): boolean;
+//# sourceMappingURL=canFillScreen.d.ts.map

package/lib/shared/ui/canFillScreen.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"canFillScreen.d.ts","sourceRoot":"","sources":["../../../src/shared/ui/canFillScreen.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,wBAAgB,aAAa,IAAI,OAAO,CAEvC"}

package/lib/shared/ui/canFillScreen.js

@@ -0,0 +1,9 @@
+/**
+ * Whether this browser lets a page fill the screen: neither an iPhone nor a
+ * frame without `allowfullscreen` does.
+ * @returns Whether `requestFullscreen` can succeed.
+ */
+export function canFillScreen() {
+    return typeof document !== 'undefined' && document.fullscreenEnabled;
+}
+//# sourceMappingURL=canFillScreen.js.map

package/lib/shared/ui/canFillScreen.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"canFillScreen.js","sourceRoot":"","sources":["../../../src/shared/ui/canFillScreen.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,MAAM,UAAU,aAAa;IAC3B,OAAO,OAAO,QAAQ,KAAK,WAAW,IAAI,QAAQ,CAAC,iBAAiB,CAAC;AACvE,CAAC"}

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

@@ -4,4 +4,7 @@ export type { HeaderButtonProps, MenuButtonProps } from './MenuButton.tsx';
 export { MenuButton } from './MenuButton.tsx';
 export type { ActionTooltipState, ActionTooltipTarget, } from './useActionTooltip.ts';
 export { ACTION_TOOLTIP_DELAY, useActionTooltip } from './useActionTooltip.ts';
+export { canFillScreen } from './canFillScreen.ts';
+export type { FullscreenStageProps, StageFullscreen, } from './FullscreenStage.tsx';
+export { FullscreenStage } from './FullscreenStage.tsx';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/shared/ui/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,YAAY,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAC3E,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,YAAY,EACV,kBAAkB,EAClB,mBAAmB,GACpB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/shared/ui/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,YAAY,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAC3E,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,YAAY,EACV,kBAAkB,EAClB,mBAAmB,GACpB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAC/E,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,YAAY,EACV,oBAAoB,EACpB,eAAe,GAChB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC"}

package/lib/shared/ui/index.js

@@ -1,4 +1,6 @@
 export { ActionTooltip } from "./ActionTooltip.js";
 export { MenuButton } from "./MenuButton.js";
 export { ACTION_TOOLTIP_DELAY, useActionTooltip } from "./useActionTooltip.js";
+export { canFillScreen } from "./canFillScreen.js";
+export { FullscreenStage } from "./FullscreenStage.js";
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/shared/ui/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAqB,CAAC;AAEpD,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAkB,CAAC;AAK9C,OAAO,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/shared/ui/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAqB,CAAC;AAEpD,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAkB,CAAC;AAK9C,OAAO,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAC/E,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAKnD,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAuB,CAAC"}

package/lib/split/ui/splitPanes.d.ts

@@ -57,9 +57,9 @@ export interface SplitPanesProps extends SplitRange {
      */
     stackBelow?: number;
     /**
-     * The gutter each pane keeps beside the splitter, in pixels, so neither
-     * figure is read against its edge.
-     * @default 6
+     * The gutter each pane keeps beside the splitter, in pixels. The bar is
+     * already the separation, so a gutter only widens it into a band of page.
+     * @default 0
      */
     gutter?: number;
     /**

package/lib/split/ui/splitPanes.js

@@ -84,7 +84,7 @@ const STACK_ACROSS = 860;
  */
 const STACK_DOWN = 420;
 /** The gutter a pane keeps beside the splitter, in pixels. */
-const GUTTER = 6;
+const GUTTER = 0;
 /** The gap between the panes once they have stacked, in pixels. */
 const STACKED_GAP = 16;
 const STACK = {

package/lib/structure/core/structureNotations.d.ts

@@ -44,6 +44,12 @@ export interface StructureNotation {
      */
     block: boolean;
 }
+/**
+ * Notations the caller has already written, shown instead of the ones
+ * OpenChemLib would write. A drawing program's molfile keeps its
+ * abbreviations as superatoms, which a round trip through OpenChemLib drops.
+ */
+export type SuppliedNotations = Partial<Record<StructureNotationKind, string>>;
 /**
  * Write a structure every way the export dialog offers.
  *
@@ -51,7 +57,8 @@ export interface StructureNotation {
  * tautomer cannot always be canonized — comes back empty rather than taking
  * the rest of the list down with it.
  * @param molecule - The structure, as the editor handed it over. Not modified.
+ * @param supplied - Notations the caller wrote itself, used as they are.
  * @returns One entry per notation, in the order they are shown.
  */
-export declare function structureNotations(molecule: Molecule): StructureNotation[];
+export declare function structureNotations(molecule: Molecule, supplied?: SuppliedNotations): StructureNotation[];
 //# sourceMappingURL=structureNotations.d.ts.map

package/lib/structure/core/structureNotations.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"structureNotations.d.ts","sourceRoot":"","sources":["../../../src/structure/core/structureNotations.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAG5C,+DAA+D;AAC/D,MAAM,MAAM,qBAAqB,GAC7B,QAAQ,GACR,cAAc,GACd,cAAc,GACd,QAAQ,GACR,gBAAgB,GAChB,wBAAwB,CAAC;AAE7B,gDAAgD;AAChD,MAAM,WAAW,qBAAqB;IACpC,yEAAyE;IACzE,MAAM,EAAE,MAAM,CAAC;IACf,sCAAsC;IACtC,SAAS,EAAE,MAAM,CAAC;IAClB,8EAA8E;IAC9E,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,sCAAsC;AACtC,MAAM,WAAW,iBAAiB;IAChC,4BAA4B;IAC5B,IAAI,EAAE,qBAAqB,CAAC;IAC5B,sEAAsE;IACtE,KAAK,EAAE,MAAM,CAAC;IACd;;;;;OAKG;IACH,SAAS,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,IAAI,CAAC,EAAE,qBAAqB,CAAC;IAC7B;;;OAGG;IACH,KAAK,EAAE,OAAO,CAAC;CAChB;AAKD;;;;;;;;GAQG;AACH,wBAAgB,kBAAkB,CAAC,QAAQ,EAAE,QAAQ,GAAG,iBAAiB,EAAE,CAyC1E"}
+{"version":3,"file":"structureNotations.d.ts","sourceRoot":"","sources":["../../../src/structure/core/structureNotations.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAG5C,+DAA+D;AAC/D,MAAM,MAAM,qBAAqB,GAC7B,QAAQ,GACR,cAAc,GACd,cAAc,GACd,QAAQ,GACR,gBAAgB,GAChB,wBAAwB,CAAC;AAE7B,gDAAgD;AAChD,MAAM,WAAW,qBAAqB;IACpC,yEAAyE;IACzE,MAAM,EAAE,MAAM,CAAC;IACf,sCAAsC;IACtC,SAAS,EAAE,MAAM,CAAC;IAClB,8EAA8E;IAC9E,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,sCAAsC;AACtC,MAAM,WAAW,iBAAiB;IAChC,4BAA4B;IAC5B,IAAI,EAAE,qBAAqB,CAAC;IAC5B,sEAAsE;IACtE,KAAK,EAAE,MAAM,CAAC;IACd;;;;;OAKG;IACH,SAAS,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,IAAI,CAAC,EAAE,qBAAqB,CAAC;IAC7B;;;OAGG;IACH,KAAK,EAAE,OAAO,CAAC;CAChB;AAED;;;;GAIG;AACH,MAAM,MAAM,iBAAiB,GAAG,OAAO,CAAC,MAAM,CAAC,qBAAqB,EAAE,MAAM,CAAC,CAAC,CAAC;AAK/E;;;;;;;;;GASG;AACH,wBAAgB,kBAAkB,CAChC,QAAQ,EAAE,QAAQ,EAClB,QAAQ,GAAE,iBAAsB,GAC/B,iBAAiB,EAAE,CA+CrB"}

package/lib/structure/core/structureNotations.js

@@ -18,41 +18,47 @@ const MOLFILE_TYPE = 'chemical/x-mdl-molfile';
  * tautomer cannot always be canonized — comes back empty rather than taking
  * the rest of the list down with it.
  * @param molecule - The structure, as the editor handed it over. Not modified.
+ * @param supplied - Notations the caller wrote itself, used as they are.
  * @returns One entry per notation, in the order they are shown.
  */
-export function structureNotations(molecule) {
-    const idCode = written(() => molecule.getIDCode());
+export function structureNotations(molecule, supplied = {}) {
+    const value = (kind, write) => supplied[kind] ?? written(write);
     return [
         {
             kind: 'smiles',
-            value: written(() => molecule.toIsomericSmiles()),
+            value: value('smiles', () => molecule.toIsomericSmiles()),
             canonical: false,
             block: false,
         },
         {
             kind: 'molfileV3000',
-            value: written(() => molecule.toMolfileV3()),
+            value: value('molfileV3000', () => molecule.toMolfileV3()),
             canonical: false,
             file: { suffix: '-v3000', extension: 'mol', mimeType: MOLFILE_TYPE },
             block: true,
         },
         {
             kind: 'molfileV2000',
-            value: written(() => molecule.toMolfile()),
+            value: value('molfileV2000', () => molecule.toMolfile()),
             canonical: false,
             file: { suffix: '-v2000', extension: 'mol', mimeType: MOLFILE_TYPE },
             block: true,
         },
-        { kind: 'idCode', value: idCode, canonical: true, block: false },
+        {
+            kind: 'idCode',
+            value: value('idCode', () => molecule.getIDCode()),
+            canonical: true,
+            block: false,
+        },
         {
             kind: 'noStereoIdCode',
-            value: written(() => CanonizerUtil.getIDCode(molecule, CanonizerUtil.NOSTEREO)),
+            value: value('noStereoIdCode', () => CanonizerUtil.getIDCode(molecule, CanonizerUtil.NOSTEREO)),
             canonical: true,
             block: false,
         },
         {
             kind: 'noStereoTautomerIdCode',
-            value: written(() => CanonizerUtil.getIDCode(molecule, CanonizerUtil.NOSTEREO_TAUTOMER)),
+            value: value('noStereoTautomerIdCode', () => CanonizerUtil.getIDCode(molecule, CanonizerUtil.NOSTEREO_TAUTOMER)),
             canonical: true,
             block: false,
         },

package/lib/structure/core/structureNotations.js.map

@@ -1 +1 @@
-{"version":3,"file":"structureNotations.js","sourceRoot":"","sources":["../../../src/structure/core/structureNotations.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAGH,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AA8C5C,6DAA6D;AAC7D,MAAM,YAAY,GAAG,wBAAwB,CAAC;AAE9C;;;;;;;;GAQG;AACH,MAAM,UAAU,kBAAkB,CAAC,QAAkB;IACnD,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,SAAS,EAAE,CAAC,CAAC;IACnD,OAAO;QACL;YACE,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,OAAO,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,gBAAgB,EAAE,CAAC;YACjD,SAAS,EAAE,KAAK;YAChB,KAAK,EAAE,KAAK;SACb;QACD;YACE,IAAI,EAAE,cAAc;YACpB,KAAK,EAAE,OAAO,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC;YAC5C,SAAS,EAAE,KAAK;YAChB,IAAI,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE;YACpE,KAAK,EAAE,IAAI;SACZ;QACD;YACE,IAAI,EAAE,cAAc;YACpB,KAAK,EAAE,OAAO,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,SAAS,EAAE,CAAC;YAC1C,SAAS,EAAE,KAAK;YAChB,IAAI,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE;YACpE,KAAK,EAAE,IAAI;SACZ;QACD,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE;QAChE;YACE,IAAI,EAAE,gBAAgB;YACtB,KAAK,EAAE,OAAO,CAAC,GAAG,EAAE,CAClB,aAAa,CAAC,SAAS,CAAC,QAAQ,EAAE,aAAa,CAAC,QAAQ,CAAC,CAC1D;YACD,SAAS,EAAE,IAAI;YACf,KAAK,EAAE,KAAK;SACb;QACD;YACE,IAAI,EAAE,wBAAwB;YAC9B,KAAK,EAAE,OAAO,CAAC,GAAG,EAAE,CAClB,aAAa,CAAC,SAAS,CAAC,QAAQ,EAAE,aAAa,CAAC,iBAAiB,CAAC,CACnE;YACD,SAAS,EAAE,IAAI;YACf,KAAK,EAAE,KAAK;SACb;KACF,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,SAAS,OAAO,CAAC,KAAmB;IAClC,IAAI,CAAC;QACH,OAAO,KAAK,EAAE,CAAC;IACjB,CAAC;IAAC,MAAM,CAAC;QACP,OAAO,EAAE,CAAC;IACZ,CAAC;AACH,CAAC"}
+{"version":3,"file":"structureNotations.js","sourceRoot":"","sources":["../../../src/structure/core/structureNotations.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAGH,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAqD5C,6DAA6D;AAC7D,MAAM,YAAY,GAAG,wBAAwB,CAAC;AAE9C;;;;;;;;;GASG;AACH,MAAM,UAAU,kBAAkB,CAChC,QAAkB,EAClB,WAA8B,EAAE;IAEhC,MAAM,KAAK,GAAG,CAAC,IAA2B,EAAE,KAAmB,EAAE,EAAE,CACjE,QAAQ,CAAC,IAAI,CAAC,IAAI,OAAO,CAAC,KAAK,CAAC,CAAC;IACnC,OAAO;QACL;YACE,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,KAAK,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,gBAAgB,EAAE,CAAC;YACzD,SAAS,EAAE,KAAK;YAChB,KAAK,EAAE,KAAK;SACb;QACD;YACE,IAAI,EAAE,cAAc;YACpB,KAAK,EAAE,KAAK,CAAC,cAAc,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC;YAC1D,SAAS,EAAE,KAAK;YAChB,IAAI,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE;YACpE,KAAK,EAAE,IAAI;SACZ;QACD;YACE,IAAI,EAAE,cAAc;YACpB,KAAK,EAAE,KAAK,CAAC,cAAc,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,SAAS,EAAE,CAAC;YACxD,SAAS,EAAE,KAAK;YAChB,IAAI,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE;YACpE,KAAK,EAAE,IAAI;SACZ;QACD;YACE,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,KAAK,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,SAAS,EAAE,CAAC;YAClD,SAAS,EAAE,IAAI;YACf,KAAK,EAAE,KAAK;SACb;QACD;YACE,IAAI,EAAE,gBAAgB;YACtB,KAAK,EAAE,KAAK,CAAC,gBAAgB,EAAE,GAAG,EAAE,CAClC,aAAa,CAAC,SAAS,CAAC,QAAQ,EAAE,aAAa,CAAC,QAAQ,CAAC,CAC1D;YACD,SAAS,EAAE,IAAI;YACf,KAAK,EAAE,KAAK;SACb;QACD;YACE,IAAI,EAAE,wBAAwB;YAC9B,KAAK,EAAE,KAAK,CAAC,wBAAwB,EAAE,GAAG,EAAE,CAC1C,aAAa,CAAC,SAAS,CAAC,QAAQ,EAAE,aAAa,CAAC,iBAAiB,CAAC,CACnE;YACD,SAAS,EAAE,IAAI;YACf,KAAK,EAAE,KAAK;SACb;KACF,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,SAAS,OAAO,CAAC,KAAmB;IAClC,IAAI,CAAC;QACH,OAAO,KAAK,EAAE,CAAC;IACjB,CAAC;IAAC,MAAM,CAAC;QACP,OAAO,EAAE,CAAC;IACZ,CAAC;AACH,CAAC"}

package/lib/structure/ui/CardStructure.d.ts

@@ -0,0 +1,43 @@
+import type { ReactElement, ReactNode } from 'react';
+import type { StructureProps } from './Structure.tsx';
+/** What {@link CardStructure} draws and hands over. */
+export interface CardStructureProps extends StructureProps {
+    /**
+     * Base name of every file saved from the export, extension excluded.
+     * @default 'structure'
+     */
+    name?: string;
+    /**
+     * Whether the structure is a query fragment, such as a toxicophore, whose
+     * idCode is not a molecule's.
+     * @default false
+     */
+    fragment?: boolean;
+    /**
+     * What the glyph is called, for the pointer and for a screen reader.
+     * @default the chrome's own line, `Copy or save the structure: SMILES,
+     *   molfile`
+     */
+    label?: string;
+    /**
+     * The drawing, when the site draws the structure itself — its own
+     * highlights, its own numbering. The export still reads the notations.
+     * @default a `Structure` drawn from the same notations, at the same size
+     */
+    children?: ReactNode;
+}
+/**
+ * A structure of a card, with the glyph that hands it over: the export
+ * dialog, which copies it as an SVG or a PNG, a SMILES or a molfile, V2000 or
+ * V3000. Every structure an answer draws carries it, alone or in a grid, so
+ * none has to be redrawn to be reused.
+ *
+ * The glyph stands beside the top right corner, faded until the structure is
+ * pointed at, as the glyphs of `CardFigure` (`react-cheminfo/card`) do;
+ * `styles/card.css` draws both. A structure with nothing to read draws its
+ * placeholder alone.
+ * @param props - The structure, its size, and the name of its files.
+ * @returns The structure and its glyph.
+ */
+export declare function CardStructure(props: CardStructureProps): ReactElement;
+//# sourceMappingURL=CardStructure.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CardStructure.d.ts","sourceRoot":"","sources":["../../../src/structure/ui/CardStructure.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKrD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAItD,uDAAuD;AACvD,MAAM,WAAW,kBAAmB,SAAQ,cAAc;IACxD;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;OAIG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,YAAY,CA0BrE"}

package/lib/structure/ui/CardStructure.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { OverlayLayer } from "../../overlay/ui/OverlayLayer.js";
+import { structureSource } from "../core/structureSource.js";
+import { Structure } from "./Structure.js";
+import { StructureExportButton } from "./StructureExportButton.js";
+/**
+ * A structure of a card, with the glyph that hands it over: the export
+ * dialog, which copies it as an SVG or a PNG, a SMILES or a molfile, V2000 or
+ * V3000. Every structure an answer draws carries it, alone or in a grid, so
+ * none has to be redrawn to be reused.
+ *
+ * The glyph stands beside the top right corner, faded until the structure is
+ * pointed at, as the glyphs of `CardFigure` (`react-cheminfo/card`) do;
+ * `styles/card.css` draws both. A structure with nothing to read draws its
+ * placeholder alone.
+ * @param props - The structure, its size, and the name of its files.
+ * @returns The structure and its glyph.
+ */
+export function CardStructure(props) {
+    const { name, fragment, label, children, ...structure } = props;
+    const { idCode, coordinates, molfile, smiles } = structure;
+    const drawing = children ?? _jsx(Structure, { ...structure });
+    const source = structureSource({ idCode, coordinates, molfile, smiles });
+    if (source.kind === 'empty')
+        return _jsx(_Fragment, { children: drawing });
+    return (_jsxs("div", { className: "card-figure card-structure", children: [_jsx("div", { className: "card-figure__drawing", children: drawing }), _jsx(OverlayLayer, { density: "compact", awake: true, children: _jsx("div", { className: "card-figure__tools", "data-testid": "figure-tools", children: _jsx(StructureExportButton, { idCode: idCode, coordinates: coordinates, molfile: molfile, smiles: smiles, name: name, fragment: fragment, label: label }) }) })] }));
+}
+//# sourceMappingURL=CardStructure.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CardStructure.js","sourceRoot":"","sources":["../../../src/structure/ui/CardStructure.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAmC,CAAC;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAG7D,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAiB,CAAC;AAC5C,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA6B,CAAC;AA6BpE;;;;;;;;;;;;GAYG;AACH,MAAM,UAAU,aAAa,CAAC,KAAyB;IACrD,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAChE,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC;IAC3D,MAAM,OAAO,GAAG,QAAQ,IAAI,KAAC,SAAS,OAAK,SAAS,GAAI,CAAC;IACzD,MAAM,MAAM,GAAG,eAAe,CAAC,EAAE,MAAM,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,CAAC;IACzE,IAAI,MAAM,CAAC,IAAI,KAAK,OAAO;QAAE,OAAO,4BAAG,OAAO,GAAI,CAAC;IAEnD,OAAO,CACL,eAAK,SAAS,EAAC,4BAA4B,aACzC,cAAK,SAAS,EAAC,sBAAsB,YAAE,OAAO,GAAO,EAErD,KAAC,YAAY,IAAC,OAAO,EAAC,SAAS,EAAC,KAAK,kBACnC,cAAK,SAAS,EAAC,oBAAoB,iBAAa,cAAc,YAC5D,KAAC,qBAAqB,IACpB,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,GACZ,GACE,GACO,IACX,CACP,CAAC;AACJ,CAAC"}

package/lib/structure/ui/StructureExportPanel.d.ts

@@ -6,6 +6,7 @@
  * this only when somebody asks to export something.
  */
 import type { ReactElement } from 'react';
+import type { SuppliedNotations } from '../core/structureNotations.ts';
 import type { StructureSourceInput } from '../core/structureSource.ts';
 /** What {@link StructureExportPanel} is handed. */
 export interface StructureExportPanelProps extends StructureSourceInput {
@@ -21,6 +22,13 @@ export interface StructureExportPanelProps extends StructureSourceInput {
      * @default false
      */
     fragment?: boolean;
+    /**
+     * Notations the caller wrote itself, shown and saved as they are instead of
+     * the ones OpenChemLib would write from the structure — a drawing program
+     * whose molfile keeps superatoms that a round trip would drop.
+     * @default {}
+     */
+    notations?: SuppliedNotations;
 }
 /**
  * Every notation of a drawn structure, and the picture of it.

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

@@ -1 +1 @@
-{"version":3,"file":"StructureExportPanel.d.ts","sourceRoot":"","sources":["../../../src/structure/ui/StructureExportPanel.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAiB,YAAY,EAAE,MAAM,OAAO,CAAC;AAUzD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAMvE,mDAAmD;AACnD,MAAM,WAAW,yBAA0B,SAAQ,oBAAoB;IACrE;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,oBAAoB,CAClC,KAAK,EAAE,yBAAyB,GAC/B,YAAY,CAqDd"}
+{"version":3,"file":"StructureExportPanel.d.ts","sourceRoot":"","sources":["../../../src/structure/ui/StructureExportPanel.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAiB,YAAY,EAAE,MAAM,OAAO,CAAC;AASzD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAEvE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAMvE,mDAAmD;AACnD,MAAM,WAAW,yBAA0B,SAAQ,oBAAoB;IACrE;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,iBAAiB,CAAC;CAC/B;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,oBAAoB,CAClC,KAAK,EAAE,yBAAyB,GAC/B,YAAY,CA0Dd"}

package/lib/structure/ui/StructureExportPanel.js

@@ -23,9 +23,9 @@ import { StructurePicturePane } from "./StructurePicturePane.js";
  */
 export function StructureExportPanel(props) {
     const { idCode, coordinates, molfile, smiles } = props;
-    const { name = 'structure', fragment = false } = props;
+    const { name = 'structure', fragment = false, notations: supplied } = props;
     const t = useChromeT();
-    const read = useMemo(() => readStructure({ idCode, coordinates, molfile, smiles }, fragment), [idCode, coordinates, molfile, smiles, fragment]);
+    const read = useMemo(() => readStructure({ idCode, coordinates, molfile, smiles }, fragment, supplied), [idCode, coordinates, molfile, smiles, fragment, supplied]);
     if (read.kind !== 'read') {
         return (_jsx("p", { style: EMPTY_STYLE, children: read.kind === 'empty' ? t('structure.export.nothing') : read.message }));
     }
@@ -39,9 +39,10 @@ export function StructureExportPanel(props) {
  * Read the notation the caller handed over, and write every other one from it.
  * @param input - Whatever notations the caller has.
  * @param fragment - Whether the structure is a query fragment.
+ * @param supplied - Notations the caller wrote itself.
  * @returns The molecule and its notations, or why there are none.
  */
-function readStructure(input, fragment) {
+function readStructure(input, fragment, supplied) {
     const source = structureSource(input);
     if (source.kind === 'empty')
         return { kind: 'empty' };
@@ -54,7 +55,11 @@ function readStructure(input, fragment) {
             molecule.setFragment(true);
         if (molecule.getAllAtoms() === 0)
             return { kind: 'empty' };
-        return { kind: 'read', molecule, notations: structureNotations(molecule) };
+        return {
+            kind: 'read',
+            molecule,
+            notations: structureNotations(molecule, supplied),
+        };
     }
     catch (error) {
         return { kind: 'error', message: structureError(error).message };

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

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

package/lib/structure/ui/StructurePicturePane.d.ts

@@ -9,7 +9,7 @@ export interface StructurePicturePaneProps {
 }
 /**
  * The structure as a picture: what it looks like, how big it leaves, and the
- * three ways it leaves.
+ * four ways it leaves.
  *
  * What is shown is the file: the preview is the very SVG the save button
  * writes, laid out smaller, so nobody saves a picture they have not seen. The

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

@@ -1 +1 @@
-{"version":3,"file":"StructurePicturePane.d.ts","sourceRoot":"","sources":["../../../src/structure/ui/StructurePicturePane.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAC5C,OAAO,KAAK,EAAiB,YAAY,EAAE,MAAM,OAAO,CAAC;AAwBzD,yDAAyD;AACzD,MAAM,WAAW,yBAAyB;IACxC,mCAAmC;IACnC,QAAQ,EAAE,QAAQ,CAAC;IACnB,wDAAwD;IACxD,QAAQ,EAAE,MAAM,CAAC;CAClB;AAKD;;;;;;;;;;;GAWG;AACH,wBAAgB,oBAAoB,CAClC,KAAK,EAAE,yBAAyB,GAC/B,YAAY,CAgHd"}
+{"version":3,"file":"StructurePicturePane.d.ts","sourceRoot":"","sources":["../../../src/structure/ui/StructurePicturePane.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAC5C,OAAO,KAAK,EAAiB,YAAY,EAAE,MAAM,OAAO,CAAC;AAyBzD,yDAAyD;AACzD,MAAM,WAAW,yBAAyB;IACxC,mCAAmC;IACnC,QAAQ,EAAE,QAAQ,CAAC;IACnB,wDAAwD;IACxD,QAAQ,EAAE,MAAM,CAAC;CAClB;AAKD;;;;;;;;;;;GAWG;AACH,wBAAgB,oBAAoB,CAClC,KAAK,EAAE,yBAAyB,GAC/B,YAAY,CA4Hd"}

package/lib/structure/ui/StructurePicturePane.js

@@ -2,6 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button, SegmentedControl } from '@blueprintjs/core';
 import { useMemo, useState } from 'react';
 import { copyFigure } from "../../download/core/copyFigure.js";
+import { copySvg } from "../../download/core/copySvg.js";
 import { downloadBlob } from "../../download/core/downloadBlob.js";
 import { downloadText } from "../../download/core/downloadText.js";
 import { figurePng } from "../../download/core/figurePng.js";
@@ -16,7 +17,7 @@ import { STRUCTURE_BOND_LENGTH, structurePicture, } from "../core/structurePictu
 const DEFAULT_SCALE = 2;
 /**
  * The structure as a picture: what it looks like, how big it leaves, and the
- * three ways it leaves.
+ * four ways it leaves.
  *
  * What is shown is the file: the preview is the very SVG the save button
  * writes, laid out smaller, so nobody saves a picture they have not seen. The
@@ -64,7 +65,9 @@ export function StructurePicturePane(props) {
                         }) }), _jsx(Button, { icon: "download", size: "small", intent: "primary", text: t('structure.export.savePng'), onClick: () => void run(async () => {
                             downloadBlob(await png(), `${fileName}.png`);
                             return null;
-                        }) }), _jsx(Button, { icon: "clipboard", size: "small", text: t('structure.export.copyPng'), onClick: () => 
+                        }) }), _jsx(Button, { icon: "clipboard", size: "small", text: t('structure.export.copySvg'), onClick: () => void run(async () => (await copySvg(picture.markup))
+                            ? t('structure.export.svgCopied')
+                            : t('clipboard.failed')) }), _jsx(Button, { icon: "clipboard", size: "small", text: t('structure.export.copyPng'), onClick: () => 
                         // Safari only allows a clipboard write the click itself started,
                         // so the image is handed over as a promise rather than awaited
                         // first — see `copyFigure`.