@niivue/niivue 0.12.0 → 0.12.1

package/README.md

@@ -4,6 +4,10 @@ NiiVue is a WebGL 2.0 medical image viewer. This repository contains the **core
 
 The NiiVue package is intented to be used by individuals developing interactive web pages related to showing [nifti](https://nifti.nimh.nih.gov) images. NiiVue includes many mouse and keyboard interactions that enable browsing and manipulating images displayed in the canvas. This core package does not include a comprehensive user interface outside of the canvas (e.g. buttons, and other widgets). However, developers who wish to build custom user interfaces around the NiiVue canvas can manipulate the rendered images and change settings via the API. Our [web-based user interface implementation](https://github.com/niivue/niivue-ui) (under development) will demonstrate how to integrate NiiVue into a more comprehensive [VueJS](https://vuejs.org/) UI.  
 
+# Getting started Docs and References
+
+[click here to go to the docs web page](https://niivue.github.io/niivue/devdocs/)
+
 # Active Projects
 
 [See our active projects here](https://github.com/orgs/niivue/projects)
@@ -34,7 +38,7 @@ We host many NiiVue examples via github pages. These are updated and deployed au
 
 ## existing html page
 ```html
-<script src="https://unpkg.com/@niivue/niivue@0.12.0/dist/niivue.js"></script>
+<script src="https://unpkg.com/@niivue/niivue@0.12.1/dist/niivue.js"></script>
 
 <canvas id="gl" height=480 width=640></canvas>
 

package/dist/niivue.es.js

@@ -12283,7 +12283,7 @@ var defaultFontMetrics = {
   glyphs,
   kerning
 };
-const Niivue = function(opts = {}) {
+const Niivue = function(options = {}) {
   this.opts = {};
   this.defaults = {
     textHeight: 0.03,
@@ -12294,8 +12294,6 @@ const Niivue = function(opts = {}) {
     selectionBoxColor: [1, 1, 1, 0.5],
     clipPlaneColor: [1, 1, 1, 0.5],
     colorBarMargin: 0.05,
-    briStep: 1,
-    conStep: 1,
     trustCalMinMax: true,
     clipPlaneHotKey: "KeyC",
     viewModeHotKey: "KeyV",
@@ -12379,7 +12377,7 @@ const Niivue = function(opts = {}) {
   this.DISTANCE_FROM_CAMERA = -0.54;
   this.initialized = false;
   for (let prop in this.defaults) {
-    this.opts[prop] = opts[prop] === void 0 ? this.defaults[prop] : opts[prop];
+    this.opts[prop] = options[prop] === void 0 ? this.defaults[prop] : options[prop];
   }
   this.eventsToSubjects = {
     location: this.scene.location$
@@ -12823,11 +12821,11 @@ Niivue.prototype.sph2cartDeg = function sph2cartDeg(azimuth, elevation) {
   ret[2] /= len;
   return ret;
 };
-Niivue.prototype.clipPlaneUpdate = function(azimuthElevationDepth) {
+Niivue.prototype.clipPlaneUpdate = function(azimuthElevation) {
   if (this.sliceType != this.sliceTypeRender)
     return;
-  let v = this.sph2cartDeg(azimuthElevationDepth[0], azimuthElevationDepth[1]);
-  this.scene.clipPlane = [v[0], v[1], v[2], azimuthElevationDepth[2]];
+  let v = this.sph2cartDeg(azimuthElevation[0], azimuthElevation[1]);
+  this.scene.clipPlane = [v[0], v[1], v[2], azimuthElevation[2]];
   this.drawScene();
 };
 Niivue.prototype.setCrosshairColor = function(color) {
@@ -12860,6 +12858,7 @@ Niivue.prototype.setScale = function(scale2) {
 };
 Niivue.prototype.setClipPlaneColor = function(color) {
   this.opts.clipPlaneColor = color;
+  this.drawScene();
 };
 Niivue.prototype.overlayRGBA = function(volume) {
   let hdr = volume.hdr;