@openbraininstitute/morphoviewer 0.26.2 → 0.26.3

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

@@ -0,0 +1,69 @@
+.speedCombo {
+  position: absolute;
+  left: 0;
+  bottom: calc(48px + 32px);
+  width: 48px;
+  height: auto;
+  display: grid;
+  place-items: center;
+}
+
+button.speedComboButton {
+  display: inline-block;
+  font: inherit;
+  font-size: 80%;
+  border: none;
+  color: #000;
+  background: #fff;
+  border-radius: 99vmax;
+  width: auto;
+  text-align: center;
+
+  &:hover {
+    background: #adf;
+  }
+}
+
+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.column {
+    display: flex;
+    flex-wrap: nowrap;
+    flex-direction: column;
+    justify-content: flex-start;
+    align-items: flex-start;
+    gap: 0.5em;
+    border: none;
+    background: #0005;
+    position: absolute;
+    top: auto;
+    left: 0;
+    bottom: calc(80px + 32px);
+    padding: 8px;
+    margin: 0;
+
+    > div.row {
+      display: flex;
+      flex-wrap: nowrap;
+      flex-direction: row;
+      justify-content: flex-start;
+      align-items: center;
+      gap: 0.5em;
+    }
+  }
+}

package/dist/components/morpho-viewer-simul/components/spiking-controller/spiking-controller.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEventValue } from "@/utils";
+import { useEventValue } from "./../../../../utils";
 import PlayButton from "./play-button";
 import SimulCombo from "./simul-combo";
 import { SpeedCombo } from "./speed-combo";

package/dist/components/morpho-viewer-simul/components/zoom-slider/zoom-slider.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { classNames, useEventValue } from "@/utils";
+import { classNames, useEventValue } from "./../../../../utils";
 import styles from "./zoom-slider.module.css";
-import { IconZoomOut } from "@/components/icons/zoom-out";
-import { IconZoomIn } from "@/components/icons/zoom-in";
+import { IconZoomOut } from "./../../../icons/zoom-out";
+import { IconZoomIn } from "./../../../icons/zoom-in";
 export default function ZoomSlider({ className, painterManager }) {
     const zoom = useEventValue(1, painterManager.eventZoom);
     return (_jsxs("div", { className: classNames(className, styles.zoomSlider), children: [_jsx("button", { type: "button", onClick: painterManager.zoomOut, children: _jsx(IconZoomOut, {}) }), _jsx("input", { type: "range", value: zoom, onInput: (evt) => {

package/dist/components/morpho-viewer-simul/components/zoom-slider/zoom-slider.module.css

@@ -0,0 +1,60 @@
+.zoomSlider {
+  display: flex;
+  flex-wrap: nowrap;
+  flex-direction: row;
+  justify-content: flex-start;
+  align-items: center;
+  gap: 0.5em;
+  width: 50%;
+  z-index: 9;
+
+  > * {
+    flex: 1 1 auto;
+  }
+
+  > button {
+    flex: 0 0 auto;
+    display: grid;
+    place-items: center;
+    width: 1.5em;
+    height: 1.5em;
+    border-radius: 0.25em;
+    cursor: pointer;
+    background-color: #adf0;
+    transition: all 0.3s;
+
+    &:hover {
+      background-color: #adf;
+      color: #000;
+    }
+  }
+
+  > :global(.ant-slider) {
+    > :global(.ant-slider-rail) {
+      background-color: #fff7;
+    }
+  }
+
+  --color-input-range: #adf;
+
+  /* input[type="range"]::-webkit-slider-thumb {
+    background: var(--color-input-range);
+    cursor: pointer;
+  }
+
+  input[type="range"]::-moz-range-thumb {
+    background: var(--color-input-range);
+    cursor: pointer;
+  }
+
+  input[type="range"]::-ms-thumb {
+    background: var(--color-input-range);
+    cursor: pointer;
+  } */
+}
+
+@container (width < 600px) {
+  .zoomSlider > input {
+    display: none;
+  }
+}

package/dist/components/morpho-viewer-simul/morpho-viewer-simul.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 { useDebugMode } from "@/utils";
+import { useDebugMode } from "./../../utils";
 import { ButtonCameraReset } from "../button-reset-camera";
 import { IconClose } from "../icons/close";
 import { IconCopy } from "../icons/copy";

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

@@ -0,0 +1,94 @@
+.main {
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+
+  background-color: #000;
+  color: #fff;
+
+  > canvas {
+    position: absolute;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+  }
+
+  .loading {
+    position: absolute;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    display: grid;
+    place-content: center;
+    font-size: 1000%;
+  }
+
+  > header {
+    top: 0;
+    bottom: auto;
+  }
+
+  > footer {
+    top: auto;
+    bottom: 0;
+  }
+
+  > header,
+  > footer {
+    container-type: inline-size;
+    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: 0;
+
+    > 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-simul/painter/manager.js

@@ -1,7 +1,7 @@
 "use client";
 import { TgdColor, TgdContext, TgdControllerCameraOrbit, TgdEvent, TgdMat4, TgdVec3, tgdCalcMapRange, } from "@tolokoban/tgd";
 import React from "react";
-import { useEventValue } from "@/utils";
+import { useEventValue } from "./../../../utils";
 import { makeCamera } from "./camera";
 import { Initializer } from "./initializer";
 import { computeSectionOffset } from "./math";

package/dist/components/morpho-viewer-simul/painter/painters/overlay/cursor/cursor.js

@@ -1,7 +1,7 @@
 import { TgdPainter, TgdPainterGroup, TgdPainterIcon, } from "@tolokoban/tgd";
 import { PainterCursorFill } from "./fill";
 import { makeTexture } from "./texture";
-import { TIMELINE_HEIGHT, TIMELINE_MARGIN } from "@/components/morpho-viewer-simul/contants";
+import { TIMELINE_HEIGHT, TIMELINE_MARGIN } from "./../../../../contants";
 export class PainterCursor extends TgdPainter {
     constructor(context, spikingManager) {
         super();

package/dist/components/morpho-viewer-simul/painter/painters/overlay/cursor/fill.js

@@ -1,5 +1,5 @@
 import { TgdPainter, TgdPainterProgram, TgdUniformBufferObject, TgdVec2, } from "@tolokoban/tgd";
-import { TIMELINE_MARGIN, TIMELINE_HEIGHT } from "@/components/morpho-viewer-simul/contants";
+import { TIMELINE_MARGIN, TIMELINE_HEIGHT } from "./../../../../contants";
 export class PainterCursorFill extends TgdPainter {
     constructor(context, spikingManager) {
         super();

package/dist/components/morpho-viewer-simul/painter/painters/overlay/overlay.js

@@ -1,5 +1,5 @@
 import { TgdColor, TgdPainterGroup, TgdPainterOverlay, TgdTexture2D, tgdCalcClamp, tgdCanvasCreate, tgdCanvasCreateWithContext2D, } from "@tolokoban/tgd";
-import { TIMELINE_HEIGHT, TIMELINE_MARGIN } from "@/components/morpho-viewer-simul/contants";
+import { TIMELINE_HEIGHT, TIMELINE_MARGIN } from "./../../../contants";
 import { PainterCursor } from "./cursor";
 import { FramebufferTicks } from "./ticks";
 export class PainterSpikingOverlay extends TgdPainterGroup {

package/dist/components/morpho-viewer-simul/painter/painters/overlay/ticks.d.ts

@@ -1,5 +1,5 @@
 import { TgdContext, TgdEvent, TgdPainterFramebuffer, TgdPainterProgram, TgdTexture2D } from "@tolokoban/tgd";
-import { MorphoViewerSpikeRecord } from "@/components/morpho-viewer-simul/types/public";
+import { MorphoViewerSpikeRecord } from "../../../types/public";
 export interface FramebufferTicksOptions {
     texture: TgdTexture2D;
 }

package/dist/components/morpho-viewer-simul/painter/painters/spiking/spiking.js

@@ -1,5 +1,5 @@
 import { tgdCalcMix, TgdFilterBlur, TgdMaterialSolid, TgdPainterClear, TgdPainterFilter, TgdPainterFramebuffer, TgdPainterGroup, TgdPainterSegmentsMorphing, TgdPainterState, TgdTexture2D, } from "@tolokoban/tgd";
-import { SPIKING_BLUR_SIZE, SPIKING_COLOR, SPIKING_COLOR_MIX, SPIKING_RADIUS_MULTIPLIER, } from "@/components/morpho-viewer-simul/contants";
+import { SPIKING_BLUR_SIZE, SPIKING_COLOR, SPIKING_COLOR_MIX, SPIKING_RADIUS_MULTIPLIER, } from "./../../../contants";
 export class PainterSpiking extends TgdPainterGroup {
     constructor(context, data, spikingManager) {
         super({ name: "PainterSpiking" });

package/dist/components/morpho-viewer-small-circuit/morpho-viewer-small-circuit.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 { ControlsLayout } from "../controls-layout";
 import MorphoViewerScalebar from "../morpho-viewer-scalebar";
 import { usePainterManager } from "./painter";

package/dist/components/morpho-viewer-small-circuit/morpho-viewer-small-circuit.module.css

@@ -0,0 +1,63 @@
+.morphoViewerSmallCircuit {
+    position: relative;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    color: #fff;
+
+    >canvas.webgl {
+        position: absolute;
+        left: 0;
+        top: 0;
+        width: 100%;
+        height: 100%;
+    }
+
+    >header {
+        position: absolute;
+        left: 0;
+        top: 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;
+            }
+        }
+    }
+}

package/dist/components/morpho-viewer-small-circuit/painter/manager.js

@@ -1,8 +1,8 @@
 import { TgdBoundingBox, TgdCameraOrthographic, TgdColor, TgdContext, TgdEvent, TgdPainterClear, TgdPainterGroup, TgdPainterState, TgdValueWaitable, } from "@tolokoban/tgd";
 import React from "react";
-import { watchSpacePerPixel } from "@/behaviors";
-import { PainterGizmo } from "@/painters/gizmo";
-import { CacheLRU } from "@/tools/cache-lru";
+import { watchSpacePerPixel } from "./../../../behaviors";
+import { PainterGizmo } from "./../../../painters/gizmo";
+import { CacheLRU } from "./../../../tools/cache-lru";
 import { CameraManager } from "./camera";
 import { OffscreenPainter } from "./offscreen-painter";
 import { PainterCell } from "./painter-cell";

package/dist/components/morpho-viewer-small-circuit/painter/offscreen-painter/offscreen-painter.d.ts

@@ -1,5 +1,5 @@
 import { TgdContext } from "@tolokoban/tgd";
-import type { CacheLRU } from "@/tools/cache-lru";
+import type { CacheLRU } from "../../../../tools/cache-lru";
 import type { MorphoViewerSmallCircuitCell, MorphoViewerSmallCircuitCellData } from "../../types";
 export interface OffscreenPainterOptions {
     circuit: MorphoViewerSmallCircuitCell[];

package/dist/components/morpho-viewer-small-circuit/painter/offscreen-painter/offscreen-painter.js

@@ -1,5 +1,5 @@
 import { TgdContext, TgdPainterClear, TgdPainterGroup, TgdPainterState, webglPresetDepth, } from "@tolokoban/tgd";
-import { vec3ToInt16 } from "@/utils";
+import { vec3ToInt16 } from "./../../../../utils";
 import { PainterCell } from "../painter-cell";
 const FIRST_INDEX = 1;
 export class OffscreenPainter {

package/dist/components/morpho-viewer-small-circuit/painter/painter-cell/factory/tree.d.ts

@@ -1,5 +1,5 @@
 import { TgdBoundingBox, type TgdContext, type TgdMaterial, TgdPainterNode } from "@tolokoban/tgd";
-import { type MorphoViewerTree } from "@/components/morpho-viewer-simul";
+import { type MorphoViewerTree } from "../../../../morpho-viewer-simul";
 export declare function createCellFromTree(context: TgdContext, material: TgdMaterial, tree: MorphoViewerTree, forSelection: boolean): {
     bbox: TgdBoundingBox;
     node: TgdPainterNode;

package/dist/components/morpho-viewer-small-circuit/painter/painter-cell/factory/tree.js

@@ -1,5 +1,5 @@
 import { TgdBoundingBox, TgdPainterNode, TgdPainterSegments, TgdPainterSegmentsData, } from "@tolokoban/tgd";
-import { MorphoViewerTreeItemType, } from "@/components/morpho-viewer-simul";
+import { MorphoViewerTreeItemType, } from "./../../../../morpho-viewer-simul";
 export function createCellFromTree(context, material, tree, forSelection) {
     const segmentsSoma = new TgdPainterSegmentsData();
     const segmentsNeurites = new TgdPainterSegmentsData();

package/dist/components/morpho-viewer-small-circuit/painter/painter-cell/painter-cell.js

@@ -1,6 +1,6 @@
 import { __awaiter } from "tslib";
 import { TgdBoundingBox, TgdColor, TgdGeometrySphereIco, TgdLight, TgdMaterialDiffuse, TgdMaterialFlat, TgdMaterialFlatTexture, TgdPainterGroup, TgdPainterMesh, TgdQuat, TgdTexture2D, TgdVec4, tgdCanvasCreateFill, tgdCanvasCreatePalette, } from "@tolokoban/tgd";
-import { int16ToVec3 } from "@/utils";
+import { int16ToVec3 } from "./../../../../utils";
 import { createCellFromTree } from "./factory/tree";
 export class PainterCell extends TgdPainterGroup {
     constructor(context, options) {

package/dist/components/morpho-viewer-somas-only/manager/manager.js

@@ -1,7 +1,7 @@
 import { TgdBoundingBox, TgdCameraOrthographic, TgdContext, TgdControllerCameraOrbit, TgdEvent, TgdPainterClear, TgdPainterState, tgdActionCreateCameraInterpolation, } from "@tolokoban/tgd";
 import React from "react";
-import { watchSpacePerPixel } from "@/behaviors";
-import { PainterGizmo } from "@/painters/gizmo";
+import { watchSpacePerPixel } from "./../../../behaviors";
+import { PainterGizmo } from "./../../../painters/gizmo";
 import { PainterCellInfos } from "./painter-cell-infos";
 class PainterManager {
     constructor() {

package/dist/components/morpho-viewer-somas-only/morpho-viewer-somas-only.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 { ControlsLayout } from "../controls-layout";
 import MorphoViewerScalebar from "../morpho-viewer-scalebar";
 import { useManager as usePainterManager } from "./manager";

package/dist/components/morpho-viewer-somas-only/morpho-viewer-somas-only.module.css

@@ -0,0 +1,15 @@
+.morphoViewerSomasOnly {
+    position: absolute;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+
+    >.webgl {
+        position: absolute;
+        left: 0;
+        top: 0;
+        width: 100%;
+        height: 100%;
+    }
+}

package/dist/components/morpho-viewer-spinner/morpho-viewer-spinner.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { IconSpinner } from "@/icons/spinner";
-import { classNames } from "@/utils";
+import { IconSpinner } from "./../../icons/spinner";
+import { classNames } from "./../../utils";
 import styles from "./morpho-viewer-spinner.module.css";
 export function MorphoViewerSpinner({ className, label = "Neuron" }) {
     return (_jsxs("div", { className: classNames(className, styles.morphoViewerSpinner), children: [_jsx(IconSpinner, {}), _jsxs("div", { children: ["Loading", _jsx("br", {}), label] })] }));

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

@@ -0,0 +1,31 @@
+div.morphoViewerSpinner {
+    position: absolute;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    font: inherit;
+    font-size: 2em;
+    font-weight: normal;
+    display: grid;
+    place-items: center;
+    color: #fff;
+    background-color: #000;
+
+    >div {
+        margin: 0;
+        padding: 0;
+        position: absolute;
+        left: 0;
+        top: 0;
+        width: 100%;
+        height: 100%;
+        display: grid;
+        place-items: center;
+        text-align: center;
+    }
+
+    >svg {
+        font-size: 600%;
+    }
+}

package/dist/components/tooltip/tooltip.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { classNames } from "@/utils";
+import { classNames } from "./../../utils";
 import styles from "./tooltip.module.css";
 export default function Tooltip({ className, classNameTooltip, tooltip, arrow = "top", arrowWidth = 16, arrowHeight = 16, backColor = "#fff", foreColor = "#000", children, }) {
     return (_jsxs("div", { className: classNames(className, styles.container), style: {

package/dist/components/tooltip/tooltip.module.css

@@ -0,0 +1,74 @@
+.container {
+  position: relative;
+  --custom-backColor: #fff;
+  --custom-foreColor: #000;
+  --arrowWidth: 16px;
+  --arrowHeight: 16px;
+  --borderColor: var(--custom-foreColor);
+  --borderColor: color-mix(in srgb, var(--custom-foreColor) 50%, transparent 50%);
+}
+
+.tooltip {
+  border-radius: 0.25em;
+  padding: 0.5em 1em;
+  color: var(--custom-foreColor, #000);
+  background-color: var(--custom-backColor, #fff);
+  position: absolute;
+  /* width: fit-content; */
+  z-index: 999999;
+  box-shadow: 0 0.25em 0.5em #0007;
+  pointer-events: none;
+  border: 1px solid var(--borderColor);
+  text-align: center;
+  min-width: 160px;
+  transition: opacity 0.2s;
+  opacity: 0;
+
+  &.top {
+    left: 50%;
+    bottom: 0;
+    transform: translate(-50%, calc(100% + var(--arrowHeight)));
+  }
+
+  &.topLeft {
+    left: 50%;
+    bottom: 0;
+    transform: translate(calc(-1 * var(--arrowWidth)), calc(100% + var(--arrowHeight)));
+  }
+
+  &.topRight {
+    left: 50%;
+    bottom: 0;
+    transform: translate(calc(-100% + var(--arrowWidth)), calc(100% + var(--arrowHeight)));
+  }
+
+  .arrow {
+    width: var(--arrowWidth);
+    height: var(--arrowHeight);
+    fill: var(--custom-backColor);
+    stroke: var(--borderColor);
+    position: absolute;
+
+    &.top {
+      top: 0;
+      left: 50%;
+      transform: translate(-50%, calc(-100% + 1px));
+    }
+
+    &.topLeft {
+      top: 0;
+      left: var(--arrowWidth);
+      transform: translate(-50%, calc(-100% + 1px));
+    }
+
+    &.topRight {
+      top: 0;
+      right: var(--arrowWidth);
+      transform: translate(50%, calc(-100% + 1px));
+    }
+  }
+}
+
+.container:hover .tooltip {
+  opacity: 1;
+}

package/dist/icons/icon.module.css

@@ -0,0 +1,19 @@
+svg.icon {
+  width: var(--custom-icon-size, 1.5em);
+  height: var(--custom-icon-size, 1.5em);
+  background-color: transparent;
+  fill: currentColor;
+}
+
+svg.spin {
+  animation: spin 0.6s linear infinite;
+}
+
+@keyframes spin {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}

package/dist/icons/spinner.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { classNames } from "@/utils";
+import { classNames } from "./../utils";
 import styles from "./icon.module.css";
 export function IconSpinner({ className, style, size }) {
     return (_jsxs("svg", { className: classNames(className, styles.icon, styles.spin), style: Object.assign({ "--custom-icon-size": size !== null && size !== void 0 ? size : "1.5em" }, style), viewBox: "-12 -12 24 24", stroke: "currentColor", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("title", { children: "spinner" }), _jsx("path", { d: "M0,-8A8,8 0 0,0 -8,0", strokeWidth: "1", strokeLinecap: "round", fill: "none" })] }));

package/dist/morphology/painter/factory.js

@@ -1,4 +1,4 @@
-import { CellNodeType } from "@/types";
+import { CellNodeType } from "./../../types";
 import { Segments } from "./segments";
 export function makeData(nodes) {
     const segmentsNeurites = new Segments(nodes);

package/dist/morphology/painter/nodes.d.ts

@@ -1,4 +1,4 @@
-import { CellNode } from "@/parser/swc";
+import { CellNode } from "../../parser/swc";
 import { TgdVec3 } from "@tolokoban/tgd";
 export interface Branch {
     node: CellNode;

package/dist/morphology/painter/nodes.js

@@ -1,4 +1,4 @@
-import { CellNodeType } from "@/types";
+import { CellNodeType } from "./../../types";
 import { TgdVec3 } from "@tolokoban/tgd";
 export class CellNodes {
     constructor(nodes) {

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

@@ -1,5 +1,5 @@
 import { type TgdContext, TgdPainterGroup } from "@tolokoban/tgd";
-import type { ColorsInterface } from "@/colors";
+import type { ColorsInterface } from "../../colors";
 import type { CellNodes } from "./nodes";
 export declare class SwcPainter extends TgdPainterGroup {
     readonly context: TgdContext;