@kitware/vtk.js 21.5.1 → 22.0.1

package/Rendering/WebGPU/Buffer.js

@@ -2,9 +2,9 @@ import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import macro from '../../macros.js';
 import Constants from './BufferManager/Constants.js';
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var forwarded = ['getMappedRange', 'mapAsync', 'unmap'];
 

package/Rendering/WebGPU/BufferManager.js

@@ -6,9 +6,9 @@ import vtkWebGPUTypes from './Types.js';
 import vtkProperty from '../Core/Property.js';
 import Constants from './BufferManager/Constants.js';
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var BufferUsage = Constants.BufferUsage,
     PrimitiveTypes = Constants.PrimitiveTypes;
 var Representation = vtkProperty.Representation;

package/Rendering/WebGPU/Glyph3DMapper.js

@@ -6,9 +6,9 @@ import vtkWebGPUShaderCache from './ShaderCache.js';
 import vtkWebGPUBufferManager from './BufferManager.js';
 import { registerOverride } from './ViewNodeFactory.js';
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var PrimitiveTypes = vtkWebGPUBufferManager.PrimitiveTypes; // ----------------------------------------------------------------------------
 // vtkWebGPUSphereMapper methods
 // ----------------------------------------------------------------------------

package/Rendering/WebGPU/HardwareSelector.js

@@ -247,7 +247,7 @@ function vtkWebGPUHardwareSelector(publicAPI, model) {
               model.WebGPURenderWindow.initialize();
               _context.next = 8;
               return new Promise(function (resolve) {
-                return model.WebGPURenderWindow.onInitialized(resolve);
+                model.WebGPURenderWindow.onInitialized(resolve);
               });
 
             case 8:

package/Rendering/WebGPU/MapperHelper.js

@@ -32,7 +32,8 @@ function vtkWebGPUMapperHelper(publicAPI, model) {
     sdrs.push(vDesc);
     sdrs.push(fDesc); // look for replacements to invoke
 
-    var scode = model.vertexShaderTemplate + model.fragmentShaderTemplate;
+    var scode = model.vertexShaderTemplate + model.fragmentShaderTemplate; // eslint-disable-next-line prefer-regex-literals
+
     var re = new RegExp('//VTK::[^:]*::', 'g');
     var unique = scode.match(re).filter(function (v, i, a) {
       return a.indexOf(v) === i;

package/Rendering/WebGPU/PolyDataMapper.js

@@ -245,8 +245,8 @@ function vtkWebGPUPolyDataMapper(publicAPI, model) {
       case BufferUsage.Verts:
         return 'point-list';
 
-      default:
       case BufferUsage.Lines:
+      default:
         return 'line-list';
     }
   };

package/Rendering/WebGPU/StorageBuffer.js

@@ -178,7 +178,7 @@ function vtkWebGPUStorageBuffer(publicAPI, model) {
       lines.push("  ".concat(entry.name, ": ").concat(entry.type, ";"));
     }
 
-    lines.push("\n};\n[[block]] struct ".concat(model.name, "Struct\n{\n  values: array<").concat(model.name, "StructEntry>;\n};\n[[binding(").concat(binding, "), group(").concat(group, ")]] var<storage, read> ").concat(model.name, ": ").concat(model.name, "Struct;\n"));
+    lines.push("\n};\nstruct ".concat(model.name, "Struct\n{\n  values: array<").concat(model.name, "StructEntry>;\n};\n[[binding(").concat(binding, "), group(").concat(group, ")]] var<storage, read> ").concat(model.name, ": ").concat(model.name, "Struct;\n"));
     return lines.join('\n');
   };
 

package/Rendering/WebGPU/TextureManager.js

@@ -45,9 +45,9 @@ function vtkWebGPUTextureManager(publicAPI, model) {
           req.format = 'rg';
           break;
 
-        default:
         case 3:
         case 4:
+        default:
           req.format = 'rgba';
           break;
       }

package/Rendering/WebGPU/UniformBuffer.js

@@ -45,18 +45,34 @@ function vtkWebGPUUniformBuffer(publicAPI, model) {
     }
 
     var currOffset = 0;
-    var newEntries = []; // pack anything whose size is a multiple of 16 bytes first
-    // this includes a couple types that don't require 16 byte alignment
-    // such as mat2x2<f32> but that is OK
+    var newEntries = []; // compute the max alignment, this is required as WebGPU defines a UBO to have
+    // a size that is a multiple of the maxAlignment
+
+    var maxAlignment = 4;
 
     for (var i = 0; i < model.bufferEntries.length; i++) {
       var entry = model.bufferEntries[i];
 
-      if (entry.packed === false && entry.sizeInBytes % 16 === 0) {
-        entry.packed = true;
-        entry.offset = currOffset;
-        newEntries.push(entry);
-        currOffset += entry.sizeInBytes;
+      if (entry.sizeInBytes % 16 === 0) {
+        maxAlignment = Math.max(16, maxAlignment);
+      }
+
+      if (entry.sizeInBytes % 8 === 0) {
+        maxAlignment = Math.max(8, maxAlignment);
+      }
+    } // pack anything whose size is a multiple of 16 bytes first
+    // this includes a couple types that don't require 16 byte alignment
+    // such as mat2x2<f32> but that is OK
+
+
+    for (var _i = 0; _i < model.bufferEntries.length; _i++) {
+      var _entry = model.bufferEntries[_i];
+
+      if (_entry.packed === false && _entry.sizeInBytes % 16 === 0) {
+        _entry.packed = true;
+        _entry.offset = currOffset;
+        newEntries.push(_entry);
+        currOffset += _entry.sizeInBytes;
       }
     } // now it gets tough, we have the following common types (f32, i32, u32)
     // - vec2<f32> 8 byte size, 8 byte alignment
@@ -65,18 +81,18 @@ function vtkWebGPUUniformBuffer(publicAPI, model) {
     // try adding 12 byte, 4 byte pairs
 
 
-    for (var _i = 0; _i < model.bufferEntries.length; _i++) {
-      var _entry = model.bufferEntries[_i];
+    for (var _i2 = 0; _i2 < model.bufferEntries.length; _i2++) {
+      var _entry2 = model.bufferEntries[_i2];
 
-      if (_entry.packed === false && _entry.sizeInBytes === 12) {
+      if (_entry2.packed === false && _entry2.sizeInBytes === 12) {
         for (var i2 = 0; i2 < model.bufferEntries.length; i2++) {
           var entry2 = model.bufferEntries[i2];
 
           if (entry2.packed === false && entry2.sizeInBytes === 4) {
-            _entry.packed = true;
-            _entry.offset = currOffset;
-            newEntries.push(_entry);
-            currOffset += _entry.sizeInBytes;
+            _entry2.packed = true;
+            _entry2.offset = currOffset;
+            newEntries.push(_entry2);
+            currOffset += _entry2.sizeInBytes;
             entry2.packed = true;
             entry2.offset = currOffset;
             newEntries.push(entry2);
@@ -88,22 +104,22 @@ function vtkWebGPUUniformBuffer(publicAPI, model) {
     } // try adding 8 byte, 8 byte pairs
 
 
-    for (var _i2 = 0; _i2 < model.bufferEntries.length; _i2++) {
-      var _entry2 = model.bufferEntries[_i2];
+    for (var _i3 = 0; _i3 < model.bufferEntries.length; _i3++) {
+      var _entry3 = model.bufferEntries[_i3];
 
-      if (!_entry2.packed && _entry2.sizeInBytes % 8 === 0) {
-        for (var _i3 = _i2 + 1; _i3 < model.bufferEntries.length; _i3++) {
-          var _entry3 = model.bufferEntries[_i3];
+      if (!_entry3.packed && _entry3.sizeInBytes % 8 === 0) {
+        for (var _i4 = _i3 + 1; _i4 < model.bufferEntries.length; _i4++) {
+          var _entry4 = model.bufferEntries[_i4];
 
-          if (!_entry3.packed && _entry3.sizeInBytes % 8 === 0) {
-            _entry2.packed = true;
-            _entry2.offset = currOffset;
-            newEntries.push(_entry2);
-            currOffset += _entry2.sizeInBytes;
+          if (!_entry4.packed && _entry4.sizeInBytes % 8 === 0) {
             _entry3.packed = true;
             _entry3.offset = currOffset;
             newEntries.push(_entry3);
             currOffset += _entry3.sizeInBytes;
+            _entry4.packed = true;
+            _entry4.offset = currOffset;
+            newEntries.push(_entry4);
+            currOffset += _entry4.sizeInBytes;
             break;
           }
         }
@@ -111,28 +127,28 @@ function vtkWebGPUUniformBuffer(publicAPI, model) {
     } // try adding 8 byte, 4 byte 4 byte triplets
 
 
-    for (var _i4 = 0; _i4 < model.bufferEntries.length; _i4++) {
-      var _entry4 = model.bufferEntries[_i4];
+    for (var _i5 = 0; _i5 < model.bufferEntries.length; _i5++) {
+      var _entry5 = model.bufferEntries[_i5];
 
-      if (!_entry4.packed && _entry4.sizeInBytes % 8 === 0) {
+      if (!_entry5.packed && _entry5.sizeInBytes % 8 === 0) {
         var found = false;
 
-        for (var _i5 = 0; !found && _i5 < model.bufferEntries.length; _i5++) {
-          var _entry5 = model.bufferEntries[_i5];
+        for (var _i6 = 0; !found && _i6 < model.bufferEntries.length; _i6++) {
+          var _entry6 = model.bufferEntries[_i6];
 
-          if (!_entry5.packed && _entry5.sizeInBytes === 4) {
-            for (var i3 = _i5 + 1; i3 < model.bufferEntries.length; i3++) {
+          if (!_entry6.packed && _entry6.sizeInBytes === 4) {
+            for (var i3 = _i6 + 1; i3 < model.bufferEntries.length; i3++) {
               var entry3 = model.bufferEntries[i3];
 
               if (!entry3.packed && entry3.sizeInBytes === 4) {
-                _entry4.packed = true;
-                _entry4.offset = currOffset;
-                newEntries.push(_entry4);
-                currOffset += _entry4.sizeInBytes;
                 _entry5.packed = true;
                 _entry5.offset = currOffset;
                 newEntries.push(_entry5);
                 currOffset += _entry5.sizeInBytes;
+                _entry6.packed = true;
+                _entry6.offset = currOffset;
+                newEntries.push(_entry6);
+                currOffset += _entry6.sizeInBytes;
                 entry3.packed = true;
                 entry3.offset = currOffset;
                 newEntries.push(entry3);
@@ -149,27 +165,27 @@ function vtkWebGPUUniformBuffer(publicAPI, model) {
     // in a failed UBO
 
 
-    for (var _i6 = 0; _i6 < model.bufferEntries.length; _i6++) {
-      var _entry6 = model.bufferEntries[_i6];
-
-      if (!_entry6.packed && _entry6.sizeInBytes > 4) {
-        _entry6.packed = true;
-        _entry6.offset = currOffset;
-        newEntries.push(_entry6);
-        currOffset += _entry6.sizeInBytes;
-      }
-    } // finally add remaining 4 byte items
-
-
     for (var _i7 = 0; _i7 < model.bufferEntries.length; _i7++) {
       var _entry7 = model.bufferEntries[_i7];
 
-      if (!_entry7.packed) {
+      if (!_entry7.packed && _entry7.sizeInBytes > 4) {
         _entry7.packed = true;
         _entry7.offset = currOffset;
         newEntries.push(_entry7);
         currOffset += _entry7.sizeInBytes;
       }
+    } // finally add remaining 4 byte items
+
+
+    for (var _i8 = 0; _i8 < model.bufferEntries.length; _i8++) {
+      var _entry8 = model.bufferEntries[_i8];
+
+      if (!_entry8.packed) {
+        _entry8.packed = true;
+        _entry8.offset = currOffset;
+        newEntries.push(_entry8);
+        currOffset += _entry8.sizeInBytes;
+      }
     } // update entries and entryNames
 
 
@@ -177,11 +193,12 @@ function vtkWebGPUUniformBuffer(publicAPI, model) {
 
     model._bufferEntryNames.clear();
 
-    for (var _i8 = 0; _i8 < model.bufferEntries.length; _i8++) {
-      model._bufferEntryNames.set(model.bufferEntries[_i8].name, _i8);
+    for (var _i9 = 0; _i9 < model.bufferEntries.length; _i9++) {
+      model._bufferEntryNames.set(model.bufferEntries[_i9].name, _i9);
     }
 
     model.sizeInBytes = currOffset;
+    model.sizeInBytes = maxAlignment * Math.ceil(model.sizeInBytes / maxAlignment);
     model.sortDirty = false;
   };
 
@@ -284,7 +301,7 @@ function vtkWebGPUUniformBuffer(publicAPI, model) {
   publicAPI.getShaderCode = function (binding, group) {
     // sort the entries
     publicAPI.sortBufferEntries();
-    var lines = ["[[block]] struct ".concat(model.name, "Struct\n{")];
+    var lines = ["struct ".concat(model.name, "Struct\n{")];
 
     for (var i = 0; i < model.bufferEntries.length; i++) {
       var entry = model.bufferEntries[i];

package/Rendering/WebGPU/VolumePass.js

@@ -9,6 +9,7 @@ import vtkWebGPURenderEncoder from './RenderEncoder.js';
 import vtkWebGPUShaderCache from './ShaderCache.js';
 import vtkWebGPUTexture from './Texture.js';
 import vtkWebGPUVolumePassFSQ from './VolumePassFSQ.js';
+import { f as distance2BetweenPoints } from '../../Common/Core/Math/index.js';
 
 var Representation = vtkProperty.Representation;
 var BufferUsage = vtkWebGPUBufferManager.BufferUsage,
@@ -46,26 +47,71 @@ function vtkWebGPUVolumePass(publicAPI, model) {
     } // we just render our delegates in order
 
 
-    model.currentParent = viewNode; // first render the boxes to generate a min max depth
-    // map for all the volumes
-
-    publicAPI.renderDepthBounds(renNode, viewNode); // then perform the ray casting using the depth bounds texture
+    model.currentParent = viewNode; // then perform the ray casting using the depth bounds texture
 
     if (!model.finalEncoder) {
       publicAPI.createFinalEncoder(viewNode);
+    } // first render the boxes to generate a min max depth
+    // map for all the volumes
+
+
+    publicAPI.renderDepthBounds(renNode, viewNode);
+
+    if (!model.fullScreenQuad) {
+      model.fullScreenQuad = vtkWebGPUVolumePassFSQ.newInstance();
+      model.fullScreenQuad.setDevice(viewNode.getDevice());
+      model.fullScreenQuad.setTextureViews(_toConsumableArray(model.depthRangeEncoder.getColorTextureViews()));
     }
 
-    publicAPI.finalPass(viewNode, renNode);
+    var device = viewNode.getDevice(); // -4 because we use know we use textures for min, max, ofun and tfun
+
+    var maxVolumes = device.getHandle().limits.maxSampledTexturesPerShaderStage - 4;
+    var cameraPos = renNode.getRenderable().getActiveCamera().getPosition();
+
+    if (model.volumes.length > maxVolumes) {
+      // sort from back to front based on volume centroid
+      var distances = [];
+
+      for (var v = 0; v < model.volumes.length; v++) {
+        var bounds = model.volumes[v].getRenderable().getBounds();
+        var centroid = [0.5 * (bounds[1] + bounds[0]), 0.5 * (bounds[3] + bounds[2]), 0.5 * (bounds[5] + bounds[4])];
+        distances[v] = distance2BetweenPoints(centroid, cameraPos);
+      } // sort by distance
+
+
+      var volumeOrder = _toConsumableArray(Array(model.volumes.length).keys());
+
+      volumeOrder.sort(function (a, b) {
+        return distances[b] - distances[a];
+      }); // render in chunks back to front
+
+      var volumesToRender = []; // start with smallest chunk so that the last (closest) chunk
+      // has a full maxVolumes;
+
+      var chunkSize = volumeOrder.length % maxVolumes;
+
+      for (var _v = 0; _v < volumeOrder.length; _v++) {
+        volumesToRender.push(model.volumes[volumeOrder[_v]]);
+
+        if (volumesToRender.length >= chunkSize) {
+          publicAPI.finalPass(viewNode, renNode, volumesToRender);
+          volumesToRender = [];
+          chunkSize = maxVolumes;
+        }
+      }
+    } else {
+      publicAPI.finalPass(viewNode, renNode, model.volumes);
+    }
   };
 
-  publicAPI.finalPass = function (viewNode, renNode) {
+  publicAPI.finalPass = function (viewNode, renNode, volumes) {
     model.finalEncoder.setColorTextureView(0, model.colorTextureView);
     model.finalEncoder.attachTextureViews();
     renNode.setRenderEncoder(model.finalEncoder);
     model.finalEncoder.begin(viewNode.getCommandEncoder());
     renNode.scissorAndViewport(model.finalEncoder);
     model.fullScreenQuad.setWebGPURenderer(renNode);
-    model.fullScreenQuad.setVolumes(model.volumes);
+    model.fullScreenQuad.setVolumes(volumes);
     model.fullScreenQuad.render(model.finalEncoder, viewNode.getDevice());
     model.finalEncoder.end();
   };
@@ -114,7 +160,7 @@ function vtkWebGPUVolumePass(publicAPI, model) {
 
     var stime = renNode.getStabilizedTime();
 
-    if (!model._lastMTimes[model.volumes.length] || stime !== model._lastMTimes[model.volumes.length]) {
+    if (model._lastMTimes.length <= model.volumes.length || stime !== model._lastMTimes[model.volumes.length]) {
       update = true;
       model._lastMTimes[model.volumes.length] = stime;
     } // if no need to update then return
@@ -218,7 +264,7 @@ function vtkWebGPUVolumePass(publicAPI, model) {
       fDesc.addOutput('vec4<f32>', 'outColor1');
       fDesc.addOutput('vec4<f32>', 'outColor2');
       var code = fDesc.getCode();
-      code = vtkWebGPUShaderCache.substitute(code, '//VTK::RenderEncoder::Impl', ['output.outColor1 = vec4<f32>(stopval, 0.0, 0.0, 0.0);', 'output.outColor2 = vec4<f32>(input.fragPos.z, 0.0, 0.0, 0.0);']).result;
+      code = vtkWebGPUShaderCache.substitute(code, '//VTK::RenderEncoder::Impl', ['output.outColor1 = vec4<f32>(input.fragPos.z, 0.0, 0.0, 0.0);', 'output.outColor2 = vec4<f32>(stopval, 0.0, 0.0, 0.0);']).result;
       fDesc.setCode(code);
     });
     model.depthRangeEncoder.setDescription({
@@ -271,9 +317,6 @@ function vtkWebGPUVolumePass(publicAPI, model) {
   };
 
   publicAPI.createFinalEncoder = function (viewNode) {
-    model.fullScreenQuad = vtkWebGPUVolumePassFSQ.newInstance();
-    model.fullScreenQuad.setDevice(viewNode.getDevice());
-    model.fullScreenQuad.setTextureViews(_toConsumableArray(model.depthRangeEncoder.getColorTextureViews()));
     model.finalEncoder = vtkWebGPURenderEncoder.newInstance();
     model.finalEncoder.setDescription({
       colorAttachments: [{

package/Rendering/WebGPU/VolumePassFSQ.js

@@ -454,7 +454,10 @@ function vtkWebGPUVolumePassFSQ(publicAPI, model) {
 
 
     if (model.volumes.length < model.lastVolumeLength) {
-      model.textureViews.splice(model.volumes.length, model.lastVolumeLength - model.volumes.length);
+      // we may have gaps in the array right now so no splice
+      for (var _i3 = model.volumes.length; _i3 < model.lastVolumeLength; _i3++) {
+        model.textureViews.pop();
+      }
     }
 
     model.lastVolumeLength = model.volumes.length;

package/Widgets/Core/AbstractWidgetFactory.js

@@ -4,9 +4,9 @@ import macro from '../../macros.js';
 import vtkAbstractWidget from './AbstractWidget.js';
 import { extractRenderingComponents } from './WidgetManager.js';
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function NoOp() {} // ----------------------------------------------------------------------------
 

package/Widgets/Representations/ArrowHandleRepresentation.js

@@ -18,9 +18,9 @@ import { ScalarMode } from '../../Rendering/Core/Mapper/Constants.js';
 import { mat4, mat3, vec3 } from 'gl-matrix';
 import { RenderingTypes } from '../Core/WidgetManager/Constants.js';
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var ShapeType = Constants.ShapeType,
     Shapes2D = Constants.Shapes2D,
     ShapesOrientable = Constants.ShapesOrientable; // ----------------------------------------------------------------------------

package/Widgets/Representations/ContextRepresentation.js

@@ -2,9 +2,9 @@ import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import vtkWidgetRepresentation from './WidgetRepresentation.js';
 import { Behavior } from './WidgetRepresentation/Constants.js';
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 // vtkWidgetRepresentation
 // ----------------------------------------------------------------------------
 

package/Widgets/Representations/HandleRepresentation.js

@@ -3,9 +3,9 @@ import macro from '../../macros.js';
 import vtkWidgetRepresentation from './WidgetRepresentation.js';
 import { Behavior } from './WidgetRepresentation/Constants.js';
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 // vtkHandleRepresentation methods
 // ----------------------------------------------------------------------------
 

package/Widgets/Representations/PolyLineRepresentation.js

@@ -9,9 +9,9 @@ import vtkTubeFilter from '../../Filters/General/TubeFilter.js';
 import vtkWidgetRepresentation from './WidgetRepresentation.js';
 import { RenderingTypes } from '../Core/WidgetManager/Constants.js';
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 // vtkPolyLineRepresentation methods
 // ----------------------------------------------------------------------------
 

package/Widgets/Representations/ResliceCursorContextRepresentation.js

@@ -11,9 +11,9 @@ import vtkWidgetRepresentation from './WidgetRepresentation.js';
 import { RenderingTypes } from '../Core/WidgetManager/Constants.js';
 import { InteractionMethodsName } from '../Widgets3D/ResliceCursorWidget/Constants.js';
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 // vtkResliceCursorContextRepresentation methods
 // ----------------------------------------------------------------------------
 

package/Widgets/SVG/SVGLandmarkRepresentation.js

@@ -3,9 +3,9 @@ import macro from '../../macros.js';
 import vtkSVGRepresentation from './SVGRepresentation.js';
 import { fontSizeToPixels, VerticalTextAlignment } from './SVGLandmarkRepresentation/Constants.js';
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var createSvgElement = vtkSVGRepresentation.createSvgElement; // ----------------------------------------------------------------------------
 // vtkSVGLandmarkRepresentation
 // ----------------------------------------------------------------------------

package/Widgets/Widgets3D/EllipseWidget/behavior.js

@@ -2,9 +2,9 @@ import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import widgetBehavior$1 from '../ShapeWidget/behavior.js';
 import { vec3 } from 'gl-matrix';
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function widgetBehavior(publicAPI, model) {
   model.shapeHandle = model.widgetState.getEllipseHandle();
   model.point1Handle = model.widgetState.getPoint1Handle();

package/Widgets/Widgets3D/EllipseWidget.js

@@ -11,9 +11,9 @@ import generateState from './EllipseWidget/state.js';
 import { BehaviorCategory, ShapeBehavior } from './ShapeWidget/Constants.js';
 import { ViewTypes } from '../Core/WidgetManager/Constants.js';
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 // Factory
 // ----------------------------------------------------------------------------
 

package/Widgets/Widgets3D/InteractiveOrientationWidget/behavior.js

@@ -1,9 +1,9 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import macro from '../../../macros.js';
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function widgetBehavior(publicAPI, model) {
   model.classHierarchy.push('vtkInteractiveOrientationWidgetProp');
   macro.event(publicAPI, model, 'OrientationChange'); // --------------------------------------------------------------------------

package/Widgets/Widgets3D/LineWidget/behavior.js

@@ -5,9 +5,9 @@ import macro from '../../../macros.js';
 import { g as subtract, k as add, l as normalize } from '../../../Common/Core/Math/index.js';
 import { getNumberOfPlacedHandles, isHandlePlaced, calculateTextPosition, updateTextPosition, getPoint } from './helpers.js';
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var ShapeType = Constants.ShapeType; // Total number of points to place
 
 var MAX_POINTS = 2;