@openbraininstitute/morphoviewer 0.25.3 → 0.26.0

package/lib/dist/morphology/painter/segments.d.ts

@@ -1,4 +1,3 @@
-import { TgdPainterSegmentsData } from "@tolokoban/tgd";
 import type { CellNodes } from "./nodes";
 export declare class Segments {
     private _data;
@@ -16,7 +15,7 @@ export declare class Segments {
     constructor(nodes: CellNodes);
     get count(): number;
     addSegment(indexNodeA: number, indexNodeB: number): void;
-    get data(): TgdPainterSegmentsData;
+    get data(): any;
     private pushA;
     private pushB;
 }

package/lib/dist/morphology/painter/segments.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"segments.d.ts","sourceRoot":"","sources":["../../../src/morphology/painter/segments.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,gBAAgB,CAAC;AAIxD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC,qBAAa,QAAQ;IACnB,OAAO,CAAC,KAAK,CAAuC;IACpD,OAAO,CAAC,MAAM,CAAK;IACnB,OAAO,CAAC,QAAQ,CAAC,SAAS,CAA2D;IACrF,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAgC;IACxD,OAAO,CAAC,QAAQ,CAAC,cAAc,CAAgB;IAC/C,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAkB;IAC3C,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAkB;IACzC,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAgB;IAC9C,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAkB;IAC3C,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAkB;IACzC,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAgB;IAC9C,OAAO,CAAC,QAAQ,CAAC,WAAW,CAA6B;gBAE7C,KAAK,EAAE,SAAS;IAU5B,IAAI,KAAK,WAER;IAED,UAAU,CAAC,UAAU,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM;IA6CjD,IAAI,IAAI,2BAcP;IAED,OAAO,CAAC,KAAK;IAUb,OAAO,CAAC,KAAK;CASd"}
+{"version":3,"file":"segments.d.ts","sourceRoot":"","sources":["../../../src/morphology/painter/segments.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC,qBAAa,QAAQ;IACnB,OAAO,CAAC,KAAK,CAAuC;IACpD,OAAO,CAAC,MAAM,CAAK;IACnB,OAAO,CAAC,QAAQ,CAAC,SAAS,CAA2D;IACrF,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAgC;IACxD,OAAO,CAAC,QAAQ,CAAC,cAAc,CAAgB;IAC/C,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAkB;IAC3C,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAkB;IACzC,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAgB;IAC9C,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAkB;IAC3C,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAkB;IACzC,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAgB;IAC9C,OAAO,CAAC,QAAQ,CAAC,WAAW,CAA6B;gBAE7C,KAAK,EAAE,SAAS;IAU5B,IAAI,KAAK,WAER;IAED,UAAU,CAAC,UAAU,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM;IA6CjD,IAAI,IAAI,QAcP;IAED,OAAO,CAAC,KAAK;IAUb,OAAO,CAAC,KAAK;CASd"}

package/lib/dist/morphology/painter/segments.js

@@ -1,5 +1,5 @@
 import { TgdPainterSegmentsData } from "@tolokoban/tgd";
-import { CellNodeType } from "./../../types.js";
+import { CellNodeType } from "@/types";
 export class Segments {
     constructor(nodes) {
         this._data = null;

package/lib/dist/morphology/painter/textures.d.ts

@@ -1,4 +1,4 @@
-import { ColorsInterface } from "../../colors";
+import { ColorsInterface } from "@/colors";
 export declare function getRegionsTextureCanvas(somaVisible: boolean, { soma, axon, basalDendrite, apicalDendrite, unknown, }: Partial<{
     soma: string;
     axon: string;

package/lib/dist/nrrd/index.js

@@ -1,8 +1,8 @@
 import { __awaiter } from "tslib";
 import { decompress } from "fflate";
-import { getHeaderLength } from "./get-header-length.js";
-import VolumeHeader from "./header.js";
-import Volume from "./volume.js";
+import { getHeaderLength } from "./get-header-length";
+import VolumeHeader from "./header";
+import Volume from "./volume";
 export function parseNRRD(buffer) {
     return __awaiter(this, void 0, void 0, function* () {
         const data = new Uint8Array(buffer);

package/lib/dist/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@openbraininstitute/morphoviewer",
-    "version": "0.25.3",
+    "version": "0.26.0",
     "description": "Class to display SWC files in 3D on a canvas",
     "main": "./dist/index.js",
     "module": "./dist/index.js",
@@ -41,7 +41,7 @@
         "url": "https://github.com/openbraininstitute/morphoviewer/issues"
     },
     "dependencies": {
-        "@tolokoban/tgd": "^2.0.136",
+        "@tolokoban/tgd": "^2.0.141",
         "fflate": "^0.8.2",
         "tslib": "^2.8.1"
     },
@@ -103,4 +103,4 @@
     "peerDependencies": {
         "react": "^19.2.5"
     }
-}
+}

package/lib/dist/painters/gizmo.d.ts

@@ -0,0 +1,11 @@
+import { type TgdContext, type TgdPainterGizmoOptions, TgdPainterGroup } from "@tolokoban/tgd";
+export declare class PainterGizmo extends TgdPainterGroup {
+    private _options;
+    private _context;
+    private _painter;
+    get options(): TgdPainterGizmoOptions | boolean;
+    set options(optionsOrBoolean: TgdPainterGizmoOptions | boolean);
+    get context(): TgdContext | null;
+    set context(context: TgdContext | null);
+}
+//# sourceMappingURL=gizmo.d.ts.map

package/lib/dist/painters/gizmo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"gizmo.d.ts","sourceRoot":"","sources":["../../src/painters/gizmo.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,UAAU,EAEf,KAAK,sBAAsB,EAC3B,eAAe,EAEhB,MAAM,gBAAgB,CAAC;AAExB,qBAAa,YAAa,SAAQ,eAAe;IAC/C,OAAO,CAAC,QAAQ,CAA+C;IAC/D,OAAO,CAAC,QAAQ,CAA2B;IAC3C,OAAO,CAAC,QAAQ,CAAgC;IAEhD,IAAI,OAAO,IAGmB,sBAAsB,GAAG,OAAO,CAD7D;IACD,IAAI,OAAO,CAAC,gBAAgB,EAAE,sBAAsB,GAAG,OAAO,EAgB7D;IAED,IAAI,OAAO,IAGU,UAAU,GAAG,IAAI,CADrC;IACD,IAAI,OAAO,CAAC,OAAO,EAAE,UAAU,GAAG,IAAI,EAgBrC;CACF"}

package/lib/dist/painters/gizmo.js

@@ -0,0 +1,53 @@
+import { TgdPainterGizmo, TgdPainterGroup, TgdPainterState, } from "@tolokoban/tgd";
+export class PainterGizmo extends TgdPainterGroup {
+    constructor() {
+        super(...arguments);
+        this._options = DEFAULT_GIZMO_PROPS;
+        this._context = null;
+        this._painter = null;
+    }
+    get options() {
+        return this._options;
+    }
+    set options(optionsOrBoolean) {
+        if (optionsOrBoolean === false) {
+            this.removeAll();
+            this._painter = null;
+            this._options = DEFAULT_GIZMO_PROPS;
+            return;
+        }
+        const options = typeof optionsOrBoolean === "boolean" ? DEFAULT_GIZMO_PROPS : optionsOrBoolean;
+        this._options = options;
+        if (this._painter) {
+            this._painter.alignX = options.alignX;
+            this._painter.alignY = options.alignY;
+            this._painter.size = options.size;
+            this._painter.margin = options.margin;
+        }
+    }
+    get context() {
+        return this._context;
+    }
+    set context(context) {
+        if (context === this._context)
+            return;
+        this.removeAll();
+        this._context = context;
+        if (!context)
+            return;
+        const painter = new TgdPainterGizmo(context, this._options);
+        this._painter = painter;
+        this.add(new TgdPainterState(context, {
+            depth: "off",
+            blend: "alpha",
+            children: [painter],
+        }));
+    }
+}
+const DEFAULT_GIZMO_PROPS = {
+    alignX: +1,
+    alignY: -1,
+    size: 128,
+    margin: 8,
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2l6bW8uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvcGFpbnRlcnMvZ2l6bW8udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUVMLGVBQWUsRUFFZixlQUFlLEVBQ2YsZUFBZSxHQUNoQixNQUFNLGdCQUFnQixDQUFDO0FBRXhCLE1BQU0sT0FBTyxZQUFhLFNBQVEsZUFBZTtJQUFqRDs7UUFDVSxhQUFRLEdBQTJCLG1CQUFtQixDQUFDO1FBQ3ZELGFBQVEsR0FBc0IsSUFBSSxDQUFDO1FBQ25DLGFBQVEsR0FBMkIsSUFBSSxDQUFDO0lBMkNsRCxDQUFDO0lBekNDLElBQUksT0FBTztRQUNULE9BQU8sSUFBSSxDQUFDLFFBQVEsQ0FBQztJQUN2QixDQUFDO0lBQ0QsSUFBSSxPQUFPLENBQUMsZ0JBQWtEO1FBQzVELElBQUksZ0JBQWdCLEtBQUssS0FBSyxFQUFFLENBQUM7WUFDL0IsSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDO1lBQ2pCLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDO1lBQ3JCLElBQUksQ0FBQyxRQUFRLEdBQUcsbUJBQW1CLENBQUM7WUFDcEMsT0FBTztRQUNULENBQUM7UUFFRCxNQUFNLE9BQU8sR0FBRyxPQUFPLGdCQUFnQixLQUFLLFNBQVMsQ0FBQyxDQUFDLENBQUMsbUJBQW1CLENBQUMsQ0FBQyxDQUFDLGdCQUFnQixDQUFDO1FBQy9GLElBQUksQ0FBQyxRQUFRLEdBQUcsT0FBTyxDQUFDO1FBQ3hCLElBQUksSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDO1lBQ2xCLElBQUksQ0FBQyxRQUFRLENBQUMsTUFBTSxHQUFHLE9BQU8sQ0FBQyxNQUFNLENBQUM7WUFDdEMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxNQUFNLEdBQUcsT0FBTyxDQUFDLE1BQU0sQ0FBQztZQUN0QyxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksR0FBRyxPQUFPLENBQUMsSUFBSSxDQUFDO1lBQ2xDLElBQUksQ0FBQyxRQUFRLENBQUMsTUFBTSxHQUFHLE9BQU8sQ0FBQyxNQUFNLENBQUM7UUFDeEMsQ0FBQztJQUNILENBQUM7SUFFRCxJQUFJLE9BQU87UUFDVCxPQUFPLElBQUksQ0FBQyxRQUFRLENBQUM7SUFDdkIsQ0FBQztJQUNELElBQUksT0FBTyxDQUFDLE9BQTBCO1FBQ3BDLElBQUksT0FBTyxLQUFLLElBQUksQ0FBQyxRQUFRO1lBQUUsT0FBTztRQUV0QyxJQUFJLENBQUMsU0FBUyxFQUFFLENBQUM7UUFDakIsSUFBSSxDQUFDLFFBQVEsR0FBRyxPQUFPLENBQUM7UUFDeEIsSUFBSSxDQUFDLE9BQU87WUFBRSxPQUFPO1FBRXJCLE1BQU0sT0FBTyxHQUFHLElBQUksZUFBZSxDQUFDLE9BQU8sRUFBRSxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7UUFDNUQsSUFBSSxDQUFDLFFBQVEsR0FBRyxPQUFPLENBQUM7UUFDeEIsSUFBSSxDQUFDLEdBQUcsQ0FDTixJQUFJLGVBQWUsQ0FBQyxPQUFPLEVBQUU7WUFDM0IsS0FBSyxFQUFFLEtBQUs7WUFDWixLQUFLLEVBQUUsT0FBTztZQUNkLFFBQVEsRUFBRSxDQUFDLE9BQU8sQ0FBQztTQUNwQixDQUFDLENBQ0gsQ0FBQztJQUNKLENBQUM7Q0FDRjtBQUVELE1BQU0sbUJBQW1CLEdBQTJCO0lBQ2xELE1BQU0sRUFBRSxDQUFDLENBQUM7SUFDVixNQUFNLEVBQUUsQ0FBQyxDQUFDO0lBQ1YsSUFBSSxFQUFFLEdBQUc7SUFDVCxNQUFNLEVBQUUsQ0FBQztDQUNWLENBQUMifQ==

package/lib/dist/parser/swc.d.ts

@@ -1,4 +1,4 @@
-import { CellNodeType } from "../types";
+import { CellNodeType } from "@/types";
 export interface CellNode {
     index: number;
     parent: number;

package/lib/dist/parser/swc.js

@@ -1,5 +1,5 @@
-import { CellNodeType } from "./../types.js";
-import { forEachLine } from "./for-each-line.js";
+import { CellNodeType } from "@/types";
+import { forEachLine } from "./for-each-line";
 export function parseSwc(content) {
     const nodes = [];
     for (const rawLine of forEachLine(content)) {

package/lib/dist/tools/morphology-to-tree.d.ts

@@ -1,4 +1,4 @@
-import { type MorphoViewerTree } from "../components/morpho-viewer-simul/types/public";
-import type { Morphology } from "../components/morpho-viewer-simul/types/private";
+import { type MorphoViewerTree } from "@/components/morpho-viewer-simul/types/public";
+import type { Morphology } from "@/components/morpho-viewer-simul/types/private";
 export declare function morphoViewerConvertMorphologyIntoTree(morphology: Morphology, cellId: string): MorphoViewerTree;
 //# sourceMappingURL=morphology-to-tree.d.ts.map

package/lib/dist/tools/morphology-to-tree.js

@@ -1,4 +1,4 @@
-import { MorphoViewerTreeItemType, } from "./../components/morpho-viewer-simul/types/public.js";
+import { MorphoViewerTreeItemType, } from "@/components/morpho-viewer-simul/types/public";
 export function morphoViewerConvertMorphologyIntoTree(morphology, cellId) {
     const tree = {
         cellId,

package/lib/dist/tools/swc-to-tree.d.ts

@@ -1,3 +1,3 @@
-import { type MorphoViewerTree } from "../components/morpho-viewer-simul/types/public";
+import { type MorphoViewerTree } from "@/components/morpho-viewer-simul/types/public";
 export declare function morphoViewerConvertSwcIntoTree(swc: string, cellId: string): MorphoViewerTree;
 //# sourceMappingURL=swc-to-tree.d.ts.map

package/lib/dist/tools/swc-to-tree.js

@@ -1,4 +1,4 @@
-import { MorphoViewerTreeItemType, } from "./../components/morpho-viewer-simul/types/public.js";
+import { MorphoViewerTreeItemType, } from "@/components/morpho-viewer-simul/types/public";
 export function morphoViewerConvertSwcIntoTree(swc, cellId) {
     const tree = {
         cellId,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@openbraininstitute/morphoviewer",
-    "version": "0.25.3",
+    "version": "0.26.0",
     "description": "Class to display SWC morphology files in 3D",
     "main": "./lib/dist/index.js",
     "module": "./lib/dist/index.js",
@@ -34,11 +34,11 @@
         "react": "^19.2.4"
     },
     "dependencies": {
-        "@tolokoban/tgd": "^2.0.139",
+        "@tolokoban/tgd": "^2.0.141",
         "fflate": "^0.8.2",
         "tslib": "^2.8.1"
     },
     "devDependencies": {
         "@biomejs/biome": "^2.4.15"
     }
-}
+}

package/lib/dist/components/button-reset-camera/button-reset-camera.module.css

@@ -1,10 +0,0 @@
-.buttonResetCamera {
-  transition: all 0.3s;
-  opacity: 1;
-  transform: translateY(0);
-
-  &.hide {
-    opacity: 0;
-    transform: translateY(-100%);
-  }
-}

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

@@ -1,53 +0,0 @@
-.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/morpho-viewer-octree/morpho-viewer-octree.module.css

@@ -1,70 +0,0 @@
-.morphoViewerOctree {
-    position: relative;
-
-    >canvas.webgl {
-        position: absolute;
-        left: 0;
-        top: 0;
-        width: 100%;
-        height: 100%;
-        margin: 0;
-        background-color: #000;
-    }
-
-    >header {
-        top: 0;
-    }
-
-    >header,
-    >footer {
-        position: absolute;
-        left: 0;
-        width: 100%;
-        box-sizing: border-box;
-        padding: 1em;
-        margin: 0;
-        display: flex;
-        flex-wrap: nowrap;
-        flex-direction: row;
-        justify-content: space-between;
-        align-items: center;
-        gap: 2em;
-
-        >div.flex {
-            display: flex;
-            flex-wrap: nowrap;
-            flex-direction: row;
-            justify-content: flex-start;
-            align-items: center;
-            gap: 0.5em;
-        }
-
-        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;
-            }
-        }
-
-        .zoomSlider {
-            color: #fff;
-            flex: 0 0 auto;
-            width: 240px;
-        }
-    }
-}

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

@@ -1,13 +0,0 @@
-.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/components/morpho-viewer-simul/components/ModeSelector/ModeSelector.module.css

@@ -1,25 +0,0 @@
-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/components/morpho-viewer-simul/components/add-recording-dialog/add-recording-dialog.module.css

@@ -1,115 +0,0 @@
-.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/components/morpho-viewer-simul/components/hint/hint.module.css

@@ -1,23 +0,0 @@
-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/components/morpho-viewer-simul/components/legend-overlay/legend-overlay.module.css

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

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

@@ -1,20 +0,0 @@
-.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/components/morpho-viewer-simul/components/spiking-controller/play-button/play-button.module.css

@@ -1,21 +0,0 @@
-button.playButton {
-  position: absolute;
-  left: 0;
-  bottom: 0;
-  width: 48px;
-  height: 48px;
-  display: grid;
-  place-items: center;
-  font-size: 32px;
-  color: #fff;
-  border: none;
-  background: none;
-  margin: 0;
-  padding: 0;
-  cursor: pointer;
-
-  &:hover {
-    background: none;
-    color: #adf;
-  }
-}

package/lib/dist/components/morpho-viewer-simul/components/spiking-controller/simul-combo/simul-combo.module.css

@@ -1,52 +0,0 @@
-.simulCombo {
-  position: absolute;
-  left: 48px;
-  bottom: calc(40px + 32px);
-  padding: 8px;
-}
-
-button.button {
-  font: inherit;
-  border: none;
-  background: none;
-  text-decoration: underline var(--custom-color) 0.25em;
-  font-weight: bold;
-  color: #fff;
-  text-underline-offset: 0.25em;
-  cursor: pointer;
-}
-
-div.dialog {
-  backdrop-filter: brightness(0.333);
-  position: absolute;
-  left: 0;
-  top: 0;
-  width: 100%;
-  height: 100%;
-  opacity: 0;
-  pointer-events: none;
-  transition: all 0.2s;
-  z-index: 9999;
-
-  &.open {
-    opacity: 1;
-    pointer-events: all;
-  }
-
-  > div {
-    display: flex;
-    flex-wrap: nowrap;
-    flex-direction: column;
-    justify-content: flex-start;
-    align-items: flex-start;
-    gap: 1em;
-    border: none;
-    background: #0005;
-    position: absolute;
-    top: auto;
-    left: 48px;
-    bottom: calc(40px + 32px);
-    padding: 8px;
-    margin: 0;
-  }
-}