@openbraininstitute/morphoviewer 0.24.21 → 0.24.22

package/README.md

@@ -32,6 +32,18 @@ Copyright (c) 2025 Open Brain Institute
 
 ## Release notes
 
+### v0.24.22
+
+- Add new `ControlsLayout` component (`lib/src/components/controls-layer/`) for configurable viewer header controls
+  - Supports built-in actions: `fullscreen`, `reset-camera`, `minimize`, `close`
+  - Accepts arbitrary `React.ReactNode` elements alongside named actions
+  - Groups can be nested in arrays for flex-based layout with `space-between` justification
+- Add `controls` prop to `MorphoViewerSmallCircuit` to allow custom header control layouts
+  - Falls back to a default layout (`reset-camera`, `fullscreen`, `close`, `minimize`) when not provided
+- Add `onMinimize` callback prop to `MorphoViewerSmallCircuit`
+- Replace hardcoded `<header>` markup in `MorphoViewerSmallCircuit` with the new `ControlsLayout` component
+- Update `MorphoViewerSmallCircuit` doc page to demonstrate the configurable controls
+
 ### v0.24.21
 
 - Add optional `gizmo` prop to `MorphoViewerSmallCircuit` for displaying an axes orientation controller

package/lib/dist/components/controls-layer/controls-layout.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+export type ControlAction = "fullscreen" | "reset-camera" | "minimize" | "close";
+export interface ControlsLayoutProps {
+    className?: string;
+    content: (ControlAction | React.ReactNode | (ControlAction | React.ReactNode)[])[];
+    onClick?(action: ControlAction): void;
+}
+export default function ControlsLayout({ className, content, onClick, }: ControlsLayoutProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=controls-layout.d.ts.map

package/lib/dist/components/controls-layer/controls-layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"controls-layout.d.ts","sourceRoot":"","sources":["../../../src/components/controls-layer/controls-layout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,MAAM,MAAM,aAAa,GACtB,YAAY,GACZ,cAAc,GACd,UAAU,GACV,OAAO,CAAC;AAEX,MAAM,WAAW,mBAAmB;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,CACN,aAAa,GACb,KAAK,CAAC,SAAS,GACf,CAAC,aAAa,GAAG,KAAK,CAAC,SAAS,CAAC,EAAE,CACrC,EAAE,CAAC;IACJ,OAAO,CAAC,CAAC,MAAM,EAAE,aAAa,GAAG,IAAI,CAAC;CACtC;AAED,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACtC,SAAS,EACT,OAAO,EACP,OAAO,GACP,EAAE,mBAAmB,2CAMrB"}

package/lib/dist/components/controls-layer/controls-layout.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { classNames } from "./../../utils.js";
+import { IconCenter } from "../icons/center.js";
+import { IconClose } from "../icons/close.js";
+import { IconFullscreen } from "../icons/fullscreen.js";
+import { IconMinimize } from "../icons/minimize.js";
+import styles from "./controls-layout.module.css";
+export default function ControlsLayout({ className, content, onClick, }) {
+    return (_jsx("div", { className: classNames(className, styles.controlsLayout), children: renderContent(content, onClick) }));
+}
+function renderContent(content, onClick) {
+    return content.map((action, index) => {
+        if (Array.isArray(action)) {
+            return (_jsx("div", { className: styles.group, children: renderContent(action, onClick) }, index));
+        }
+        switch (action) {
+            case "close":
+            case "fullscreen":
+            case "minimize":
+            case "reset-camera":
+                return renderButton(action, onClick, index);
+            default:
+                return action;
+        }
+    });
+}
+function renderButton(action, onClick, index) {
+    const Icon = ICONS[action];
+    if (!Icon)
+        return null;
+    return (_jsx("button", { className: styles.button, type: "button", "aria-label": action, onClick: () => onClick === null || onClick === void 0 ? void 0 : onClick(action), children: _jsx(Icon, {}) }, index));
+}
+const ICONS = {
+    "reset-camera": IconCenter,
+    close: IconClose,
+    fullscreen: IconFullscreen,
+    minimize: IconMinimize,
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udHJvbHMtbGF5b3V0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvY29udHJvbHMtbGF5ZXIvY29udHJvbHMtbGF5b3V0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBRUEsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLFNBQVMsQ0FBQztBQUNyQyxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQzNDLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUNyRCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDakQsT0FBTyxNQUFNLE1BQU0sOEJBQThCLENBQUM7QUFrQmxELE1BQU0sQ0FBQyxPQUFPLFVBQVUsY0FBYyxDQUFDLEVBQ3RDLFNBQVMsRUFDVCxPQUFPLEVBQ1AsT0FBTyxHQUNjO0lBQ3JCLE9BQU8sQ0FDTixjQUFLLFNBQVMsRUFBRSxVQUFVLENBQUMsU0FBUyxFQUFFLE1BQU0sQ0FBQyxjQUFjLENBQUMsWUFDMUQsYUFBYSxDQUFDLE9BQU8sRUFBRSxPQUFPLENBQUMsR0FDM0IsQ0FDTixDQUFDO0FBQ0gsQ0FBQztBQUVELFNBQVMsYUFBYSxDQUNyQixPQUF1QyxFQUN2QyxPQUF5QztJQUV6QyxPQUFPLE9BQU8sQ0FBQyxHQUFHLENBQUMsQ0FBQyxNQUFNLEVBQUUsS0FBSyxFQUFFLEVBQUU7UUFDcEMsSUFBSSxLQUFLLENBQUMsT0FBTyxDQUFDLE1BQU0sQ0FBQyxFQUFFLENBQUM7WUFDM0IsT0FBTyxDQUNOLGNBQWlCLFNBQVMsRUFBRSxNQUFNLENBQUMsS0FBSyxZQUN0QyxhQUFhLENBQUMsTUFBTSxFQUFFLE9BQU8sQ0FBQyxJQUR0QixLQUFLLENBRVQsQ0FDTixDQUFDO1FBQ0gsQ0FBQztRQUNELFFBQVEsTUFBTSxFQUFFLENBQUM7WUFDaEIsS0FBSyxPQUFPLENBQUM7WUFDYixLQUFLLFlBQVksQ0FBQztZQUNsQixLQUFLLFVBQVUsQ0FBQztZQUNoQixLQUFLLGNBQWM7Z0JBQ2xCLE9BQU8sWUFBWSxDQUFDLE1BQXVCLEVBQUUsT0FBTyxFQUFFLEtBQUssQ0FBQyxDQUFDO1lBQzlEO2dCQUNDLE9BQU8sTUFBTSxDQUFDO1FBQ2hCLENBQUM7SUFDRixDQUFDLENBQUMsQ0FBQztBQUNKLENBQUM7QUFFRCxTQUFTLFlBQVksQ0FDcEIsTUFBcUIsRUFDckIsT0FBc0QsRUFDdEQsS0FBYTtJQUViLE1BQU0sSUFBSSxHQUFHLEtBQUssQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUMzQixJQUFJLENBQUMsSUFBSTtRQUFFLE9BQU8sSUFBSSxDQUFDO0lBRXZCLE9BQU8sQ0FDTixpQkFFQyxTQUFTLEVBQUUsTUFBTSxDQUFDLE1BQU0sRUFDeEIsSUFBSSxFQUFDLFFBQVEsZ0JBQ0QsTUFBTSxFQUNsQixPQUFPLEVBQUUsR0FBRyxFQUFFLENBQUMsT0FBTyxhQUFQLE9BQU8sdUJBQVAsT0FBTyxDQUFHLE1BQU0sQ0FBQyxZQUVoQyxLQUFDLElBQUksS0FBRyxJQU5ILEtBQUssQ0FPRixDQUNULENBQUM7QUFDSCxDQUFDO0FBRUQsTUFBTSxLQUFLLEdBQW9DO0lBQzlDLGNBQWMsRUFBRSxVQUFVO0lBQzFCLEtBQUssRUFBRSxTQUFTO0lBQ2hCLFVBQVUsRUFBRSxjQUFjO0lBQzFCLFFBQVEsRUFBRSxZQUFZO0NBQ3RCLENBQUMifQ==

package/lib/dist/components/controls-layer/controls-layout.module.css

@@ -0,0 +1,53 @@
+.controlsLayout {
+    position: absolute;
+    left: 0;
+    top: 0;
+    width: 100%;
+    padding: 0.5em;
+    display: flex;
+    flex-wrap: wrap;
+    flex-direction: row;
+    justify-content: space-between;
+    align-items: center;
+    gap: 1em;
+
+    div.group {
+        padding: 0;
+        margin: 0;
+        display: flex;
+        flex-wrap: nowrap;
+        flex-direction: row;
+        justify-content: flex-start;
+        align-items: center;
+        gap: .25em;
+    }
+
+    button,
+    button {
+        font: inherit;
+        width: 2.5em;
+        height: 2.5em;
+        display: grid;
+        place-items: center;
+        flex: 0 0 auto;
+        cursor: pointer;
+        color: #fff;
+        border: 2px solid #000;
+        border-radius: 2px;
+        background: #3a3a3a;
+        margin: 0;
+        box-sizing: border-box;
+        transition: all 0.3s;
+
+        &:hover {
+            background-color: #adf;
+            color: #000;
+        }
+
+        &:active {
+            background-color: rgb(0, 153, 255);
+            color: #000;
+        }
+    }
+
+}

package/lib/dist/components/controls-layer/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./controls-layout";
+//# sourceMappingURL=index.d.ts.map

package/lib/dist/components/controls-layer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/controls-layer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA"}

package/lib/dist/components/controls-layer/index.js

@@ -0,0 +1,2 @@
+export { default } from "./controls-layout.js";
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9jb250cm9scy1sYXllci9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sbUJBQW1CLENBQUEifQ==

package/lib/dist/components/morpho-viewer-small-circuit/morpho-viewer-small-circuit.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"morpho-viewer-small-circuit.d.ts","sourceRoot":"","sources":["../../../src/components/morpho-viewer-small-circuit/morpho-viewer-small-circuit.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,GAAG,CAAC;AA0CvD,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,6BAA6B,2CAmC5E"}
+{"version":3,"file":"morpho-viewer-small-circuit.d.ts","sourceRoot":"","sources":["../../../src/components/morpho-viewer-small-circuit/morpho-viewer-small-circuit.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,GAAG,CAAC;AAyCvD,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,6BAA6B,2CA0C5E"}

package/lib/dist/components/morpho-viewer-small-circuit/morpho-viewer-small-circuit.js

@@ -2,13 +2,11 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { tgdFullscreenToggle } from "@tolokoban/tgd";
 import React from "react";
 import { classNames } from "./../../utils.js";
-import { ButtonCameraReset } from "../button-reset-camera/index.js";
-import { IconClose } from "../icons/close.js";
-import { IconFullscreen } from "../icons/fullscreen.js";
-import { usePainterManager } from "./painter/index.js";
+import ControlsLayout from "../controls-layer/index.js";
 import styles from "./morpho-viewer-small-circuit.module.css";
+import { usePainterManager } from "./painter/index.js";
 export function MorphoViewerSmallCircuit(props) {
-    var _a;
+    var _a, _b;
     const ref = React.useRef(null);
     const manager = usePainterManager(props);
     const handleToggleFullscreen = () => {
@@ -17,9 +15,26 @@ export function MorphoViewerSmallCircuit(props) {
             return;
         tgdFullscreenToggle(div);
     };
+    const handleControls = (action) => {
+        var _a, _b;
+        switch (action) {
+            case "fullscreen":
+                handleToggleFullscreen();
+                break;
+            case "reset-camera":
+                manager.cameraReset();
+                break;
+            case "close":
+                (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props);
+                break;
+            case "minimize":
+                (_b = props.onMinimize) === null || _b === void 0 ? void 0 : _b.call(props);
+                break;
+        }
+    };
     return (_jsxs("div", { ref: ref, className: classNames(props.className, styles.morphoViewerSmallCircuit), style: {
             background: (_a = props.backgroundColor) !== null && _a !== void 0 ? _a : "#000",
-        }, children: [_jsx(Canvas, { painterManager: manager }), _jsxs("header", { children: [_jsx("div", {}), _jsx(ButtonCameraReset, { painterManager: manager }), _jsxs("div", { className: styles.flex, children: [_jsx("button", { type: "button", onClick: handleToggleFullscreen, children: _jsx(IconFullscreen, {}) }), props.onClose && (_jsx("button", { type: "button", onClick: props.onClose, children: _jsx(IconClose, {}) }))] })] })] }));
+        }, children: [_jsx(Canvas, { painterManager: manager }), _jsx(ControlsLayout, { content: (_b = props.controls) !== null && _b !== void 0 ? _b : getDefaultControls(props), onClick: handleControls })] }));
 }
 const Canvas = React.memo(({ painterManager }) => {
     return (_jsx("canvas", { ref: (canvas) => {
@@ -29,4 +44,10 @@ const Canvas = React.memo(({ painterManager }) => {
             };
         } }, "canvas"));
 });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9ycGhvLXZpZXdlci1zbWFsbC1jaXJjdWl0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvbW9ycGhvLXZpZXdlci1zbWFsbC1jaXJjdWl0L21vcnBoby12aWV3ZXItc21hbGwtY2lyY3VpdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ3JELE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUUxQixPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sU0FBUyxDQUFDO0FBRXJDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQzNELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUMzQyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFFckQsT0FBTyxFQUF1QixpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQztBQUVuRSxPQUFPLE1BQU0sTUFBTSwwQ0FBMEMsQ0FBQztBQXVDOUQsTUFBTSxVQUFVLHdCQUF3QixDQUFDLEtBQW9DOztJQUMzRSxNQUFNLEdBQUcsR0FBRyxLQUFLLENBQUMsTUFBTSxDQUF3QixJQUFJLENBQUMsQ0FBQztJQUN0RCxNQUFNLE9BQU8sR0FBRyxpQkFBaUIsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUN6QyxNQUFNLHNCQUFzQixHQUFHLEdBQUcsRUFBRTtRQUNsQyxNQUFNLEdBQUcsR0FBRyxHQUFHLENBQUMsT0FBTyxDQUFDO1FBQ3hCLElBQUksQ0FBQyxHQUFHO1lBQUUsT0FBTztRQUVqQixtQkFBbUIsQ0FBQyxHQUFHLENBQUMsQ0FBQztJQUMzQixDQUFDLENBQUM7SUFFRixPQUFPLENBQ0wsZUFDRSxHQUFHLEVBQUUsR0FBRyxFQUNSLFNBQVMsRUFBRSxVQUFVLENBQUMsS0FBSyxDQUFDLFNBQVMsRUFBRSxNQUFNLENBQUMsd0JBQXdCLENBQUMsRUFDdkUsS0FBSyxFQUFFO1lBQ0wsVUFBVSxFQUFFLE1BQUEsS0FBSyxDQUFDLGVBQWUsbUNBQUksTUFBTTtTQUM1QyxhQUVELEtBQUMsTUFBTSxJQUFDLGNBQWMsRUFBRSxPQUFPLEdBQUksRUFDbkMsNkJBQ0UsZUFBTyxFQUNQLEtBQUMsaUJBQWlCLElBQUMsY0FBYyxFQUFFLE9BQU8sR0FBSSxFQUM5QyxlQUFLLFNBQVMsRUFBRSxNQUFNLENBQUMsSUFBSSxhQUN6QixpQkFBUSxJQUFJLEVBQUMsUUFBUSxFQUFDLE9BQU8sRUFBRSxzQkFBc0IsWUFDbkQsS0FBQyxjQUFjLEtBQUcsR0FDWCxFQUNSLEtBQUssQ0FBQyxPQUFPLElBQUksQ0FDaEIsaUJBQVEsSUFBSSxFQUFDLFFBQVEsRUFBQyxPQUFPLEVBQUUsS0FBSyxDQUFDLE9BQU8sWUFDMUMsS0FBQyxTQUFTLEtBQUcsR0FDTixDQUNWLElBQ0csSUFDQyxJQUNMLENBQ1AsQ0FBQztBQUNKLENBQUM7QUFFRCxNQUFNLE1BQU0sR0FBRyxLQUFLLENBQUMsSUFBSSxDQUFDLENBQUMsRUFBRSxjQUFjLEVBQXNDLEVBQUUsRUFBRTtJQUNuRixPQUFPLENBQ0wsaUJBRUUsR0FBRyxFQUFFLENBQUMsTUFBZ0MsRUFBRSxFQUFFO1lBQ3hDLGNBQWMsQ0FBQyxNQUFNLEdBQUcsTUFBTSxDQUFDO1lBQy9CLE9BQU8sR0FBRyxFQUFFO2dCQUNWLGNBQWMsQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDO1lBQy9CLENBQUMsQ0FBQztRQUNKLENBQUMsSUFORyxRQUFRLENBT1osQ0FDSCxDQUFDO0FBQ0osQ0FBQyxDQUFDLENBQUMifQ==
+function getDefaultControls(props) {
+    return [
+        "reset-camera",
+        ["fullscreen", props.onClose && "close", props.onMinimize && "minimize"],
+    ];
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9ycGhvLXZpZXdlci1zbWFsbC1jaXJjdWl0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvbW9ycGhvLXZpZXdlci1zbWFsbC1jaXJjdWl0L21vcnBoby12aWV3ZXItc21hbGwtY2lyY3VpdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ3JELE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUUxQixPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sU0FBUyxDQUFDO0FBR3JDLE9BQU8sY0FBYyxNQUFNLG1CQUFtQixDQUFDO0FBSy9DLE9BQU8sTUFBTSxNQUFNLDBDQUEwQyxDQUFDO0FBQzlELE9BQU8sRUFBdUIsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUM7QUF1Q25FLE1BQU0sVUFBVSx3QkFBd0IsQ0FBQyxLQUFvQzs7SUFDNUUsTUFBTSxHQUFHLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBd0IsSUFBSSxDQUFDLENBQUM7SUFDdEQsTUFBTSxPQUFPLEdBQUcsaUJBQWlCLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDekMsTUFBTSxzQkFBc0IsR0FBRyxHQUFHLEVBQUU7UUFDbkMsTUFBTSxHQUFHLEdBQUcsR0FBRyxDQUFDLE9BQU8sQ0FBQztRQUN4QixJQUFJLENBQUMsR0FBRztZQUFFLE9BQU87UUFFakIsbUJBQW1CLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDMUIsQ0FBQyxDQUFDO0lBRUYsTUFBTSxjQUFjLEdBQUcsQ0FBQyxNQUFxQixFQUFRLEVBQUU7O1FBQ3RELFFBQVEsTUFBTSxFQUFFLENBQUM7WUFDaEIsS0FBSyxZQUFZO2dCQUNoQixzQkFBc0IsRUFBRSxDQUFDO2dCQUN6QixNQUFNO1lBQ1AsS0FBSyxjQUFjO2dCQUNsQixPQUFPLENBQUMsV0FBVyxFQUFFLENBQUM7Z0JBQ3RCLE1BQU07WUFDUCxLQUFLLE9BQU87Z0JBQ1gsTUFBQSxLQUFLLENBQUMsT0FBTyxxREFBSSxDQUFDO2dCQUNsQixNQUFNO1lBQ1AsS0FBSyxVQUFVO2dCQUNkLE1BQUEsS0FBSyxDQUFDLFVBQVUscURBQUksQ0FBQztnQkFDckIsTUFBTTtRQUNSLENBQUM7SUFDRixDQUFDLENBQUM7SUFFRixPQUFPLENBQ04sZUFDQyxHQUFHLEVBQUUsR0FBRyxFQUNSLFNBQVMsRUFBRSxVQUFVLENBQUMsS0FBSyxDQUFDLFNBQVMsRUFBRSxNQUFNLENBQUMsd0JBQXdCLENBQUMsRUFDdkUsS0FBSyxFQUFFO1lBQ04sVUFBVSxFQUFFLE1BQUEsS0FBSyxDQUFDLGVBQWUsbUNBQUksTUFBTTtTQUMzQyxhQUVELEtBQUMsTUFBTSxJQUFDLGNBQWMsRUFBRSxPQUFPLEdBQUksRUFDbkMsS0FBQyxjQUFjLElBQ2QsT0FBTyxFQUFFLE1BQUEsS0FBSyxDQUFDLFFBQVEsbUNBQUksa0JBQWtCLENBQUMsS0FBSyxDQUFDLEVBQ3BELE9BQU8sRUFBRSxjQUFjLEdBQ3RCLElBQ0csQ0FDTixDQUFDO0FBQ0gsQ0FBQztBQUVELE1BQU0sTUFBTSxHQUFHLEtBQUssQ0FBQyxJQUFJLENBQ3hCLENBQUMsRUFBRSxjQUFjLEVBQXNDLEVBQUUsRUFBRTtJQUMxRCxPQUFPLENBQ04saUJBRUMsR0FBRyxFQUFFLENBQUMsTUFBZ0MsRUFBRSxFQUFFO1lBQ3pDLGNBQWMsQ0FBQyxNQUFNLEdBQUcsTUFBTSxDQUFDO1lBQy9CLE9BQU8sR0FBRyxFQUFFO2dCQUNYLGNBQWMsQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDO1lBQzlCLENBQUMsQ0FBQztRQUNILENBQUMsSUFORyxRQUFRLENBT1gsQ0FDRixDQUFDO0FBQ0gsQ0FBQyxDQUNELENBQUM7QUFFRixTQUFTLGtCQUFrQixDQUFDLEtBQW9DO0lBQy9ELE9BQU87UUFDTixjQUFjO1FBQ2QsQ0FBQyxZQUFZLEVBQUUsS0FBSyxDQUFDLE9BQU8sSUFBSSxPQUFPLEVBQUUsS0FBSyxDQUFDLFVBQVUsSUFBSSxVQUFVLENBQUM7S0FDeEUsQ0FBQztBQUNILENBQUMifQ==

package/lib/dist/components/morpho-viewer-small-circuit/types.d.ts

@@ -1,4 +1,5 @@
 import { TgdPainterGizmoOptions } from "@tolokoban/tgd";
+import { ControlsLayoutProps } from "../controls-layer/controls-layout";
 import type { MorphoViewerTree } from "../morpho-viewer-simul";
 export interface MorphoViewerSmallCircuitCell {
     id: string;
@@ -19,8 +20,10 @@ export interface MorphoViewerSmallCircuitProps {
     onCellHover?(cell: MorphoViewerSmallCircuitCell | undefined): void;
     onCellClick?(cell: MorphoViewerSmallCircuitCell | undefined): void;
     onClose?(): void;
+    onMinimize?(): void;
     loadCell(id: string): Promise<MorphoViewerSmallCircuitCellData | null>;
     onLoadProgress?(progress: number): void;
     gizmo?: boolean | TgdPainterGizmoOptions;
+    controls?: ControlsLayoutProps["content"];
 }
 //# sourceMappingURL=types.d.ts.map

package/lib/dist/components/morpho-viewer-small-circuit/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/morpho-viewer-small-circuit/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,gBAAgB,CAAC;AAExD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAE/D,MAAM,WAAW,4BAA4B;IAC3C,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,CAAC,CAAC;IAC1C,WAAW,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,CAAC,CAAC;IAC1D,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,MAAM,gCAAgC,GAAG;IAC7C,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,gBAAgB,CAAC;CACxB,CAAC;AAEF,MAAM,WAAW,6BAA6B;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,OAAO,EAAE,4BAA4B,EAAE,CAAC;IACxC,kBAAkB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC9B,WAAW,CAAC,CAAC,IAAI,EAAE,4BAA4B,GAAG,SAAS,GAAG,IAAI,CAAC;IACnE,WAAW,CAAC,CAAC,IAAI,EAAE,4BAA4B,GAAG,SAAS,GAAG,IAAI,CAAC;IACnE,OAAO,CAAC,IAAI,IAAI,CAAC;IAKjB,QAAQ,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO,CAAC,gCAAgC,GAAG,IAAI,CAAC,CAAC;IAOvE,cAAc,CAAC,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IAWxC,KAAK,CAAC,EAAE,OAAO,GAAG,sBAAsB,CAAC;CAC1C"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/morpho-viewer-small-circuit/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,gBAAgB,CAAA;AACvD,OAAO,EAAE,mBAAmB,EAAE,MAAM,mCAAmC,CAAA;AACvE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAA;AAE9D,MAAM,WAAW,4BAA4B;IACzC,EAAE,EAAE,MAAM,CAAA;IACV,MAAM,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,CAAC,CAAA;IACzC,WAAW,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,CAAC,CAAA;IACzD,UAAU,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,MAAM,MAAM,gCAAgC,GAAG;IAC3C,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,gBAAgB,CAAA;CACzB,CAAA;AAED,MAAM,WAAW,6BAA6B;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,OAAO,EAAE,4BAA4B,EAAE,CAAA;IAIvC,kBAAkB,CAAC,EAAE,MAAM,EAAE,CAAA;IAC7B,WAAW,CAAC,CAAC,IAAI,EAAE,4BAA4B,GAAG,SAAS,GAAG,IAAI,CAAA;IAClE,WAAW,CAAC,CAAC,IAAI,EAAE,4BAA4B,GAAG,SAAS,GAAG,IAAI,CAAA;IAClE,OAAO,CAAC,IAAI,IAAI,CAAA;IAChB,UAAU,CAAC,IAAI,IAAI,CAAA;IAKnB,QAAQ,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO,CAAC,gCAAgC,GAAG,IAAI,CAAC,CAAA;IAOtE,cAAc,CAAC,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAA;IAWvC,KAAK,CAAC,EAAE,OAAO,GAAG,sBAAsB,CAAA;IAUxC,QAAQ,CAAC,EAAE,mBAAmB,CAAC,SAAS,CAAC,CAAA;CAC5C"}

package/lib/dist/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@openbraininstitute/morphoviewer",
-    "version": "0.24.21",
+    "version": "0.24.22",
     "description": "Class to display SWC files in 3D on a canvas",
     "main": "./dist/index.js",
     "module": "./dist/index.js",

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@openbraininstitute/morphoviewer",
-    "version": "0.24.21",
+    "version": "0.24.22",
     "description": "Class to display SWC morphology files in 3D",
     "main": "./lib/dist/index.js",
     "module": "./lib/dist/index.js",
@@ -10,7 +10,7 @@
     ],
     "repository": {
         "type": "git",
-        "url": "git+https://github.com/BlueBrain/morphoviewer.git"
+        "url": "git+https://github.com/openbraininstitute/morphoviewer.git"
     },
     "keywords": [
         "SWC",
@@ -41,4 +41,4 @@
     "devDependencies": {
         "@biomejs/biome": "^2.4.13"
     }
-}
+}