@cornerstonejs/core 2.0.0-beta.7 → 2.0.0

package/dist/esm/cache/classes/Surface.js

@@ -1,36 +1,61 @@
 export class Surface {
     constructor(props) {
-        this.color = [200, 0, 0];
+        this._color = [200, 0, 0];
         this.id = props.id;
-        this.points = props.data.points;
-        this.polys = props.data.polys;
-        this.color = props.color ?? this.color;
+        this._points = props.points;
+        this._polys = props.polys;
+        this._color = props.color ?? this._color;
         this.frameOfReferenceUID = props.frameOfReferenceUID;
+        this._segmentIndex = props.segmentIndex;
         this.sizeInBytes = this._getSizeInBytes();
+        this._updateCentroid();
     }
     _getSizeInBytes() {
-        return this.points.length * 4 + this.polys.length * 4;
+        return this._points.length * 4 + this._polys.length * 4;
     }
-    getColor() {
-        return this.color;
+    _updateCentroid() {
+        const numberOfPoints = this._points.length / 3;
+        let sumX = 0, sumY = 0, sumZ = 0;
+        for (let i = 0; i < this._points.length; i += 3) {
+            sumX += this._points[i];
+            sumY += this._points[i + 1];
+            sumZ += this._points[i + 2];
+        }
+        this._centroid = [
+            sumX / numberOfPoints,
+            sumY / numberOfPoints,
+            sumZ / numberOfPoints,
+        ];
     }
-    getPoints() {
-        return this.points;
+    get color() {
+        return this._color;
     }
-    getPolys() {
-        return this.polys;
+    set color(color) {
+        this._color = color;
     }
-    setColor(color) {
-        this.color = color;
+    get points() {
+        return this._points;
     }
-    setPoints(points) {
-        this.points = points;
+    set points(points) {
+        this._points = points;
+        this._updateCentroid();
     }
-    setPolys(polys) {
-        this.polys = polys;
+    get polys() {
+        return this._polys;
     }
-    getSizeInBytes() {
-        return this.sizeInBytes;
+    set polys(polys) {
+        this._polys = polys;
+    }
+    get segmentIndex() {
+        return this._segmentIndex;
+    }
+    get centroid() {
+        return this._centroid;
+    }
+    get flatPointsArray() {
+        return this._points;
+    }
+    get totalNumberOfPoints() {
+        return this._points.length / 3;
     }
 }
-//# sourceMappingURL=Surface.js.map

package/dist/esm/cache/index.d.ts

@@ -0,0 +1,6 @@
+import { Cache } from './cache';
+import ImageVolume from './classes/ImageVolume';
+import { Surface } from './classes/Surface';
+import StreamingImageVolume from './classes/StreamingImageVolume';
+import StreamingDynamicImageVolume from './classes/StreamingDynamicImageVolume';
+export { ImageVolume, Cache, Surface, StreamingImageVolume, StreamingDynamicImageVolume, };

package/dist/esm/cache/index.js

@@ -1,6 +1,6 @@
-import cache, { Cache } from './cache';
+import { Cache } from './cache';
 import ImageVolume from './classes/ImageVolume';
 import { Surface } from './classes/Surface';
-export { ImageVolume, Cache, Surface };
-export default cache;
-//# sourceMappingURL=index.js.map
+import StreamingImageVolume from './classes/StreamingImageVolume';
+import StreamingDynamicImageVolume from './classes/StreamingDynamicImageVolume';
+export { ImageVolume, Cache, Surface, StreamingImageVolume, StreamingDynamicImageVolume, };

package/dist/esm/constants/backgroundColors.d.ts

@@ -0,0 +1,4 @@
+declare const backgroundColors: {
+    slicer3D: number[];
+};
+export default backgroundColors;

package/dist/esm/constants/backgroundColors.js

@@ -2,4 +2,3 @@ const backgroundColors = {
     slicer3D: [160 / 255, 164 / 255, 217 / 255],
 };
 export default backgroundColors;
-//# sourceMappingURL=backgroundColors.js.map

package/dist/esm/constants/cpuColormaps.d.ts

@@ -0,0 +1,3 @@
+import type { CPUFallbackColormapsData } from '../types';
+declare const colormapsData: CPUFallbackColormapsData;
+export default colormapsData;

package/dist/esm/constants/cpuColormaps.js

@@ -1523,4 +1523,3 @@ const colormapsData = {
     },
 };
 export default colormapsData;
-//# sourceMappingURL=cpuColormaps.js.map

package/dist/esm/constants/epsilon.d.ts

@@ -0,0 +1,2 @@
+declare const EPSILON = 0.001;
+export default EPSILON;

package/dist/esm/constants/epsilon.js

@@ -1,3 +1,2 @@
 const EPSILON = 1e-3;
 export default EPSILON;
-//# sourceMappingURL=epsilon.js.map

package/dist/esm/constants/index.d.ts

@@ -0,0 +1,7 @@
+import CPU_COLORMAPS from './cpuColormaps';
+import RENDERING_DEFAULTS from './rendering';
+import EPSILON from './epsilon';
+import MPR_CAMERA_VALUES from './mprCameraValues';
+import VIEWPORT_PRESETS from './viewportPresets';
+import BACKGROUND_COLORS from './backgroundColors';
+export { CPU_COLORMAPS, RENDERING_DEFAULTS, MPR_CAMERA_VALUES, EPSILON, VIEWPORT_PRESETS, BACKGROUND_COLORS, };

package/dist/esm/constants/index.js

@@ -5,4 +5,3 @@ import MPR_CAMERA_VALUES from './mprCameraValues';
 import VIEWPORT_PRESETS from './viewportPresets';
 import BACKGROUND_COLORS from './backgroundColors';
 export { CPU_COLORMAPS, RENDERING_DEFAULTS, MPR_CAMERA_VALUES, EPSILON, VIEWPORT_PRESETS, BACKGROUND_COLORS, };
-//# sourceMappingURL=index.js.map

package/dist/esm/constants/microscopyViewportCss.d.ts

@@ -0,0 +1,2 @@
+declare const microscopyViewportCss = "\n.DicomMicroscopyViewer {\n  --ol-partial-background-color: rgba(127, 127, 127, 0.7);\n  --ol-foreground-color: #000000;\n  --ol-subtle-foreground-color: #000;\n  --ol-subtle-background-color: rgba(78, 78, 78, 0.5);\n}\n\n.DicomMicroscopyViewer .ol-box {\n  box-sizing: border-box;\n  border-radius: 2px;\n  border: 1.5px solid var(--ol-background-color);\n  background-color: var(--ol-partial-background-color);\n}\n\n.DicomMicroscopyViewer .ol-mouse-position {\n  top: 8px;\n  right: 8px;\n  position: absolute;\n}\n\n.DicomMicroscopyViewer .ol-scale-line {\n  background: var(--ol-partial-background-color);\n  border-radius: 4px;\n  bottom: 8px;\n  left: 8px;\n  padding: 2px;\n  position: absolute;\n}\n\n.DicomMicroscopyViewer .ol-scale-line-inner {\n  border: 1px solid var(--ol-subtle-foreground-color);\n  border-top: none;\n  color: var(--ol-foreground-color);\n  font-size: 10px;\n  text-align: center;\n  margin: 1px;\n  will-change: contents, width;\n  transition: all 0.25s;\n}\n\n.DicomMicroscopyViewer .ol-scale-bar {\n  position: absolute;\n  bottom: 8px;\n  left: 8px;\n}\n\n.DicomMicroscopyViewer .ol-scale-bar-inner {\n  display: flex;\n}\n\n.DicomMicroscopyViewer .ol-scale-step-marker {\n  width: 1px;\n  height: 15px;\n  background-color: var(--ol-foreground-color);\n  float: right;\n  z-index: 10;\n}\n\n.DicomMicroscopyViewer .ol-scale-step-text {\n  position: absolute;\n  bottom: -5px;\n  font-size: 10px;\n  z-index: 11;\n  color: var(--ol-foreground-color);\n  text-shadow:\n    -1.5px 0 var(--ol-partial-background-color),\n    0 1.5px var(--ol-partial-background-color),\n    1.5px 0 var(--ol-partial-background-color),\n    0 -1.5px var(--ol-partial-background-color);\n}\n\n.DicomMicroscopyViewer .ol-scale-text {\n  position: absolute;\n  font-size: 12px;\n  text-align: center;\n  bottom: 25px;\n  color: var(--ol-foreground-color);\n  text-shadow:\n    -1.5px 0 var(--ol-partial-background-color),\n    0 1.5px var(--ol-partial-background-color),\n    1.5px 0 var(--ol-partial-background-color),\n    0 -1.5px var(--ol-partial-background-color);\n}\n\n.DicomMicroscopyViewer .ol-scale-singlebar {\n  position: relative;\n  height: 10px;\n  z-index: 9;\n  box-sizing: border-box;\n  border: 1px solid var(--ol-foreground-color);\n}\n\n.DicomMicroscopyViewer .ol-scale-singlebar-even {\n  background-color: var(--ol-subtle-foreground-color);\n}\n\n.DicomMicroscopyViewer .ol-scale-singlebar-odd {\n  background-color: var(--ol-background-color);\n}\n\n.DicomMicroscopyViewer .ol-unsupported {\n  display: none;\n}\n\n.DicomMicroscopyViewer .ol-viewport,\n.DicomMicroscopyViewer .ol-unselectable {\n  -webkit-touch-callout: none;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  user-select: none;\n  -webkit-tap-highlight-color: transparent;\n}\n\n.DicomMicroscopyViewer .ol-viewport canvas {\n  all: unset;\n}\n\n.DicomMicroscopyViewer .ol-selectable {\n  -webkit-touch-callout: default;\n  -webkit-user-select: text;\n  -moz-user-select: text;\n  user-select: text;\n}\n\n.DicomMicroscopyViewer .ol-grabbing {\n  cursor: -webkit-grabbing;\n  cursor: -moz-grabbing;\n  cursor: grabbing;\n}\n\n.DicomMicroscopyViewer .ol-grab {\n  cursor: move;\n  cursor: -webkit-grab;\n  cursor: -moz-grab;\n  cursor: grab;\n}\n\n.DicomMicroscopyViewer .ol-control {\n  position: absolute;\n  background-color: var(--ol-subtle-background-color);\n  border-radius: 4px;\n}\n\n.DicomMicroscopyViewer .ol-zoom {\n  top: 0.5em;\n  left: 0.5em;\n}\n\n.DicomMicroscopyViewer .ol-rotate {\n  top: 0.5em;\n  right: 0.5em;\n  transition:\n    opacity 0.25s linear,\n    visibility 0s linear;\n}\n\n.DicomMicroscopyViewer .ol-rotate.ol-hidden {\n  opacity: 0;\n  visibility: hidden;\n  transition:\n    opacity 0.25s linear,\n    visibility 0s linear 0.25s;\n}\n\n.DicomMicroscopyViewer .ol-zoom-extent {\n  top: 4.643em;\n  left: 0.5em;\n}\n\n.DicomMicroscopyViewer .ol-full-screen {\n  right: 0.5em;\n  top: 0.5em;\n}\n\n.DicomMicroscopyViewer .ol-control button {\n  display: block;\n  margin: 1px;\n  padding: 0;\n  color: var(--ol-subtle-foreground-color);\n  font-weight: bold;\n  text-decoration: none;\n  font-size: inherit;\n  text-align: center;\n  height: 1.375em;\n  width: 1.375em;\n  line-height: 0.4em;\n  background-color: var(--ol-background-color);\n  border: none;\n  border-radius: 2px;\n}\n\n.DicomMicroscopyViewer .ol-control button::-moz-focus-inner {\n  border: none;\n  padding: 0;\n}\n\n.DicomMicroscopyViewer .ol-zoom-extent button {\n  line-height: 1.4em;\n}\n\n.DicomMicroscopyViewer .ol-compass {\n  display: block;\n  font-weight: normal;\n  will-change: transform;\n}\n\n.DicomMicroscopyViewer .ol-touch .ol-control button {\n  font-size: 1.5em;\n}\n\n.DicomMicroscopyViewer .ol-touch .ol-zoom-extent {\n  top: 5.5em;\n}\n\n.DicomMicroscopyViewer .ol-control button:hover,\n.DicomMicroscopyViewer .ol-control button:focus {\n  text-decoration: none;\n  outline: 1px solid var(--ol-subtle-foreground-color);\n  color: var(--ol-foreground-color);\n}\n\n.DicomMicroscopyViewer .ol-zoom .ol-zoom-in {\n  border-radius: 2px 2px 0 0;\n}\n\n.DicomMicroscopyViewer .ol-zoom .ol-zoom-out {\n  border-radius: 0 0 2px 2px;\n}\n\n.DicomMicroscopyViewer .ol-attribution {\n  text-align: right;\n  bottom: 0.5em;\n  right: 0.5em;\n  max-width: calc(100% - 1.3em);\n  display: flex;\n  flex-flow: row-reverse;\n  align-items: center;\n}\n\n.DicomMicroscopyViewer .ol-attribution a {\n  color: var(--ol-subtle-foreground-color);\n  text-decoration: none;\n}\n\n.DicomMicroscopyViewer .ol-attribution ul {\n  margin: 0;\n  padding: 1px 0.5em;\n  color: var(--ol-foreground-color);\n  text-shadow: 0 0 2px var(--ol-background-color);\n  font-size: 12px;\n}\n\n.DicomMicroscopyViewer .ol-attribution li {\n  display: inline;\n  list-style: none;\n}\n\n.DicomMicroscopyViewer .ol-attribution li:not(:last-child):after {\n  content: ' ';\n}\n\n.DicomMicroscopyViewer .ol-attribution img {\n  max-height: 2em;\n  max-width: inherit;\n  vertical-align: middle;\n}\n\n.DicomMicroscopyViewer .ol-attribution button {\n  flex-shrink: 0;\n}\n\n.DicomMicroscopyViewer .ol-attribution.ol-collapsed ul {\n  display: none;\n}\n\n.DicomMicroscopyViewer .ol-attribution:not(.ol-collapsed) {\n  background: var(--ol-partial-background-color);\n}\n\n.DicomMicroscopyViewer .ol-attribution.ol-uncollapsible {\n  bottom: 0;\n  right: 0;\n  border-radius: 4px 0 0;\n}\n\n.DicomMicroscopyViewer .ol-attribution.ol-uncollapsible img {\n  margin-top: -0.2em;\n  max-height: 1.6em;\n}\n\n.DicomMicroscopyViewer .ol-attribution.ol-uncollapsible button {\n  display: none;\n}\n\n.DicomMicroscopyViewer .ol-zoomslider {\n  top: 4.5em;\n  left: 0.5em;\n  height: 200px;\n}\n\n.DicomMicroscopyViewer .ol-zoomslider button {\n  position: relative;\n  height: 10px;\n}\n\n.DicomMicroscopyViewer .ol-touch .ol-zoomslider {\n  top: 5.5em;\n}\n\n.DicomMicroscopyViewer .ol-overviewmap {\n  left: 0.5em;\n  bottom: 0.5em;\n}\n\n.DicomMicroscopyViewer .ol-overviewmap.ol-uncollapsible {\n  bottom: 0;\n  left: 0;\n  border-radius: 0 4px 0 0;\n}\n\n.DicomMicroscopyViewer .ol-overviewmap .ol-overviewmap-map,\n.DicomMicroscopyViewer .ol-overviewmap button {\n  display: block;\n}\n\n.DicomMicroscopyViewer .ol-overviewmap .ol-overviewmap-map {\n  border: 1px solid var(--ol-subtle-foreground-color);\n  height: 150px;\n  width: 150px;\n}\n\n.DicomMicroscopyViewer .ol-overviewmap:not(.ol-collapsed) button {\n  bottom: 0;\n  left: 0;\n  position: absolute;\n}\n\n.DicomMicroscopyViewer .ol-overviewmap.ol-collapsed .ol-overviewmap-map,\n.DicomMicroscopyViewer .ol-overviewmap.ol-uncollapsible button {\n  display: none;\n}\n\n.DicomMicroscopyViewer .ol-overviewmap:not(.ol-collapsed) {\n  background: var(--ol-subtle-background-color);\n}\n\n.DicomMicroscopyViewer .ol-overviewmap-box {\n  border: 0.5px dotted var(--ol-subtle-foreground-color);\n}\n\n.DicomMicroscopyViewer .ol-overviewmap .ol-overviewmap-box:hover {\n  cursor: move;\n}\n\n@layout-header-background: #007ea3;\n@primary-color: #007ea3;\n@processing-color: #8cb8c6;\n@success-color: #3f9c35;\n@warning-color: #eeaf30;\n@error-color: #96172e;\n@font-size-base: 14px;\n\n.DicomMicroscopyViewer .ol-tooltip {\n  font-size: 16px !important;\n}\n";
+export default microscopyViewportCss;

package/dist/esm/constants/microscopyViewportCss.js

@@ -0,0 +1,368 @@
+const microscopyViewportCss = `
+.DicomMicroscopyViewer {
+  --ol-partial-background-color: rgba(127, 127, 127, 0.7);
+  --ol-foreground-color: #000000;
+  --ol-subtle-foreground-color: #000;
+  --ol-subtle-background-color: rgba(78, 78, 78, 0.5);
+}
+
+.DicomMicroscopyViewer .ol-box {
+  box-sizing: border-box;
+  border-radius: 2px;
+  border: 1.5px solid var(--ol-background-color);
+  background-color: var(--ol-partial-background-color);
+}
+
+.DicomMicroscopyViewer .ol-mouse-position {
+  top: 8px;
+  right: 8px;
+  position: absolute;
+}
+
+.DicomMicroscopyViewer .ol-scale-line {
+  background: var(--ol-partial-background-color);
+  border-radius: 4px;
+  bottom: 8px;
+  left: 8px;
+  padding: 2px;
+  position: absolute;
+}
+
+.DicomMicroscopyViewer .ol-scale-line-inner {
+  border: 1px solid var(--ol-subtle-foreground-color);
+  border-top: none;
+  color: var(--ol-foreground-color);
+  font-size: 10px;
+  text-align: center;
+  margin: 1px;
+  will-change: contents, width;
+  transition: all 0.25s;
+}
+
+.DicomMicroscopyViewer .ol-scale-bar {
+  position: absolute;
+  bottom: 8px;
+  left: 8px;
+}
+
+.DicomMicroscopyViewer .ol-scale-bar-inner {
+  display: flex;
+}
+
+.DicomMicroscopyViewer .ol-scale-step-marker {
+  width: 1px;
+  height: 15px;
+  background-color: var(--ol-foreground-color);
+  float: right;
+  z-index: 10;
+}
+
+.DicomMicroscopyViewer .ol-scale-step-text {
+  position: absolute;
+  bottom: -5px;
+  font-size: 10px;
+  z-index: 11;
+  color: var(--ol-foreground-color);
+  text-shadow:
+    -1.5px 0 var(--ol-partial-background-color),
+    0 1.5px var(--ol-partial-background-color),
+    1.5px 0 var(--ol-partial-background-color),
+    0 -1.5px var(--ol-partial-background-color);
+}
+
+.DicomMicroscopyViewer .ol-scale-text {
+  position: absolute;
+  font-size: 12px;
+  text-align: center;
+  bottom: 25px;
+  color: var(--ol-foreground-color);
+  text-shadow:
+    -1.5px 0 var(--ol-partial-background-color),
+    0 1.5px var(--ol-partial-background-color),
+    1.5px 0 var(--ol-partial-background-color),
+    0 -1.5px var(--ol-partial-background-color);
+}
+
+.DicomMicroscopyViewer .ol-scale-singlebar {
+  position: relative;
+  height: 10px;
+  z-index: 9;
+  box-sizing: border-box;
+  border: 1px solid var(--ol-foreground-color);
+}
+
+.DicomMicroscopyViewer .ol-scale-singlebar-even {
+  background-color: var(--ol-subtle-foreground-color);
+}
+
+.DicomMicroscopyViewer .ol-scale-singlebar-odd {
+  background-color: var(--ol-background-color);
+}
+
+.DicomMicroscopyViewer .ol-unsupported {
+  display: none;
+}
+
+.DicomMicroscopyViewer .ol-viewport,
+.DicomMicroscopyViewer .ol-unselectable {
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  user-select: none;
+  -webkit-tap-highlight-color: transparent;
+}
+
+.DicomMicroscopyViewer .ol-viewport canvas {
+  all: unset;
+}
+
+.DicomMicroscopyViewer .ol-selectable {
+  -webkit-touch-callout: default;
+  -webkit-user-select: text;
+  -moz-user-select: text;
+  user-select: text;
+}
+
+.DicomMicroscopyViewer .ol-grabbing {
+  cursor: -webkit-grabbing;
+  cursor: -moz-grabbing;
+  cursor: grabbing;
+}
+
+.DicomMicroscopyViewer .ol-grab {
+  cursor: move;
+  cursor: -webkit-grab;
+  cursor: -moz-grab;
+  cursor: grab;
+}
+
+.DicomMicroscopyViewer .ol-control {
+  position: absolute;
+  background-color: var(--ol-subtle-background-color);
+  border-radius: 4px;
+}
+
+.DicomMicroscopyViewer .ol-zoom {
+  top: 0.5em;
+  left: 0.5em;
+}
+
+.DicomMicroscopyViewer .ol-rotate {
+  top: 0.5em;
+  right: 0.5em;
+  transition:
+    opacity 0.25s linear,
+    visibility 0s linear;
+}
+
+.DicomMicroscopyViewer .ol-rotate.ol-hidden {
+  opacity: 0;
+  visibility: hidden;
+  transition:
+    opacity 0.25s linear,
+    visibility 0s linear 0.25s;
+}
+
+.DicomMicroscopyViewer .ol-zoom-extent {
+  top: 4.643em;
+  left: 0.5em;
+}
+
+.DicomMicroscopyViewer .ol-full-screen {
+  right: 0.5em;
+  top: 0.5em;
+}
+
+.DicomMicroscopyViewer .ol-control button {
+  display: block;
+  margin: 1px;
+  padding: 0;
+  color: var(--ol-subtle-foreground-color);
+  font-weight: bold;
+  text-decoration: none;
+  font-size: inherit;
+  text-align: center;
+  height: 1.375em;
+  width: 1.375em;
+  line-height: 0.4em;
+  background-color: var(--ol-background-color);
+  border: none;
+  border-radius: 2px;
+}
+
+.DicomMicroscopyViewer .ol-control button::-moz-focus-inner {
+  border: none;
+  padding: 0;
+}
+
+.DicomMicroscopyViewer .ol-zoom-extent button {
+  line-height: 1.4em;
+}
+
+.DicomMicroscopyViewer .ol-compass {
+  display: block;
+  font-weight: normal;
+  will-change: transform;
+}
+
+.DicomMicroscopyViewer .ol-touch .ol-control button {
+  font-size: 1.5em;
+}
+
+.DicomMicroscopyViewer .ol-touch .ol-zoom-extent {
+  top: 5.5em;
+}
+
+.DicomMicroscopyViewer .ol-control button:hover,
+.DicomMicroscopyViewer .ol-control button:focus {
+  text-decoration: none;
+  outline: 1px solid var(--ol-subtle-foreground-color);
+  color: var(--ol-foreground-color);
+}
+
+.DicomMicroscopyViewer .ol-zoom .ol-zoom-in {
+  border-radius: 2px 2px 0 0;
+}
+
+.DicomMicroscopyViewer .ol-zoom .ol-zoom-out {
+  border-radius: 0 0 2px 2px;
+}
+
+.DicomMicroscopyViewer .ol-attribution {
+  text-align: right;
+  bottom: 0.5em;
+  right: 0.5em;
+  max-width: calc(100% - 1.3em);
+  display: flex;
+  flex-flow: row-reverse;
+  align-items: center;
+}
+
+.DicomMicroscopyViewer .ol-attribution a {
+  color: var(--ol-subtle-foreground-color);
+  text-decoration: none;
+}
+
+.DicomMicroscopyViewer .ol-attribution ul {
+  margin: 0;
+  padding: 1px 0.5em;
+  color: var(--ol-foreground-color);
+  text-shadow: 0 0 2px var(--ol-background-color);
+  font-size: 12px;
+}
+
+.DicomMicroscopyViewer .ol-attribution li {
+  display: inline;
+  list-style: none;
+}
+
+.DicomMicroscopyViewer .ol-attribution li:not(:last-child):after {
+  content: ' ';
+}
+
+.DicomMicroscopyViewer .ol-attribution img {
+  max-height: 2em;
+  max-width: inherit;
+  vertical-align: middle;
+}
+
+.DicomMicroscopyViewer .ol-attribution button {
+  flex-shrink: 0;
+}
+
+.DicomMicroscopyViewer .ol-attribution.ol-collapsed ul {
+  display: none;
+}
+
+.DicomMicroscopyViewer .ol-attribution:not(.ol-collapsed) {
+  background: var(--ol-partial-background-color);
+}
+
+.DicomMicroscopyViewer .ol-attribution.ol-uncollapsible {
+  bottom: 0;
+  right: 0;
+  border-radius: 4px 0 0;
+}
+
+.DicomMicroscopyViewer .ol-attribution.ol-uncollapsible img {
+  margin-top: -0.2em;
+  max-height: 1.6em;
+}
+
+.DicomMicroscopyViewer .ol-attribution.ol-uncollapsible button {
+  display: none;
+}
+
+.DicomMicroscopyViewer .ol-zoomslider {
+  top: 4.5em;
+  left: 0.5em;
+  height: 200px;
+}
+
+.DicomMicroscopyViewer .ol-zoomslider button {
+  position: relative;
+  height: 10px;
+}
+
+.DicomMicroscopyViewer .ol-touch .ol-zoomslider {
+  top: 5.5em;
+}
+
+.DicomMicroscopyViewer .ol-overviewmap {
+  left: 0.5em;
+  bottom: 0.5em;
+}
+
+.DicomMicroscopyViewer .ol-overviewmap.ol-uncollapsible {
+  bottom: 0;
+  left: 0;
+  border-radius: 0 4px 0 0;
+}
+
+.DicomMicroscopyViewer .ol-overviewmap .ol-overviewmap-map,
+.DicomMicroscopyViewer .ol-overviewmap button {
+  display: block;
+}
+
+.DicomMicroscopyViewer .ol-overviewmap .ol-overviewmap-map {
+  border: 1px solid var(--ol-subtle-foreground-color);
+  height: 150px;
+  width: 150px;
+}
+
+.DicomMicroscopyViewer .ol-overviewmap:not(.ol-collapsed) button {
+  bottom: 0;
+  left: 0;
+  position: absolute;
+}
+
+.DicomMicroscopyViewer .ol-overviewmap.ol-collapsed .ol-overviewmap-map,
+.DicomMicroscopyViewer .ol-overviewmap.ol-uncollapsible button {
+  display: none;
+}
+
+.DicomMicroscopyViewer .ol-overviewmap:not(.ol-collapsed) {
+  background: var(--ol-subtle-background-color);
+}
+
+.DicomMicroscopyViewer .ol-overviewmap-box {
+  border: 0.5px dotted var(--ol-subtle-foreground-color);
+}
+
+.DicomMicroscopyViewer .ol-overviewmap .ol-overviewmap-box:hover {
+  cursor: move;
+}
+
+@layout-header-background: #007ea3;
+@primary-color: #007ea3;
+@processing-color: #8cb8c6;
+@success-color: #3f9c35;
+@warning-color: #eeaf30;
+@error-color: #96172e;
+@font-size-base: 14px;
+
+.DicomMicroscopyViewer .ol-tooltip {
+  font-size: 16px !important;
+}
+`;
+export default microscopyViewportCss;

package/dist/esm/constants/mprCameraValues.d.ts

@@ -0,0 +1,2 @@
+declare const mprCameraValues: any;
+export default mprCameraValues;

package/dist/esm/constants/mprCameraValues.js

@@ -3,16 +3,18 @@ const MPR_CAMERA_VALUES = {
     axial: {
         viewPlaneNormal: [0, 0, -1],
         viewUp: [0, -1, 0],
+        viewRight: [1, 0, 0],
     },
     sagittal: {
         viewPlaneNormal: [1, 0, 0],
         viewUp: [0, 0, 1],
+        viewRight: [0, 1, 0],
     },
     coronal: {
         viewPlaneNormal: [0, -1, 0],
         viewUp: [0, 0, 1],
+        viewRight: [1, 0, 0],
     },
 };
 const mprCameraValues = deepFreeze(MPR_CAMERA_VALUES);
 export default mprCameraValues;
-//# sourceMappingURL=mprCameraValues.js.map

package/dist/esm/constants/rendering.d.ts

@@ -0,0 +1,5 @@
+declare const RENDERING_DEFAULTS: {
+    MINIMUM_SLAB_THICKNESS: number;
+    MAXIMUM_RAY_DISTANCE: number;
+};
+export default RENDERING_DEFAULTS;

package/dist/esm/constants/rendering.js

@@ -4,4 +4,3 @@ const RENDERING_DEFAULTS = {
 };
 Object.freeze(RENDERING_DEFAULTS);
 export default RENDERING_DEFAULTS;
-//# sourceMappingURL=rendering.js.map

package/dist/esm/constants/viewportPresets.d.ts

@@ -0,0 +1,3 @@
+import type { ViewportPreset } from '../types';
+declare const presets: ViewportPreset[];
+export default presets;

package/dist/esm/constants/viewportPresets.js

@@ -313,4 +313,3 @@ const presets = [
     },
 ];
 export default presets;
-//# sourceMappingURL=viewportPresets.js.map

package/dist/esm/enums/BlendModes.d.ts

@@ -0,0 +1,7 @@
+declare enum BlendModes {
+    COMPOSITE,
+    MAXIMUM_INTENSITY_BLEND,
+    MINIMUM_INTENSITY_BLEND,
+    AVERAGE_INTENSITY_BLEND
+}
+export default BlendModes;

package/dist/esm/enums/BlendModes.js

@@ -2,10 +2,9 @@ import vtkConstants from '@kitware/vtk.js/Rendering/Core/VolumeMapper/Constants'
 const { BlendMode } = vtkConstants;
 var BlendModes;
 (function (BlendModes) {
-    BlendModes[BlendModes["COMPOSITE"] = 0] = "COMPOSITE";
-    BlendModes[BlendModes["MAXIMUM_INTENSITY_BLEND"] = 1] = "MAXIMUM_INTENSITY_BLEND";
-    BlendModes[BlendModes["MINIMUM_INTENSITY_BLEND"] = 2] = "MINIMUM_INTENSITY_BLEND";
-    BlendModes[BlendModes["AVERAGE_INTENSITY_BLEND"] = 3] = "AVERAGE_INTENSITY_BLEND";
+    BlendModes[BlendModes["COMPOSITE"] = BlendMode.COMPOSITE_BLEND] = "COMPOSITE";
+    BlendModes[BlendModes["MAXIMUM_INTENSITY_BLEND"] = BlendMode.MAXIMUM_INTENSITY_BLEND] = "MAXIMUM_INTENSITY_BLEND";
+    BlendModes[BlendModes["MINIMUM_INTENSITY_BLEND"] = BlendMode.MINIMUM_INTENSITY_BLEND] = "MINIMUM_INTENSITY_BLEND";
+    BlendModes[BlendModes["AVERAGE_INTENSITY_BLEND"] = BlendMode.AVERAGE_INTENSITY_BLEND] = "AVERAGE_INTENSITY_BLEND";
 })(BlendModes || (BlendModes = {}));
 export default BlendModes;
-//# sourceMappingURL=BlendModes.js.map

package/dist/esm/enums/CalibrationTypes.d.ts

@@ -0,0 +1,10 @@
+export declare enum CalibrationTypes {
+    NOT_APPLICABLE = "",
+    ERMF = "ERMF",
+    USER = "User",
+    PROJECTION = "Proj",
+    REGION = "Region",
+    ERROR = "Error",
+    UNCALIBRATED = "Uncalibrated"
+}
+export default CalibrationTypes;

package/dist/esm/enums/CalibrationTypes.js

@@ -9,4 +9,3 @@ export var CalibrationTypes;
     CalibrationTypes["UNCALIBRATED"] = "Uncalibrated";
 })(CalibrationTypes || (CalibrationTypes = {}));
 export default CalibrationTypes;
-//# sourceMappingURL=CalibrationTypes.js.map

package/dist/esm/enums/ContourType.d.ts

@@ -0,0 +1,5 @@
+declare enum ContourType {
+    CLOSED_PLANAR = "CLOSED_PLANAR",
+    OPEN_PLANAR = "OPEN_PLANAR"
+}
+export default ContourType;

package/dist/esm/enums/ContourType.js

@@ -4,4 +4,3 @@ var ContourType;
     ContourType["OPEN_PLANAR"] = "OPEN_PLANAR";
 })(ContourType || (ContourType = {}));
 export default ContourType;
-//# sourceMappingURL=ContourType.js.map

package/dist/esm/enums/DynamicOperatorType.d.ts

@@ -0,0 +1,6 @@
+declare enum DynamicOperatorType {
+    SUM = "SUM",
+    AVERAGE = "AVERAGE",
+    SUBTRACT = "SUBTRACT"
+}
+export default DynamicOperatorType;

package/dist/esm/enums/DynamicOperatorType.js

@@ -5,4 +5,3 @@ var DynamicOperatorType;
     DynamicOperatorType["SUBTRACT"] = "SUBTRACT";
 })(DynamicOperatorType || (DynamicOperatorType = {}));
 export default DynamicOperatorType;
-//# sourceMappingURL=DynamicOperatorType.js.map