@cornerstonejs/tools 1.24.0 → 1.25.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cornerstonejs/tools",
-  "version": "1.24.0",
+  "version": "1.25.0",
   "description": "Cornerstone3D Tools",
   "main": "src/index.ts",
   "types": "dist/esm/index.d.ts",
@@ -29,7 +29,7 @@
     "webpack:watch": "webpack --mode development --progress --watch  --config ./.webpack/webpack.dev.js"
   },
   "dependencies": {
-    "@cornerstonejs/core": "^1.24.0",
+    "@cornerstonejs/core": "^1.25.0",
     "lodash.clonedeep": "4.5.0",
     "lodash.get": "^4.4.2"
   },
@@ -52,5 +52,5 @@
     "type": "individual",
     "url": "https://ohif.org/donate"
   },
-  "gitHead": "7db76a5a136c78e1532f0abe90f4c2f9613ac68f"
+  "gitHead": "d3a8801264dd9284a1839aa74ec4d3685240e163"
 }

package/src/utilities/voi/colorbar/Colorbar.ts

@@ -50,7 +50,7 @@ class Colorbar extends Widget {
       props.ticks?.position ?? DEFAULTS.RANGE_TEXT_POSITION;
 
     this._canvas.appendTo(this.rootElement);
-    this._ticksBar.appendTo(document.body);
+    this._ticksBar.appendTo(this.rootElement);
 
     this._addRootElementEventListeners();
   }
@@ -127,6 +127,8 @@ class Colorbar extends Widget {
     const rootElement = document.createElement('div');
 
     Object.assign(rootElement.style, {
+      position: 'relative',
+      fontSize: '0',
       width: '100%',
       height: '100%',
     });
@@ -136,6 +138,7 @@ class Colorbar extends Widget {
 
   protected onContainerResize() {
     super.onContainerResize();
+    this.updateTicksBar();
     this._canvas.size = this.containerSize;
   }
 
@@ -224,8 +227,6 @@ class Colorbar extends Widget {
     }
 
     const { _ticksBar: ticksBar, _rangeTextPosition: rangeTextPosition } = this;
-    const { top: containerTop, left: containerLeft } =
-      this.rootElement.getBoundingClientRect();
     const isHorizontal = containerWidth >= containerHeight;
     const width = isHorizontal ? containerWidth : DEFAULTS.TICKS_BAR_SIZE;
     const height = isHorizontal ? DEFAULTS.TICKS_BAR_SIZE : containerHeight;
@@ -248,19 +249,17 @@ class Colorbar extends Widget {
     ticksBar.size = { width, height };
 
     if (isHorizontal) {
+      ticksBarLeft = 0;
       ticksBarTop =
         rangeTextPosition === ColorbarRangeTextPosition.Top
-          ? containerTop - height
-          : containerTop + containerHeight;
-
-      ticksBarLeft = containerLeft;
+          ? -height
+          : containerHeight;
     } else {
-      ticksBarTop = containerTop;
-
+      ticksBarTop = 0;
       ticksBarLeft =
         rangeTextPosition === ColorbarRangeTextPosition.Left
-          ? containerLeft - width
-          : containerLeft + containerWidth;
+          ? -width
+          : containerWidth;
     }
 
     ticksBar.top = ticksBarTop;

package/src/utilities/voi/colorbar/ColorbarCanvas.ts

@@ -161,6 +161,9 @@ class ColorbarCanvas {
     const canvas = document.createElement('canvas');
 
     Object.assign(canvas.style, {
+      position: 'absolute',
+      top: '0',
+      left: '0',
       pointerEvents: 'none',
       boxSizing: 'border-box',
     });