@niivue/niivue 0.53.1 → 0.54.0

package/build/index.d.ts

@@ -683,6 +683,8 @@ declare enum COLORMAP_TYPE {
 type NVConfigOptions = {
     textHeight: number;
     colorbarHeight: number;
+    colorbarWidth: number;
+    showColorbarBorder: boolean;
     crosshairWidth: number;
     crosshairWidthUnit: 'voxels' | 'mm' | 'percent';
     crosshairGap: number;
@@ -772,6 +774,7 @@ type NVConfigOptions = {
     isAlphaClipDark: boolean;
     gradientOrder: number;
     gradientOpacity: number;
+    gradientAmount: number;
     invertScrollDirection: boolean;
 };
 declare const DEFAULT_OPTIONS: NVConfigOptions;

package/build/index.js

@@ -17,7 +17,7 @@ var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "
 import { mat4 as mat49, vec2, vec3 as vec314, vec4 as vec49 } from "gl-matrix";
 
 // package.json
-var version = "0.53.1";
+var version = "0.54.0";
 
 // src/logger.ts
 var _Log = class _Log {
@@ -20386,6 +20386,10 @@ var COLORMAP_TYPE = /* @__PURE__ */ ((COLORMAP_TYPE2) => {
 var DEFAULT_OPTIONS = {
   textHeight: 0.06,
   colorbarHeight: 0.05,
+  colorbarWidth: -1,
+  // automatic (full width)
+  showColorbarBorder: true,
+  // show border around the colorbar
   crosshairWidth: 1,
   crosshairWidthUnit: "voxels",
   crosshairGap: 0,
@@ -20492,6 +20496,7 @@ var DEFAULT_OPTIONS = {
   isAlphaClipDark: false,
   gradientOrder: 1,
   gradientOpacity: 0,
+  gradientAmount: 0,
   invertScrollDirection: false
 };
 var INITIAL_SCENE_DATA = {
@@ -28286,10 +28291,13 @@ var Niivue = class {
     this.renderShader = this.renderVolumeShader;
     if (this.renderGradientValues) {
       this.renderShader = this.renderGradientValuesShader;
-    } else if (gradientAmount > 0 || this.opts.gradientOpacity > 0) {
-      this.renderShader = this.renderGradientShader;
-    } else if (gradientAmount < 0) {
-      this.renderShader = this.renderSliceShader;
+    } else {
+      this.opts.gradientAmount = gradientAmount;
+      if (gradientAmount > 0 || this.opts.gradientOpacity > 0) {
+        this.renderShader = this.renderGradientShader;
+      } else if (gradientAmount < 0) {
+        this.renderShader = this.renderSliceShader;
+      }
     }
     this.initRenderShader(this.renderShader, gradientAmount);
     this.renderShader.use(this.gl);
@@ -28323,6 +28331,9 @@ var Niivue = class {
     }
     this.initRenderShader(this.renderShader, this.gradientTextureAmount);
     this.renderShader.use(this.gl);
+    if (this.gradientTextureAmount > 0) {
+      this.refreshLayers(this.volumes[0], 0);
+    }
     this.drawScene();
   }
   // not included in public docs.
@@ -28481,6 +28492,8 @@ var Niivue = class {
         this.refreshDrawing();
       }
     }
+    await this.setGradientOpacity(this.opts.gradientOpacity);
+    await this.setVolumeRenderIllumination(this.opts.gradientAmount);
     this.updateGLVolume();
     this.drawScene();
     this.onDocumentLoaded(document2);
@@ -32771,7 +32784,15 @@ var Niivue = class {
     let txtHt = Math.max(this.opts.textHeight, 0.01);
     txtHt = txtHt * Math.min(this.gl.canvas.height, this.gl.canvas.width);
     const fullHt = 3 * txtHt;
-    const leftTopWidthHeight = [0, this.gl.canvas.height - fullHt, this.gl.canvas.width, fullHt];
+    const widthPercentage = this.opts.colorbarWidth > 0 && this.opts.colorbarWidth <= 1 ? this.opts.colorbarWidth : 1;
+    const width = widthPercentage * this.gl.canvas.width;
+    const leftTopWidthHeight = [
+      (this.gl.canvas.width - width) / 2,
+      // Center the colorbar horizontally
+      this.gl.canvas.height - fullHt,
+      width,
+      fullHt
+    ];
     this.colorbarHeight = leftTopWidthHeight[3] + 1;
     return leftTopWidthHeight;
   }
@@ -32797,7 +32818,9 @@ var Niivue = class {
     this.colorbarHeight = leftTopWidthHeight[3] + 1;
     const barLTWH = [leftTopWidthHeight[0] + margin, leftTopWidthHeight[1], leftTopWidthHeight[2] - 2 * margin, barHt];
     const rimLTWH = [barLTWH[0] - 1, barLTWH[1] - 1, barLTWH[2] + 2, barLTWH[3] + 2];
-    this.drawRect(rimLTWH, this.opts.crosshairColor);
+    if (this.opts.showColorbarBorder) {
+      this.drawRect(rimLTWH, this.opts.crosshairColor);
+    }
     if (!this.colorbarShader) {
       throw new Error("colorbarShader undefined");
     }