@openbraininstitute/morphoviewer 0.26.1 → 0.26.3

package/README.md

@@ -1,132 +1,27 @@
-# @openbraininstitute/morphoviewer
+# MorphologyPainter
 
-[See it in action](https://openbraininstitute.github.io/morphoviewer/).
+## How to render a soma?
 
-## Developent
+Specs comes from:
 
-```ts
-git clone git@github.com:openbraininstitute/morphoviewer.git
-cd morphoviewer
-```
+- [NeuroMorpg.org](https://neuromorpho.org/SomaFormat.html)
+- [MorphIO](https://morphio.readthedocs.io/en/latest/specification.html#soma)
 
-Then, you will need two terminals:
+The soma is defined by nodes with type of **1**.
+The **root node** is the one with a parent of **-1**.
+The rendering depends on the number of such nodes.
 
-```ts
-cd lib
-npm install
-npm start
-```
+### 1 node
 
-```ts
-cd doc
-npm install
-npm start
-```
+The soma is a sphere with the radius of the node.
 
-## Funding & Acknowledgment
+### 2 nodes
 
-The development of this software was supported by funding to the Blue Brain Project, a research center of the École polytechnique fédérale de Lausanne (EPFL), from the Swiss government's ETH Board of the Swiss Federal Institutes of Technology.
+The soma is a capsule between these two nodes.
 
-Copyright (c) 2024 Blue Brain Project/EPFL
-Copyright (c) 2025 Open Brain Institute
+### 3 nodes
 
-## Release notes
+- Let be `(x,y,z)` the coordinates of the root.
+- Let be `r` the average distance from all the soma nodes to the root.
 
-### v0.26.0
-
-- New points cloud painter that overcome the MacOS limitation of 64px for points sizes.
-- Apply darker colors for more dense zones.
-- Enable **specular lighting** on soma sphere rendering (`specularExponent: 50`)
-- Simplify color palette to 3 gradient stops for cleaner visual appearance
-- Add full **spinner overlay** styling to `MorphoViewerSpinner` component
-- Remove leftover `console.log` and `camera.debug()` debug statements
-
-### v0.25.4
-
-- Fix **event listener leak** in `MorphoViewerSmallCircuit` camera adaptation: the paint event listener was never removed, causing infinite re-registration on each paint cycle
-
-### v0.25.3
-
-- Add optional `verbose` prop to `MorphoViewerSmallCircuit` for enabling/disabling debug console output
-- Refactor `MorphoViewerSmallCircuit` rendering pipeline: remove `TgdFilterBlur`, `TgdPainterFilter`, `TgdPainterFramebufferWithAntiAliasing`, and `TgdPainterMix` for a leaner rendering approach
-- Refactor `CameraManager` to use `TgdControllerCameraOrbit` with smooth camera interpolation via `tgdActionCreateCameraInterpolation`
-- Use `TgdValueWaitable` for lazy context initialization in `PainterManager`
-- Add `isDeleted` guard in `OffscreenPainter` to prevent operations after deletion
-
-### v0.25.2
-
-- Increase default **minRadius** from `0.25` to `2.5` in `MorphologyCanvas` and from `2` to `2.5` in `SwcPainter` for better rendering of thin neurites
-- Remove leftover `console.log` debug statements from `AbstractCanvas`, `SwcPainter`, and NRRD parser
-
-### v0.25.1
-
-- Enable **antialiasing** on `MorphoViewerSmallCircuit` WebGL context for smoother rendering
-- Remove leftover `console.debug` statement from `MorphoViewerSimul`
-
-### v0.25.0
-
-- Add **section-based coloring** to `MorphoViewerSmallCircuit`
-  - Cell `color` prop now accepts a `SectionColors` object with per-section colors (soma, axon, myelin, apicalDendrite, basalDendrite, unknown)
-  - Uses a texture palette for rendering distinct colors per morphology section type
-- Add `Myelin` entry to `CellNodeType` enum
-- Add new `morphoViewerConvertSwcIntoTree` utility function for converting SWC file content into a `MorphoViewerTree` structure
-- Export `morphoViewerConvertSwcIntoTree` from the library entry point
-
-### v0.24.24
-
-- Improve Octree misalignment tester (`tst/`) with margin-based bounding box comparison to handle float precision errors
-  - Add `SuccessGrid` component displaying per-LOD-level success/failure counts
-  - Add restart button and hide file selector after loading
-  - Use `rehype-raw` for richer Markdown rendering in reports
-- Add loading progress indicator to `MorphoViewerOctree` doc page (bytes loaded, blocks in progress)
-- Remove leftover `console.log` debug statement from `OctreeManager`
-- Split `typedoc` script into `doc` (single run) and `doc:watch` (watch mode)
-
-### v0.24.23
-
-- Add new `MorphoViewerScalebar` component (`lib/src/components/morpho-viewer-scalebar/`) for displaying a dynamic scale bar
-  - Renders graduated tick marks with auto-scaled units (m, mm, μm, nm, pm, fm)
-  - Accepts a `spacePerPixel` event to reactively update when the camera zooms
-  - Supports custom positioning via an optional `className` prop
-- Add optional `scalebar` prop to `MorphoViewerSmallCircuit` and `MorphoViewerOctree`
-  - Accepts `boolean` or a CSS class name string for custom styling
-- Switch camera from perspective to orthographic projection for `MorphoViewerSmallCircuit` and `MorphoViewerOctree`
-  - Enables accurate scale bar measurements
-- Add `space-per-pixel` behavior (`lib/src/behaviors/`) to broadcast camera zoom level changes
-- Rename `controls-layer/` directory to `controls-layout/` for consistency
-- Fix CSS specificity issues by scoping canvas styles to a `.webgl` class
-
-### 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
-  - Accepts `boolean` or a `Partial<TgdPainterGizmoOptions>` object (`alignX`, `alignY`, `size`, `margin`)
-  - Dynamically updates gizmo position, size, and visibility at runtime
-- Reuse `GizmoSettings` component in the `MorphoViewerSmallCircuit` doc page for interactive gizmo configuration
-- Move `GizmoSettings` component to shared `doc/src/components/gizmo-settings/` directory
-- Remove leftover `console.log` debug statements from `OctreeManager`
-- Fix import ordering in `tst/rspack.config.mjs`
-
-### v0.24.20
-
-- Add optional `gizmo` prop to `MorphoViewerOctree` for displaying an axes orientation controller
-  - Accepts `boolean` or a `Partial<TgdPainterGizmoOptions>` object (`alignX`, `alignY`, `size`, `margin`)
-  - Dynamically updates gizmo position, size, and visibility at runtime
-- Add `GizmoSettings` panel in the doc app for interactive gizmo configuration
-- Add nested route `/morpho-viewer-octree/gizmo-settings` in the doc app
-- Upgrade `@tolokoban/tgd` dependency from `^2.0.126` to `^2.0.130` to fix a bug in Gizmo resizing
-
-### v0.24.18
-
-- Add Tauri-based testing tool (`tst/`) for checking LOD blocks bounding boxes potential misalignements
+The soma is a capsule from `(x, y + r, z)` to `(x, y - r, z)` with `r` as the radius on both ends.

package/{lib/dist → dist}/abstract-canvas.d.ts

@@ -1,12 +1,12 @@
-import { type TgdCamera, TgdContext, TgdControllerCameraOrbit, type TgdControllerCameraOrbitOptions } from "@tolokoban/tgd";
+import { type TgdCamera, TgdContext, TgdControllerCameraOrbit, type TgdControllerCameraOrbitOptions, TgdEvent } from "@tolokoban/tgd";
 import { type ScalebarOptions } from "./scalebar";
 export interface CanvasOptions extends WebGLContextAttributes {
     cameraController: Partial<TgdControllerCameraOrbitOptions> | null;
     name: string;
 }
 export declare abstract class AbstractCanvas {
-    readonly eventPixelScaleChange: any;
-    readonly eventMouseWheelWithoutCtrl: any;
+    readonly eventPixelScaleChange: TgdEvent<number>;
+    readonly eventMouseWheelWithoutCtrl: TgdEvent<void>;
     readonly name: string;
     private _camera;
     private previousCameraHeight;

package/dist/abstract-canvas.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"abstract-canvas.d.ts","sourceRoot":"","sources":["../src/abstract-canvas.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,KAAK,SAAS,EAEd,UAAU,EACV,wBAAwB,EACxB,KAAK,+BAA+B,EACpC,QAAQ,EAGX,MAAM,gBAAgB,CAAA;AAEvB,OAAO,EAA6B,KAAK,eAAe,EAAE,MAAM,YAAY,CAAA;AAE5E,MAAM,WAAW,aAAc,SAAQ,sBAAsB;IAQzD,gBAAgB,EAAE,OAAO,CAAC,+BAA+B,CAAC,GAAG,IAAI,CAAA;IACjE,IAAI,EAAE,MAAM,CAAA;CACf;AAED,8BAAsB,cAAc;IAChC,SAAgB,qBAAqB,mBAA0B;IAC/D,SAAgB,0BAA0B,iBAAwB;IAClE,SAAgB,IAAI,EAAE,MAAM,CAAA;IAE5B,OAAO,CAAC,OAAO,CAAW;IAQ1B,OAAO,CAAC,oBAAoB,CAAM;IAClC,OAAO,CAAC,kBAAkB,CAAM;IAChC,OAAO,CAAC,sBAAsB,CAAM;IAEpC,SAAS,CAAC,QAAQ,CAAC,OAAO,EAAE,aAAa,CAAA;IAClC,OAAO,EAAE,wBAAwB,GAAG,IAAI,CAAQ;IACvD,SAAS,CAAC,OAAO,EAAE,UAAU,GAAG,IAAI,CAAQ;IAE5C,OAAO,CAAC,OAAO,CAAkC;gBAErC,OAAO,EAAE,OAAO,CAAC,aAAa,CAAC;IAc3C,IAAI,MAAM,IAAI,SAAS,CAEtB;IAED,IAAI,MAAM,CAAC,KAAK,EAAE,SAAS,EAK1B;IAED,OAAO;IAIP,gBAAgB,IAAI,OAAO,CAAC,OAAO,CAAC;IAUpC,YAAY,CAAC,MAAM,EAAE,iBAAiB;IAgBtC,IAAI,UAAU,WAMb;IAED,eAAe,CAAC,OAAO,GAAE,OAAO,CAAC,eAAe,CAAM;;;;;IAItD,IAAI,MAAM,IAGS,iBAAiB,GAAG,IAAI,CAD1C;IACD,IAAI,MAAM,CAAC,MAAM,EAAE,iBAAiB,GAAG,IAAI,EA6C1C;IAED,SAAS,CAAC,QAAQ,CAAC,IAAI,IAAI,IAAI;IAE/B,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAU/B;IAEF,OAAO,CAAC,QAAQ,CAAC,wBAAwB,CAoBvC;CACL"}

package/{lib/dist → dist}/behaviors/space-per-pixel.d.ts

@@ -1,3 +1,3 @@
 import type { TgdContext, TgdEvent } from "@tolokoban/tgd";
-export declare function watchSpacePerPixel(context: TgdContext, event: TgdEvent<number>): () => any;
+export declare function watchSpacePerPixel(context: TgdContext, event: TgdEvent<number>): () => void;
 //# sourceMappingURL=space-per-pixel.d.ts.map

package/{lib/dist → dist}/behaviors/space-per-pixel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"space-per-pixel.d.ts","sourceRoot":"","sources":["../../src/behaviors/space-per-pixel.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAE1D,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,QAAQ,CAAC,MAAM,CAAC,aAW9E"}
+{"version":3,"file":"space-per-pixel.d.ts","sourceRoot":"","sources":["../../src/behaviors/space-per-pixel.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAE1D,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,QAAQ,CAAC,MAAM,CAAC,cAW9E"}

package/{lib/dist → dist}/colors.d.ts

@@ -1,3 +1,4 @@
+import { TgdEvent } from "@tolokoban/tgd";
 export declare function colorContrast(background: string, ...colors: string[]): string;
 export declare function colorLuminance(red: number, green: number, blue: number): number;
 export declare function colorToRGBA(color: string, overrideOpacity?: number): [red: number, green: number, blue: number, alpha: number];
@@ -9,7 +10,7 @@ export interface ColorsInterface {
     basalDendrite: string;
 }
 export default class Colors implements ColorsInterface {
-    readonly eventChange: any;
+    readonly eventChange: TgdEvent<Colors>;
     private _background;
     private _soma;
     private _axon;

package/dist/colors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../src/colors.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAgB1C,wBAAgB,aAAa,CAAC,UAAU,EAAE,MAAM,EAAE,GAAG,MAAM,EAAE,MAAM,EAAE,UAqBpE;AAQD,wBAAgB,cAAc,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,MAAM,CAW/E;AAMD,wBAAgB,WAAW,CACzB,KAAK,EAAE,MAAM,EACb,eAAe,CAAC,EAAE,MAAM,GACvB,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,CAAC,CAQ3D;AAED,MAAM,WAAW,eAAe;IAC9B,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,cAAc,EAAE,MAAM,CAAC;IACvB,aAAa,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,CAAC,OAAO,OAAO,MAAO,YAAW,eAAe;IACpD,SAAgB,WAAW,mBAA0B;IAErD,OAAO,CAAC,WAAW,CAAU;IAC7B,OAAO,CAAC,KAAK,CAAU;IACvB,OAAO,CAAC,KAAK,CAAU;IACvB,OAAO,CAAC,eAAe,CAAU;IACjC,OAAO,CAAC,cAAc,CAAU;IAChC,OAAO,CAAC,QAAQ,CAAU;IAE1B,IAAI,UAAU,IAGQ,MAAM,CAD3B;IACD,IAAI,UAAU,CAAC,KAAK,EAAE,MAAM,EAK3B;IAED,IAAI,IAAI,IAGQ,MAAM,CADrB;IACD,IAAI,IAAI,CAAC,KAAK,EAAE,MAAM,EAKrB;IAED,IAAI,IAAI,IAGQ,MAAM,CADrB;IACD,IAAI,IAAI,CAAC,KAAK,EAAE,MAAM,EAKrB;IAED,IAAI,cAAc,IAGQ,MAAM,CAD/B;IACD,IAAI,cAAc,CAAC,KAAK,EAAE,MAAM,EAK/B;IAED,IAAI,aAAa,IAGQ,MAAM,CAD9B;IACD,IAAI,aAAa,CAAC,KAAK,EAAE,MAAM,EAK9B;IAED,IAAI,OAAO,IAGQ,MAAM,CADxB;IACD,IAAI,OAAO,CAAC,KAAK,EAAE,MAAM,EAKxB;IAED,OAAO,CAAC,IAAI;CAGb"}

package/{lib/dist → dist}/components/button-reset-camera/button-reset-camera.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import type { TgdEvent } from "@tolokoban/tgd";
 export interface ButtonResetCameraProps {
     className?: string;
@@ -6,5 +7,5 @@ export interface ButtonResetCameraProps {
         eventRestingPosition: TgdEvent<boolean>;
     };
 }
-export declare function ButtonCameraReset({ className, painterManager }: ButtonResetCameraProps): import("react/jsx-runtime").JSX.Element;
+export declare function ButtonCameraReset({ className, painterManager }: ButtonResetCameraProps): React.JSX.Element;
 //# sourceMappingURL=button-reset-camera.d.ts.map

package/dist/components/button-reset-camera/button-reset-camera.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-reset-camera.d.ts","sourceRoot":"","sources":["../../../src/components/button-reset-camera/button-reset-camera.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAI/C,MAAM,WAAW,sBAAsB;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,EAAE;QACd,WAAW,EAAE,MAAM,IAAI,CAAC;QACxB,oBAAoB,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;KACzC,CAAC;CACH;AAED,wBAAgB,iBAAiB,CAAC,EAAE,SAAS,EAAE,cAAc,EAAE,EAAE,sBAAsB,qBAYtF"}

package/{lib/dist → dist}/components/button-reset-camera/button-reset-camera.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import Tooltip from "@/components/tooltip";
-import { classNames, useEventValue } from "@/utils";
+import Tooltip from "./../tooltip";
+import { classNames, useEventValue } from "./../../utils";
 import { IconCenter } from "../icons/center";
 import styles from "./button-reset-camera.module.css";
 export function ButtonCameraReset({ className, painterManager }) {

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

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

package/{lib/dist → dist}/components/controls-layout/controls-layout.d.ts

@@ -5,5 +5,5 @@ export interface ControlsLayoutProps {
     content: (ControlAction | React.ReactNode | (ControlAction | React.ReactNode)[])[];
     onClick?(action: ControlAction): void;
 }
-export declare function ControlsLayout({ className, content, onClick }: ControlsLayoutProps): import("react/jsx-runtime").JSX.Element;
+export declare function ControlsLayout({ className, content, onClick }: ControlsLayoutProps): React.JSX.Element;
 //# sourceMappingURL=controls-layout.d.ts.map

package/{lib/dist → dist}/components/controls-layout/controls-layout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"controls-layout.d.ts","sourceRoot":"","sources":["../../../src/components/controls-layout/controls-layout.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,MAAM,aAAa,GAAG,YAAY,GAAG,cAAc,GAAG,UAAU,GAAG,OAAO,CAAC;AAEjF,MAAM,WAAW,mBAAmB;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,CAAC,aAAa,GAAG,KAAK,CAAC,SAAS,GAAG,CAAC,aAAa,GAAG,KAAK,CAAC,SAAS,CAAC,EAAE,CAAC,EAAE,CAAC;IACnF,OAAO,CAAC,CAAC,MAAM,EAAE,aAAa,GAAG,IAAI,CAAC;CACvC;AAED,wBAAgB,cAAc,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,mBAAmB,2CAMlF"}
+{"version":3,"file":"controls-layout.d.ts","sourceRoot":"","sources":["../../../src/components/controls-layout/controls-layout.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,MAAM,aAAa,GAAG,YAAY,GAAG,cAAc,GAAG,UAAU,GAAG,OAAO,CAAC;AAEjF,MAAM,WAAW,mBAAmB;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,CAAC,aAAa,GAAG,KAAK,CAAC,SAAS,GAAG,CAAC,aAAa,GAAG,KAAK,CAAC,SAAS,CAAC,EAAE,CAAC,EAAE,CAAC;IACnF,OAAO,CAAC,CAAC,MAAM,EAAE,aAAa,GAAG,IAAI,CAAC;CACvC;AAED,wBAAgB,cAAc,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,mBAAmB,qBAMlF"}

package/{lib/dist → dist}/components/controls-layout/controls-layout.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { classNames } from "@/utils";
+import { classNames } from "./../../utils";
 import { IconCenter } from "../icons/center";
 import { IconClose } from "../icons/close";
 import { IconFullscreen } from "../icons/fullscreen";

package/dist/components/controls-layout/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 → dist}/components/icons/3d.d.ts

@@ -3,6 +3,6 @@ type Props = {
     className?: string;
     style?: CSSProperties;
 };
-export declare function Icon3D({ className, style }: Props): import("react/jsx-runtime").JSX.Element;
+export declare function Icon3D({ className, style }: Props): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=3d.d.ts.map

package/{lib/dist → dist}/components/icons/3d.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"3d.d.ts","sourceRoot":"","sources":["../../../src/components/icons/3d.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC,KAAK,KAAK,GAAG;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB,CAAC;AAEF,wBAAgB,MAAM,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,KAAK,2CAiBjD"}
+{"version":3,"file":"3d.d.ts","sourceRoot":"","sources":["../../../src/components/icons/3d.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC,KAAK,KAAK,GAAG;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB,CAAC;AAEF,wBAAgB,MAAM,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,KAAK,+BAiBjD"}

package/{lib/dist → dist}/components/icons/center.d.ts

@@ -3,6 +3,6 @@ type Props = {
     className?: string;
     style?: CSSProperties;
 };
-export declare function IconCenter({ className, style }: Props): import("react/jsx-runtime").JSX.Element;
+export declare function IconCenter({ className, style }: Props): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=center.d.ts.map

package/{lib/dist → dist}/components/icons/center.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"center.d.ts","sourceRoot":"","sources":["../../../src/components/icons/center.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC,KAAK,KAAK,GAAG;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB,CAAC;AAEF,wBAAgB,UAAU,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,KAAK,2CAiBrD"}
+{"version":3,"file":"center.d.ts","sourceRoot":"","sources":["../../../src/components/icons/center.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC,KAAK,KAAK,GAAG;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB,CAAC;AAEF,wBAAgB,UAAU,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,KAAK,+BAiBrD"}

package/{lib/dist → dist}/components/icons/close.d.ts

@@ -3,6 +3,6 @@ type Props = {
     className?: string;
     style?: CSSProperties;
 };
-export declare function IconClose({ className, style }: Props): import("react/jsx-runtime").JSX.Element;
+export declare function IconClose({ className, style }: Props): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=close.d.ts.map

package/{lib/dist → dist}/components/icons/close.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"close.d.ts","sourceRoot":"","sources":["../../../src/components/icons/close.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC,KAAK,KAAK,GAAG;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB,CAAC;AAEF,wBAAgB,SAAS,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,KAAK,2CAiBpD"}
+{"version":3,"file":"close.d.ts","sourceRoot":"","sources":["../../../src/components/icons/close.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC,KAAK,KAAK,GAAG;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB,CAAC;AAEF,wBAAgB,SAAS,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,KAAK,+BAiBpD"}

package/dist/components/icons/copy.d.ts

@@ -0,0 +1,2 @@
+export declare function IconCopy(): import("react").JSX.Element;
+//# sourceMappingURL=copy.d.ts.map

package/{lib/dist → dist}/components/icons/copy.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"copy.d.ts","sourceRoot":"","sources":["../../../src/components/icons/copy.tsx"],"names":[],"mappings":"AAAA,wBAAgB,QAAQ,4CAUvB"}
+{"version":3,"file":"copy.d.ts","sourceRoot":"","sources":["../../../src/components/icons/copy.tsx"],"names":[],"mappings":"AAAA,wBAAgB,QAAQ,gCAUvB"}

package/dist/components/icons/dendrogram-circular.d.ts

@@ -0,0 +1,2 @@
+export declare function IconDendrogramCircular(): import("react").JSX.Element;
+//# sourceMappingURL=dendrogram-circular.d.ts.map

package/{lib/dist → dist}/components/icons/dendrogram-circular.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dendrogram-circular.d.ts","sourceRoot":"","sources":["../../../src/components/icons/dendrogram-circular.tsx"],"names":[],"mappings":"AAAA,wBAAgB,sBAAsB,4CAiBrC"}
+{"version":3,"file":"dendrogram-circular.d.ts","sourceRoot":"","sources":["../../../src/components/icons/dendrogram-circular.tsx"],"names":[],"mappings":"AAAA,wBAAgB,sBAAsB,gCAiBrC"}

package/dist/components/icons/dendrogram-straight.d.ts

@@ -0,0 +1,2 @@
+export declare function IconDendrogramStraight(): import("react").JSX.Element;
+//# sourceMappingURL=dendrogram-straight.d.ts.map

package/{lib/dist → dist}/components/icons/dendrogram-straight.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dendrogram-straight.d.ts","sourceRoot":"","sources":["../../../src/components/icons/dendrogram-straight.tsx"],"names":[],"mappings":"AAAA,wBAAgB,sBAAsB,4CAgBrC"}
+{"version":3,"file":"dendrogram-straight.d.ts","sourceRoot":"","sources":["../../../src/components/icons/dendrogram-straight.tsx"],"names":[],"mappings":"AAAA,wBAAgB,sBAAsB,gCAgBrC"}

package/{lib/dist → dist}/components/icons/fullscreen.d.ts

@@ -3,6 +3,6 @@ type Props = {
     className?: string;
     style?: CSSProperties;
 };
-export declare function IconFullscreen({ className, style }: Props): import("react/jsx-runtime").JSX.Element;
+export declare function IconFullscreen({ className, style }: Props): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=fullscreen.d.ts.map

package/{lib/dist → dist}/components/icons/fullscreen.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fullscreen.d.ts","sourceRoot":"","sources":["../../../src/components/icons/fullscreen.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC,KAAK,KAAK,GAAG;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB,CAAC;AAEF,wBAAgB,cAAc,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,KAAK,2CAgBzD"}
+{"version":3,"file":"fullscreen.d.ts","sourceRoot":"","sources":["../../../src/components/icons/fullscreen.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC,KAAK,KAAK,GAAG;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB,CAAC;AAEF,wBAAgB,cAAc,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,KAAK,+BAgBzD"}

package/{lib/dist → dist}/components/icons/minimize.d.ts

@@ -3,6 +3,6 @@ type Props = {
     className?: string;
     style?: CSSProperties;
 };
-export declare function IconMinimize({ className, style }: Props): import("react/jsx-runtime").JSX.Element;
+export declare function IconMinimize({ className, style }: Props): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=minimize.d.ts.map

package/{lib/dist → dist}/components/icons/minimize.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"minimize.d.ts","sourceRoot":"","sources":["../../../src/components/icons/minimize.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC,KAAK,KAAK,GAAG;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB,CAAC;AAEF,wBAAgB,YAAY,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,KAAK,2CAiBvD"}
+{"version":3,"file":"minimize.d.ts","sourceRoot":"","sources":["../../../src/components/icons/minimize.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC,KAAK,KAAK,GAAG;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB,CAAC;AAEF,wBAAgB,YAAY,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,KAAK,+BAiBvD"}

package/{lib/dist → dist}/components/icons/pause.d.ts

@@ -3,6 +3,6 @@ type Props = {
     className?: string;
     style?: CSSProperties;
 };
-export declare function IconPause({ className, style }: Props): import("react/jsx-runtime").JSX.Element;
+export declare function IconPause({ className, style }: Props): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=pause.d.ts.map

package/{lib/dist → dist}/components/icons/pause.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pause.d.ts","sourceRoot":"","sources":["../../../src/components/icons/pause.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC,KAAK,KAAK,GAAG;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB,CAAC;AAEF,wBAAgB,SAAS,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,KAAK,2CAiBpD"}
+{"version":3,"file":"pause.d.ts","sourceRoot":"","sources":["../../../src/components/icons/pause.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC,KAAK,KAAK,GAAG;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB,CAAC;AAEF,wBAAgB,SAAS,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,KAAK,+BAiBpD"}

package/{lib/dist → dist}/components/icons/play.d.ts

@@ -3,6 +3,6 @@ type Props = {
     className?: string;
     style?: CSSProperties;
 };
-export declare function IconPlay({ className, style }: Props): import("react/jsx-runtime").JSX.Element;
+export declare function IconPlay({ className, style }: Props): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=play.d.ts.map

package/{lib/dist → dist}/components/icons/play.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"play.d.ts","sourceRoot":"","sources":["../../../src/components/icons/play.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC,KAAK,KAAK,GAAG;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB,CAAC;AAEF,wBAAgB,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,KAAK,2CAsBnD"}
+{"version":3,"file":"play.d.ts","sourceRoot":"","sources":["../../../src/components/icons/play.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC,KAAK,KAAK,GAAG;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB,CAAC;AAEF,wBAAgB,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,KAAK,+BAsBnD"}

package/{lib/dist → dist}/components/icons/zoom-in.d.ts

@@ -3,6 +3,6 @@ type Props = {
     className?: string;
     style?: CSSProperties;
 };
-export declare function IconZoomIn({ className, style }: Props): import("react/jsx-runtime").JSX.Element;
+export declare function IconZoomIn({ className, style }: Props): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=zoom-in.d.ts.map

package/{lib/dist → dist}/components/icons/zoom-in.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"zoom-in.d.ts","sourceRoot":"","sources":["../../../src/components/icons/zoom-in.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC,KAAK,KAAK,GAAG;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB,CAAC;AAEF,wBAAgB,UAAU,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,KAAK,2CAiBrD"}
+{"version":3,"file":"zoom-in.d.ts","sourceRoot":"","sources":["../../../src/components/icons/zoom-in.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC,KAAK,KAAK,GAAG;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB,CAAC;AAEF,wBAAgB,UAAU,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,KAAK,+BAiBrD"}

package/{lib/dist → dist}/components/icons/zoom-out.d.ts

@@ -3,6 +3,6 @@ type Props = {
     className?: string;
     style?: CSSProperties;
 };
-export declare function IconZoomOut({ className, style }: Props): import("react/jsx-runtime").JSX.Element;
+export declare function IconZoomOut({ className, style }: Props): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=zoom-out.d.ts.map

package/{lib/dist → dist}/components/icons/zoom-out.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"zoom-out.d.ts","sourceRoot":"","sources":["../../../src/components/icons/zoom-out.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC,KAAK,KAAK,GAAG;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB,CAAC;AAEF,wBAAgB,WAAW,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,KAAK,2CAiBtD"}
+{"version":3,"file":"zoom-out.d.ts","sourceRoot":"","sources":["../../../src/components/icons/zoom-out.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC,KAAK,KAAK,GAAG;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB,CAAC;AAEF,wBAAgB,WAAW,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,KAAK,+BAiBtD"}

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

@@ -1,3 +1,4 @@
+import React from "react";
 import type { MorphoViewerOctreeProps } from "./types";
-export declare function MorphoViewerOctree(props: MorphoViewerOctreeProps): import("react/jsx-runtime").JSX.Element;
+export declare function MorphoViewerOctree(props: MorphoViewerOctreeProps): React.JSX.Element;
 //# sourceMappingURL=morpho-viewer-octree.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"morpho-viewer-octree.d.ts","sourceRoot":"","sources":["../../../src/components/morpho-viewer-octree/morpho-viewer-octree.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAIvD,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,qBAgChE"}

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

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { tgdFullscreenToggle } from "@tolokoban/tgd";
 import React from "react";
-import { classNames } from "@/utils";
+import { classNames } from "./../../utils";
 import { IconCenter } from "../icons/center";
 import { IconFullscreen } from "../icons/fullscreen";
 import MorphoViewerScalebar from "../morpho-viewer-scalebar";

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

@@ -0,0 +1,70 @@
+.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/dist/components/morpho-viewer-octree/painter/camera.d.ts

@@ -0,0 +1,12 @@
+import { type ArrayNumber3, TgdCameraOrthographic } from "@tolokoban/tgd";
+type BBox = {
+    min: ArrayNumber3;
+    max: ArrayNumber3;
+};
+export declare function makeCamera(bbox: BBox): {
+    camera: TgdCameraOrthographic;
+    width: number;
+    height: number;
+};
+export {};
+//# sourceMappingURL=camera.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"camera.d.ts","sourceRoot":"","sources":["../../../../src/components/morpho-viewer-octree/painter/camera.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAE,qBAAqB,EAAiC,MAAM,gBAAgB,CAAA;AAExG,KAAK,IAAI,GAAG;IAAE,GAAG,EAAE,YAAY,CAAC;IAAC,GAAG,EAAE,YAAY,CAAA;CAAE,CAAA;AAEpD,wBAAgB,UAAU,CAAC,IAAI,EAAE,IAAI;;;;EAoBpC"}

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

@@ -1,9 +1,9 @@
-import { type TgdPainterGizmoOptions } from "@tolokoban/tgd";
+import { TgdEvent, type TgdPainterGizmoOptions } from "@tolokoban/tgd";
 import type { MorphoViewerOctreeProps } from "../types";
 export declare class OctreeManager {
     loadInfo: MorphoViewerOctreeProps["loadInfo"] | null;
     loadBlock: MorphoViewerOctreeProps["loadBlock"] | null;
-    readonly eventScalebar: any;
+    readonly eventScalebar: TgdEvent<number>;
     private _meshId;
     private _canvas;
     private context;

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

@@ -0,0 +1 @@
+{"version":3,"file":"manager.d.ts","sourceRoot":"","sources":["../../../../src/components/morpho-viewer-octree/painter/manager.ts"],"names":[],"mappings":"AAAA,OAAO,EAOL,QAAQ,EAMR,KAAK,sBAAsB,EAU5B,MAAM,gBAAgB,CAAC;AAQxB,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,UAAU,CAAC;AASxD,qBAAa,aAAa;IACjB,QAAQ,EAAE,uBAAuB,CAAC,UAAU,CAAC,GAAG,IAAI,CAAQ;IAC5D,SAAS,EAAE,uBAAuB,CAAC,WAAW,CAAC,GAAG,IAAI,CAAQ;IACrE,SAAgB,aAAa,mBAA0B;IAEvD,OAAO,CAAC,OAAO,CAAc;IAC7B,OAAO,CAAC,OAAO,CAAkC;IACjD,OAAO,CAAC,OAAO,CAA2B;IAC1C,OAAO,CAAC,QAAQ,CAAC,KAAK,CAA0C;IAChE,OAAO,CAAC,QAAQ,CAAC,UAAU,CAA+C;IAC1E,OAAO,CAAC,YAAY,CAAgE;IACpF,OAAO,CAAC,QAAQ,CAAC,eAAe,CAAqB;IACrD,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAGtB;IACH,OAAO,CAAC,KAAK,CAAyC;IACtD,OAAO,CAAC,kBAAkB,CAM6C;IACvE,OAAO,CAAC,UAAU,CAAsB;IACxC,OAAO,CAAC,MAAM,CAAyC;IACvD,OAAO,CAAC,YAAY,CAAgC;;IAMpD,IAAI,KAAK,IAAI,KAAK,GAAG,sBAAsB,CAE1C;IACD,IAAI,KAAK,CAAC,KAAK,EAAE,OAAO,GAAG,OAAO,CAAC,sBAAsB,CAAC,GAAG,SAAS,EAsBrE;IAED,WAAW;IAgBX,IAAI,MAAM,IAGS,MAAM,CADxB;IACD,IAAI,MAAM,CAAC,MAAM,EAAE,MAAM,EAMxB;IAED,IAAI,MAAM,IAAI,iBAAiB,GAAG,IAAI,CAErC;IACD,IAAI,MAAM,CAAC,MAAM,EAAE,iBAAiB,GAAG,IAAI,EAiC1C;IAED,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAmE/B;CACH;AAoBD,wBAAgB,gBAAgB,CAAC,EAC/B,MAAM,EACN,QAAQ,EACR,SAAS,EACT,KAAK,GACN,EAAE,uBAAuB,GAAG,aAAa,CAazC"}