@openbraininstitute/morphoviewer 0.26.1 → 0.26.3

package/dist/components/morpho-viewer-octree/painter/manager.js

@@ -0,0 +1,217 @@
+import { __awaiter } from "tslib";
+import { TgdColor, TgdContext, TgdControllerCameraOrbit, TgdDataGlb, TgdEvent, TgdGeometryBox, TgdMaterialDiffuse, TgdPainterClear, TgdPainterGizmo, TgdPainterGroup, TgdPainterLOD, TgdPainterMesh, TgdPainterMeshGltf, TgdPainterState, TgdQuat, TgdVec3, tgdActionCreateCameraInterpolation, tgdEasingFunctionInOutQuad, } from "@tolokoban/tgd";
+import React from "react";
+import { watchSpacePerPixel } from "./../../../behaviors";
+import { morphoViewerOctreeBlockToId } from "../tools";
+import { makeCamera } from "./camera";
+const DEFAULT_GIZMO_PROPS = {
+    alignX: +1,
+    alignY: -1,
+    size: 128,
+    margin: 8,
+};
+export class OctreeManager {
+    constructor() {
+        this.loadInfo = null;
+        this.loadBlock = null;
+        this.eventScalebar = new TgdEvent();
+        this._meshId = "";
+        this._canvas = null;
+        this.context = null;
+        this.group = new TgdPainterGroup({ name: "Group" });
+        this.groupGizmo = new TgdPainterGroup({ name: "GroupGizmo" });
+        this.promisedInfo = null;
+        this.availableBlocks = new Set();
+        this.material = new TgdMaterialDiffuse({
+            lockLightsToCamera: true,
+            color: [0.8, 0.7, 0.4, 1],
+        });
+        this.orbit = null;
+        this.initialCameraState = { width: 1, height: 1, near: 1, far: 10, position: new TgdVec3() };
+        this.animations = [];
+        this._gizmo = false;
+        this.painterGizmo = null;
+        this.resetMeshLoading = () => __awaiter(this, void 0, void 0, function* () {
+            var _a, _b;
+            const { loadInfo } = this;
+            if (!loadInfo)
+                return;
+            const { group } = this;
+            const promisedInfo = (_a = this.promisedInfo) !== null && _a !== void 0 ? _a : loadInfo(this.meshId);
+            this.promisedInfo = promisedInfo;
+            const { context } = this;
+            if (!context)
+                return;
+            const info = yield promisedInfo;
+            if (!info)
+                return;
+            const { camera, width, height } = makeCamera(info.bbox);
+            context.camera = camera;
+            this.initialCameraState = {
+                width,
+                height,
+                position: new TgdVec3(camera.transfo.position),
+                near: camera.near,
+                far: camera.far,
+            };
+            (_b = this.orbit) === null || _b === void 0 ? void 0 : _b.detach();
+            this.orbit = new TgdControllerCameraOrbit(context, {
+                inertiaOrbit: 1000,
+                onZoomRequest: (event) => {
+                    return true;
+                },
+            });
+            this.availableBlocks.clear();
+            for (const blockId of info.blockIds) {
+                this.availableBlocks.add(blockId);
+            }
+            const lod = new TgdPainterLOD(context, {
+                bbox: info.bbox,
+                subdivisions: 4,
+                surfaceThreshold: 1,
+                factory: (x, y, z, level) => __awaiter(this, void 0, void 0, function* () {
+                    const { loadBlock, context } = this;
+                    if (!loadBlock || !context)
+                        return null;
+                    const blockId = morphoViewerOctreeBlockToId(x, y, z, level);
+                    if (!this.availableBlocks.has(blockId)) {
+                        return null;
+                    }
+                    const block = yield loadBlock(this.meshId, blockId);
+                    if ((block === null || block === void 0 ? void 0 : block.type) === "glb") {
+                        const asset = yield TgdDataGlb.parse(block.data);
+                        const mesh = new TgdPainterMeshGltf(context, {
+                            asset,
+                            material: block.color
+                                ? new TgdMaterialDiffuse({
+                                    lockLightsToCamera: true,
+                                    color: TgdColor.fromString(block.color).toArayNumber4(),
+                                })
+                                : this.material,
+                        });
+                        return mesh;
+                    }
+                    return null;
+                }),
+            });
+            group.removeAll();
+            group.add(lod);
+            context.paint();
+        });
+        this.groupGizmo.active = !!this._gizmo;
+    }
+    get gizmo() {
+        return this._gizmo;
+    }
+    set gizmo(gizmo) {
+        if (this._gizmo === gizmo)
+            return;
+        if (gizmo === true) {
+            this._gizmo = DEFAULT_GIZMO_PROPS;
+        }
+        else if (gizmo === false) {
+            this._gizmo = false;
+        }
+        else {
+            this._gizmo = Object.assign(Object.assign({}, DEFAULT_GIZMO_PROPS), gizmo);
+        }
+        this.groupGizmo.active = !!this._gizmo;
+        if (this.painterGizmo) {
+            const { alignX, alignY, size, margin } = this._gizmo === false ? DEFAULT_GIZMO_PROPS : this._gizmo;
+            this.painterGizmo.alignX = alignX;
+            this.painterGizmo.alignY = alignY;
+            this.painterGizmo.size = size;
+            this.painterGizmo.margin = margin;
+        }
+    }
+    resetCamera() {
+        const { context } = this;
+        if (!context)
+            return;
+        context.animCancelArray(this.animations);
+        this.animations = context.animSchedule({
+            duration: 0.3,
+            easingFunction: tgdEasingFunctionInOutQuad,
+            action: tgdActionCreateCameraInterpolation(context.camera, {
+                zoom: 1,
+                position: this.initialCameraState.position,
+                orientation: new TgdQuat(),
+            }),
+        });
+    }
+    get meshId() {
+        return this._meshId;
+    }
+    set meshId(meshId) {
+        if (this._meshId === meshId)
+            return;
+        this._meshId = meshId;
+        this.promisedInfo = null;
+        this.resetMeshLoading();
+    }
+    get canvas() {
+        return this._canvas;
+    }
+    set canvas(canvas) {
+        var _a, _b;
+        if (this._canvas === canvas)
+            return;
+        this._canvas = canvas;
+        (_a = this.context) === null || _a === void 0 ? void 0 : _a.delete();
+        (_b = this.orbit) === null || _b === void 0 ? void 0 : _b.detach();
+        if (!canvas)
+            return;
+        const context = new TgdContext(canvas, {
+            antialias: true,
+            alpha: false,
+            depth: true,
+        });
+        watchSpacePerPixel(context, this.eventScalebar);
+        this.context = context;
+        context.add(new TgdPainterClear(context, {
+            color: [0, 0, 0, 1],
+            depth: 1,
+        }), new TgdPainterState(context, {
+            depth: "less",
+            cull: "back",
+            children: [this.group],
+        }), this.groupGizmo);
+        this.groupGizmo.removeAll();
+        const painterGizmo = new TgdPainterGizmo(context, DEFAULT_GIZMO_PROPS);
+        this.painterGizmo = painterGizmo;
+        this.groupGizmo.add(painterGizmo);
+        this.group.removeAll();
+        this.resetMeshLoading();
+    }
+}
+function makeDebugMesh(context, bbox, material) {
+    const vecMin = new TgdVec3(bbox.min);
+    const vecMax = new TgdVec3(bbox.max);
+    const vecDim = new TgdVec3(vecMax).subtract(vecMin);
+    const center = new TgdVec3(vecMax).add(vecMin).scale(0.5);
+    return new TgdPainterMesh(context, {
+        geometry: new TgdGeometryBox({
+            center,
+            sizeX: vecDim.x,
+            sizeY: vecDim.y,
+            sizeZ: vecDim.z,
+        }),
+        material,
+    });
+}
+export function useOctreeManager({ meshId, loadInfo, loadBlock, gizmo, }) {
+    const ref = React.useRef(null);
+    if (!ref.current)
+        ref.current = new OctreeManager();
+    React.useEffect(() => {
+        const manager = ref.current;
+        if (!manager)
+            return;
+        manager.loadInfo = loadInfo;
+        manager.loadBlock = loadBlock;
+        manager.meshId = meshId;
+        manager.gizmo = gizmo !== null && gizmo !== void 0 ? gizmo : false;
+    }, [meshId, loadInfo, loadBlock, gizmo]);
+    return ref.current;
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWFuYWdlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL21vcnBoby12aWV3ZXItb2N0cmVlL3BhaW50ZXIvbWFuYWdlci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUdMLFFBQVEsRUFDUixVQUFVLEVBQ1Ysd0JBQXdCLEVBQ3hCLFVBQVUsRUFDVixRQUFRLEVBQ1IsY0FBYyxFQUVkLGtCQUFrQixFQUNsQixlQUFlLEVBQ2YsZUFBZSxFQUVmLGVBQWUsRUFDZixhQUFhLEVBQ2IsY0FBYyxFQUNkLGtCQUFrQixFQUNsQixlQUFlLEVBQ2YsT0FBTyxFQUNQLE9BQU8sRUFDUCxrQ0FBa0MsRUFDbEMsMEJBQTBCLEdBQzNCLE1BQU0sZ0JBQWdCLENBQUM7QUFDeEIsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUVqRCxPQUFPLEVBQUUsMkJBQTJCLEVBQUUsTUFBTSxVQUFVLENBQUM7QUFDdkQsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLFVBQVUsQ0FBQztBQUl0QyxNQUFNLG1CQUFtQixHQUEyQjtJQUNsRCxNQUFNLEVBQUUsQ0FBQyxDQUFDO0lBQ1YsTUFBTSxFQUFFLENBQUMsQ0FBQztJQUNWLElBQUksRUFBRSxHQUFHO0lBQ1QsTUFBTSxFQUFFLENBQUM7Q0FDVixDQUFDO0FBRUYsTUFBTSxPQUFPLGFBQWE7SUE0QnhCO1FBM0JPLGFBQVEsR0FBK0MsSUFBSSxDQUFDO1FBQzVELGNBQVMsR0FBZ0QsSUFBSSxDQUFDO1FBQ3JELGtCQUFhLEdBQUcsSUFBSSxRQUFRLEVBQVUsQ0FBQztRQUUvQyxZQUFPLEdBQVcsRUFBRSxDQUFDO1FBQ3JCLFlBQU8sR0FBNkIsSUFBSSxDQUFDO1FBQ3pDLFlBQU8sR0FBc0IsSUFBSSxDQUFDO1FBQ3pCLFVBQUssR0FBRyxJQUFJLGVBQWUsQ0FBQyxFQUFFLElB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

package/{lib/dist → dist}/components/morpho-viewer-octree/types.d.ts

@@ -1,8 +1,9 @@
-import { PropsForGizmo, PropsForScalebar } from "../types";
 import type { ArrayNumber3 } from "@tolokoban/tgd";
+import type { PropsForGizmo, PropsForScalebar } from "../types";
 export type MorphoViewerOctreeMeshType = {
     type: "glb";
     data: ArrayBuffer;
+    color?: string;
 };
 export interface MorphoViewerOctreeInfo {
     bbox: {

package/dist/components/morpho-viewer-octree/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/morpho-viewer-octree/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,KAAK,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAEhE,MAAM,MAAM,0BAA0B,GAAG;IACvC,IAAI,EAAE,KAAK,CAAC;IACZ,IAAI,EAAE,WAAW,CAAC;IAIlB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,WAAW,sBAAsB;IACrC,IAAI,EAAE;QACJ,GAAG,EAAE,YAAY,CAAC;QAClB,GAAG,EAAE,YAAY,CAAC;KACnB,CAAC;IACF,QAAQ,EAAE,MAAM,EAAE,CAAC;CACpB;AAED,MAAM,MAAM,uBAAuB,GAAG,aAAa,GACjD,gBAAgB,GAAG;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,CAAC,sBAAsB,GAAG,IAAI,CAAC,CAAC;IAKjE,SAAS,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,OAAO,CAAC,0BAA0B,GAAG,IAAI,CAAC,CAAC;CACxF,CAAC"}

package/{lib/dist → dist}/components/morpho-viewer-scalebar/morpho-viewer-scalebar.d.ts

@@ -1,8 +1,9 @@
+import React from "react";
 import type { TgdEvent } from "@tolokoban/tgd";
 export interface MorphoViewerScalebarProps {
     className?: string | boolean;
     spacePerPixelEvent: TgdEvent<number>;
     unit?: number;
 }
-export default function MorphoViewerScalebar({ className, spacePerPixelEvent, unit, }: MorphoViewerScalebarProps): import("react/jsx-runtime").JSX.Element;
+export default function MorphoViewerScalebar({ className, spacePerPixelEvent, unit, }: MorphoViewerScalebarProps): React.JSX.Element;
 //# sourceMappingURL=morpho-viewer-scalebar.d.ts.map

package/dist/components/morpho-viewer-scalebar/morpho-viewer-scalebar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"morpho-viewer-scalebar.d.ts","sourceRoot":"","sources":["../../../src/components/morpho-viewer-scalebar/morpho-viewer-scalebar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAI/C,MAAM,WAAW,yBAAyB;IACxC,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC7B,kBAAkB,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;IAIrC,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,EAC3C,SAAS,EACT,kBAAkB,EAClB,IAAW,GACZ,EAAE,yBAAyB,qBA+B3B"}

package/{lib/dist → dist}/components/morpho-viewer-scalebar/morpho-viewer-scalebar.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from "react";
-import { classNames } from "@/utils";
+import { classNames } from "./../../utils";
 import { paint } from "./painter";
 import styles from "./morpho-viewer-scalebar.module.css";
 export default function MorphoViewerScalebar({ className, spacePerPixelEvent, unit = 1e-6, }) {

package/dist/components/morpho-viewer-scalebar/morpho-viewer-scalebar.module.css

@@ -0,0 +1,13 @@
+.morphoViewerScalebar {
+    background: transparent;
+    z-index: 1;
+}
+
+.defaultLayout {
+    position: absolute;
+    left: 8px;
+    bottom: 8px;
+    width: calc(100% - 16px - 128px);
+    height: 1.4em;
+    pointer-events: none;
+}

package/{lib/dist → dist}/components/morpho-viewer-simul/components/ModeSelector/ModeSelector.d.ts

@@ -1,7 +1,8 @@
+import React from "react";
 import { PainterManager } from "../../painter";
 export interface ModeSelectorProps {
     className?: string;
     painterManager: PainterManager;
 }
-export default function ModeSelector({ className, painterManager }: ModeSelectorProps): import("react/jsx-runtime").JSX.Element;
+export default function ModeSelector({ className, painterManager }: ModeSelectorProps): React.JSX.Element;
 //# sourceMappingURL=ModeSelector.d.ts.map

package/dist/components/morpho-viewer-simul/components/ModeSelector/ModeSelector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModeSelector.d.ts","sourceRoot":"","sources":["../../../../../src/components/morpho-viewer-simul/components/ModeSelector/ModeSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAI/C,MAAM,WAAW,iBAAiB;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,EAAE,cAAc,CAAC;CAChC;AAED,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EAAE,SAAS,EAAE,cAAc,EAAE,EAAE,iBAAiB,qBAsBpF"}

package/{lib/dist → dist}/components/morpho-viewer-simul/components/ModeSelector/ModeSelector.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from "react";
-import { classNames } from "@/utils";
+import { classNames } from "./../../../../utils";
 import { Icon3D } from "../../../icons/3d";
 import { IconDendrogramStraight } from "../../../icons/dendrogram-straight";
 import styles from "./ModeSelector.module.css";

package/dist/components/morpho-viewer-simul/components/ModeSelector/ModeSelector.module.css

@@ -0,0 +1,25 @@
+div.modeSelector {
+  display: flex;
+  flex-wrap: nowrap;
+  flex-direction: row;
+  justify-content: flex-start;
+  align-items: stretch;
+  gap: 2px;
+
+  > button.button {
+    border-radius: 0;
+
+    &.selected {
+      background-color: #adf;
+      color: #000;
+    }
+
+    &:first-child {
+      border-radius: 8px 0 0 8px;
+    }
+
+    &:last-child {
+      border-radius: 0 8px 8px 0;
+    }
+  }
+}

package/{lib/dist → dist}/components/morpho-viewer-simul/components/add-recording-dialog/add-recording-dialog.d.ts

@@ -1,6 +1,7 @@
+import React from "react";
 import type { MorphoViewerSimulContentProps } from "../../types/private";
 export interface AddRecordingDialogProps extends MorphoViewerSimulContentProps {
     className?: string;
 }
-export default function AddRecordingDialog(props: AddRecordingDialogProps): import("react/jsx-runtime").JSX.Element | null;
+export default function AddRecordingDialog(props: AddRecordingDialogProps): React.JSX.Element | null;
 //# sourceMappingURL=add-recording-dialog.d.ts.map

package/dist/components/morpho-viewer-simul/components/add-recording-dialog/add-recording-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"add-recording-dialog.d.ts","sourceRoot":"","sources":["../../../../../src/components/morpho-viewer-simul/components/add-recording-dialog/add-recording-dialog.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,qBAAqB,CAAC;AAIzE,MAAM,WAAW,uBAAwB,SAAQ,6BAA6B;IAC5E,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,4BA0ExE"}

package/{lib/dist → dist}/components/morpho-viewer-simul/components/add-recording-dialog/add-recording-dialog.js

@@ -1,7 +1,7 @@
 import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 import React from "react";
-import { IconClose } from "@/components/icons/close";
-import { classNames, useEventValue } from "@/utils";
+import { IconClose } from "./../../../icons/close";
+import { classNames, useEventValue } from "./../../../../utils";
 import { useRecordingsAndInjection } from "../../hooks";
 import { HintContent } from "../hint";
 import { useEscapeHandler } from "./hooks";

package/dist/components/morpho-viewer-simul/components/add-recording-dialog/add-recording-dialog.module.css

@@ -0,0 +1,115 @@
+.addRecordingDialog {
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  display: grid;
+  place-items: center;
+  background-color: #0001;
+  z-index: 10;
+  opacity: 0;
+  pointer-events: none;
+  transition: all 0.3s;
+
+  &.open {
+    opacity: 1;
+    pointer-events: all;
+  }
+
+  > div {
+    background-color: #3333;
+    backdrop-filter: blur(4px);
+    color: #fff;
+    padding: 1em;
+    border-radius: 0.5em;
+    border: 2px solid #fff4;
+    transition: all 0.3s;
+    margin: 4px;
+
+    &.top {
+      place-self: start center;
+    }
+
+    &.bottom {
+      place-self: end center;
+    }
+
+    > header {
+      width: 100%;
+      display: flex;
+      flex-wrap: nowrap;
+      flex-direction: row;
+      justify-content: space-between;
+      align-items: center;
+      gap: 1em;
+      margin-top: -0.5em;
+
+      > h2 {
+        font-size: 150%;
+        flex: 1 1 auto;
+        margin: 0;
+
+        > small {
+          font-weight: normal;
+        }
+      }
+
+      > button {
+        flex: 0 0 auto;
+        white-space: nowrap;
+        font: inherit;
+        font-weight: bold;
+        color: #7bf;
+        background: none;
+        border: none;
+        display: flex;
+        flex-wrap: nowrap;
+        flex-direction: row;
+        justify-content: flex-start;
+        align-items: center;
+        gap: 0.5em;
+
+        &:hover {
+          text-decoration: underline;
+        }
+      }
+    }
+
+    hr {
+      margin: 2em 0;
+      width: 100%;
+      height: 1px;
+      border: none;
+      background: linear-gradient(to right, transparent, currentColor, transparent);
+    }
+
+    .buttons {
+      display: grid;
+      grid-template-columns: 1fr 1fr;
+      gap: 1em;
+
+      > button {
+        font: inherit;
+        border: none;
+        font-weight: bolder;
+        text-align: center;
+        display: grid;
+        place-items: center;
+        height: 2.5em;
+        border-radius: 99vmax;
+        background-color: #05a;
+        border: 1px solid #fff7;
+        color: #fffe;
+        padding: 0 1em;
+        box-shadow: 0 0.125em 0.25em #000;
+        transition: all 0.3s;
+
+        &:hover,
+        &:active {
+          filter: brightness(120%);
+        }
+      }
+    }
+  }
+}

package/{lib/dist → dist}/components/morpho-viewer-simul/components/hint/hint.d.ts

@@ -1,8 +1,9 @@
+import type React from "react";
 import type { PainterManager } from "../../painter";
 export interface HintProps {
     className?: string;
     painterManager: PainterManager;
 }
-export declare function HintPanel({ className, painterManager }: HintProps): import("react/jsx-runtime").JSX.Element | null;
-export declare function HintContent({ className, painterManager }: HintProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function HintPanel({ className, painterManager }: HintProps): React.JSX.Element | null;
+export declare function HintContent({ className, painterManager }: HintProps): React.JSX.Element | null;
 //# sourceMappingURL=hint.d.ts.map

package/dist/components/morpho-viewer-simul/components/hint/hint.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hint.d.ts","sourceRoot":"","sources":["../../../../../src/components/morpho-viewer-simul/components/hint/hint.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAKpD,MAAM,WAAW,SAAS;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,EAAE,cAAc,CAAC;CAChC;AAED,wBAAgB,SAAS,CAAC,EAAE,SAAS,EAAE,cAAc,EAAE,EAAE,SAAS,4BAiBjE;AAED,wBAAgB,WAAW,CAAC,EAAE,SAAS,EAAE,cAAc,EAAE,EAAE,SAAS,4BA0BnE"}

package/{lib/dist → dist}/components/morpho-viewer-simul/components/hint/hint.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { classNames, useEventValue } from "@/utils";
+import { classNames, useEventValue } from "./../../../../utils";
 import { MorphoViewerTreeItemType } from "../../types/public";
 import styles from "./hint.module.css";
 export function HintPanel({ className, painterManager }) {

package/dist/components/morpho-viewer-simul/components/hint/hint.module.css

@@ -0,0 +1,23 @@
+div.hintPanel {
+  position: absolute;
+  left: 1em;
+  width: auto;
+  height: auto;
+  border-radius: 0.5em;
+  border: 1px solid #fff3;
+  background-color: #3333;
+  backdrop-filter: blur(6px);
+  pointer-events: none;
+  z-index: 2;
+}
+
+div.hintContent {
+  padding: 1em;
+  display: grid;
+  grid-template-columns: auto 1fr;
+  gap: 0.25em 1em;
+
+  > div:nth-child(2n) {
+    font-weight: bolder;
+  }
+}

package/{lib/dist → dist}/components/morpho-viewer-simul/components/legend-overlay/legend-overlay.d.ts

@@ -1,5 +1,6 @@
+import React from "react";
 import type { MorphoViewerSimulContentProps } from "../../types/private";
 export default function LegendOverlay(props: MorphoViewerSimulContentProps & {
     className?: string;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 //# sourceMappingURL=legend-overlay.d.ts.map

package/{lib/dist → dist}/components/morpho-viewer-simul/components/legend-overlay/legend-overlay.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"legend-overlay.d.ts","sourceRoot":"","sources":["../../../../../src/components/morpho-viewer-simul/components/legend-overlay/legend-overlay.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,qBAAqB,CAAC;AAOzE,MAAM,CAAC,OAAO,UAAU,aAAa,CACnC,KAAK,EAAE,6BAA6B,GAAG;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,2CAW9D"}
+{"version":3,"file":"legend-overlay.d.ts","sourceRoot":"","sources":["../../../../../src/components/morpho-viewer-simul/components/legend-overlay/legend-overlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,qBAAqB,CAAC;AAOzE,MAAM,CAAC,OAAO,UAAU,aAAa,CACnC,KAAK,EAAE,6BAA6B,GAAG;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,qBAW9D"}

package/{lib/dist → dist}/components/morpho-viewer-simul/components/legend-overlay/legend-overlay.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from "react";
-import { classNames } from "@/utils";
+import { classNames } from "./../../../../utils";
 import { useRecordingsAndInjection } from "../../hooks";
 import { useLegendPainter } from "./legend-painter";
 import styles from "./legend-overlay.module.css";

package/dist/components/morpho-viewer-simul/components/legend-overlay/legend-overlay.module.css

@@ -0,0 +1,5 @@
+.legendOverlay {
+  pointer-events: none;
+  z-index: 1;
+  background: transparent;
+}

package/dist/components/morpho-viewer-simul/components/spiking-controller/current-time/current-time.d.ts

@@ -0,0 +1,6 @@
+import { SpikingManager } from "../../../painter/spiking-manager";
+export interface CurrentTimeProps {
+    spikingManager: SpikingManager;
+}
+export declare function CurrentTime({ spikingManager }: CurrentTimeProps): import("react").JSX.Element | null;
+//# sourceMappingURL=current-time.d.ts.map

package/{lib/dist → dist}/components/morpho-viewer-simul/components/spiking-controller/current-time/current-time.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"current-time.d.ts","sourceRoot":"","sources":["../../../../../../src/components/morpho-viewer-simul/components/spiking-controller/current-time/current-time.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,0DAA0D,CAAC;AAK1F,MAAM,WAAW,gBAAgB;IAC/B,cAAc,EAAE,cAAc,CAAC;CAChC;AAID,wBAAgB,WAAW,CAAC,EAAE,cAAc,EAAE,EAAE,gBAAgB,kDAsB/D"}
+{"version":3,"file":"current-time.d.ts","sourceRoot":"","sources":["../../../../../../src/components/morpho-viewer-simul/components/spiking-controller/current-time/current-time.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,0DAA0D,CAAC;AAK1F,MAAM,WAAW,gBAAgB;IAC/B,cAAc,EAAE,cAAc,CAAC;CAChC;AAID,wBAAgB,WAAW,CAAC,EAAE,cAAc,EAAE,EAAE,gBAAgB,sCAsB/D"}

package/{lib/dist → dist}/components/morpho-viewer-simul/components/spiking-controller/current-time/current-time.js

@@ -1,7 +1,7 @@
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import styles from "./current-time.module.css";
-import { useEventValue } from "@/utils";
-import { TIMELINE_HEIGHT, TIMELINE_MARGIN } from "@/components/morpho-viewer-simul/contants";
+import { useEventValue } from "./../../../../../utils";
+import { TIMELINE_HEIGHT, TIMELINE_MARGIN } from "./../../../contants";
 const [, RIGHT, BOTTOM, LEFT] = TIMELINE_MARGIN;
 export function CurrentTime({ spikingManager }) {
     const progress = useEventValue(spikingManager.progress, spikingManager.eventProgressChange);

package/dist/components/morpho-viewer-simul/components/spiking-controller/current-time/current-time.module.css

@@ -0,0 +1,20 @@
+.currentTime {
+  font-size: 90%;
+  display: inline-block;
+  position: absolute;
+  width: 6em;
+  text-align: center;
+  left: calc(
+    var(--custom-left) +
+    var(--custom-progress) *
+    (100% - var(--custom-left) - var(--custom-right))
+  );
+  bottom: calc(2 * var(--custom-bottom) + var(--custom-height));
+  color: #fff;
+  background-color: #000d;
+  border-radius: 99vmax;
+  padding: 0 0.5em;
+  z-index: 999;
+  transform: translateX(-3em);
+  border: 1px solid #fff3;
+}

package/{lib/dist → dist}/components/morpho-viewer-simul/components/spiking-controller/play-button/play-button.d.ts

@@ -1,6 +1,7 @@
+import React from "react";
 import { SpikingManager } from "../../../painter/spiking-manager";
 export interface PlayButtonProps {
     spikingManager: SpikingManager;
 }
-export default function PlayButton({ spikingManager }: PlayButtonProps): import("react/jsx-runtime").JSX.Element;
+export default function PlayButton({ spikingManager }: PlayButtonProps): React.JSX.Element;
 //# sourceMappingURL=play-button.d.ts.map

package/dist/components/morpho-viewer-simul/components/spiking-controller/play-button/play-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"play-button.d.ts","sourceRoot":"","sources":["../../../../../../src/components/morpho-viewer-simul/components/spiking-controller/play-button/play-button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAGlE,MAAM,WAAW,eAAe;IAC9B,cAAc,EAAE,cAAc,CAAC;CAChC;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAAE,cAAc,EAAE,EAAE,eAAe,qBAcrE"}

package/{lib/dist → dist}/components/morpho-viewer-simul/components/spiking-controller/play-button/play-button.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { IconPause } from "@/components/icons/pause";
-import { IconPlay } from "@/components/icons/play";
-import { classNames } from "@/utils";
+import { IconPause } from "./../../../../icons/pause";
+import { IconPlay } from "./../../../../icons/play";
+import { classNames } from "./../../../../../utils";
 import styles from "./play-button.module.css";
 export default function PlayButton({ spikingManager }) {
     const [playing, setPlaying] = spikingManager.usePlaying();