@kitware/vtk.js 28.10.2 → 28.11.0

package/Interaction/UI/CornerAnnotation.js

@@ -1,9 +1,8 @@
-import macro from '../../macros.js';
+import { m as macro } from '../../macros2.js';
 import { s as style } from './CornerAnnotation/CornerAnnotation.module.css.js';
 
 function noOp() {}
-
-var KEY_MAPPING = {
+const KEY_MAPPING = {
   nw: 'northWestContainer',
   n: 'northContainer',
   ne: 'northEastContainer',
@@ -12,45 +11,59 @@ var KEY_MAPPING = {
   sw: 'southWestContainer',
   s: 'southContainer',
   se: 'southEastContainer'
-}; // ----------------------------------------------------------------------------
+};
+
+// ----------------------------------------------------------------------------
 // Static helpers
 // ----------------------------------------------------------------------------
 
 function get(path, obj) {
-  var fb = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "${".concat(path, "}");
-  return path.split('.').reduce(function (res, key) {
-    return res[key] !== undefined ? res[key] : fb;
-  }, obj);
+  let fb = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : `$\{${path}}`;
+  return path.split('.').reduce((res, key) => res[key] !== undefined ? res[key] : fb, obj);
 }
-/* from https://gist.github.com/smeijer/6580740a0ff468960a5257108af1384e */
-
 
+/* from https://gist.github.com/smeijer/6580740a0ff468960a5257108af1384e */
 function applyTemplate(template, map, fallback) {
-  return template.replace(/\${([^{]+)}/g, function (match) {
-    var path = match.substr(2, match.length - 3).trim();
+  return template.replace(/\${([^{]+)}/g, match => {
+    const path = match.substr(2, match.length - 3).trim();
     return get(path, map, fallback);
   });
-} // ----------------------------------------------------------------------------
+}
+
+// ----------------------------------------------------------------------------
 // vtkCornerAnnotation methods
 // ----------------------------------------------------------------------------
 
-
 function vtkCornerAnnotation(publicAPI, model) {
   // Set our className
-  model.classHierarchy.push('vtkCornerAnnotation'); // Create instance specific container
+  model.classHierarchy.push('vtkCornerAnnotation');
 
+  // Create instance specific container
   if (!model.templates) {
     model.templates = {};
   }
-
   if (!model.metadata) {
     model.metadata = {};
   }
-
   model.annotationContainer = document.createElement('div');
   model.annotationContainer.setAttribute('class', style.container);
-  model.annotationContainer.innerHTML = "\n    <div class=\"".concat(style.topRow, "\">\n      <div class=\"js-nw ").concat(style.northWest, "\"></div>\n      <div class=\"js-n ").concat(style.north, "\"></div>\n      <div class=\"js-ne ").concat(style.northEast, "\"></div>\n    </div>\n    <div class=\"").concat(style.middleRow, "\">\n      <div class=\"js-w ").concat(style.west, "\"></div>\n      <div class=\"js-e ").concat(style.east, "\"></div>\n    </div>\n    <div class=\"").concat(style.bottomRow, "\">\n      <div class=\"js-sw ").concat(style.southWest, "\"></div>\n      <div class=\"js-s ").concat(style.south, "\"></div>\n      <div class=\"js-se ").concat(style.southEast, "\"></div>\n    </div>"); // Extract various containers
-
+  model.annotationContainer.innerHTML = `
+    <div class="${style.topRow}">
+      <div class="js-nw ${style.northWest}"></div>
+      <div class="js-n ${style.north}"></div>
+      <div class="js-ne ${style.northEast}"></div>
+    </div>
+    <div class="${style.middleRow}">
+      <div class="js-w ${style.west}"></div>
+      <div class="js-e ${style.east}"></div>
+    </div>
+    <div class="${style.bottomRow}">
+      <div class="js-sw ${style.southWest}"></div>
+      <div class="js-s ${style.south}"></div>
+      <div class="js-se ${style.southEast}"></div>
+    </div>`;
+
+  // Extract various containers
   model.northWestContainer = model.annotationContainer.querySelector('.js-nw');
   model.northContainer = model.annotationContainer.querySelector('.js-n');
   model.northEastContainer = model.annotationContainer.querySelector('.js-ne');
@@ -58,81 +71,85 @@ function vtkCornerAnnotation(publicAPI, model) {
   model.eastContainer = model.annotationContainer.querySelector('.js-e');
   model.southWestContainer = model.annotationContainer.querySelector('.js-sw');
   model.southContainer = model.annotationContainer.querySelector('.js-s');
-  model.southEastContainer = model.annotationContainer.querySelector('.js-se'); // --------------------------------------------------------------------------
+  model.southEastContainer = model.annotationContainer.querySelector('.js-se');
+
+  // --------------------------------------------------------------------------
   // Private methods
   // --------------------------------------------------------------------------
 
   function updateAnnotations() {
-    var keys = Object.keys(model.templates);
-    var count = keys.length;
-
+    const keys = Object.keys(model.templates);
+    let count = keys.length;
     while (count--) {
-      var el = model[KEY_MAPPING[keys[count]]];
-      var fn = model.templates[keys[count]];
-
+      const el = model[KEY_MAPPING[keys[count]]];
+      const fn = model.templates[keys[count]];
       if (el && fn) {
         el.innerHTML = fn(model.metadata);
       }
     }
-  } // --------------------------------------------------------------------------
+  }
 
+  // --------------------------------------------------------------------------
 
-  publicAPI.setContainer = function (el) {
+  publicAPI.setContainer = el => {
     if (model.container && model.container !== el) {
       model.container.removeChild(model.annotationContainer);
     }
-
     if (model.container !== el) {
       model.container = el;
-
       if (model.container) {
         model.container.appendChild(model.annotationContainer);
         publicAPI.resize();
       }
-
       publicAPI.modified();
     }
   };
-
   publicAPI.resize = noOp;
-
-  publicAPI.updateTemplates = function (templates) {
+  publicAPI.updateTemplates = templates => {
     model.templates = Object.assign(model.templates, templates);
     updateAnnotations();
     publicAPI.modified();
   };
-
-  publicAPI.updateMetadata = function (metadata) {
+  publicAPI.updateMetadata = metadata => {
     model.metadata = Object.assign(model.metadata, metadata);
     updateAnnotations();
     publicAPI.modified();
   };
-} // ----------------------------------------------------------------------------
+}
+
+// ----------------------------------------------------------------------------
 // Object factory
 // ----------------------------------------------------------------------------
 
-
-var DEFAULT_VALUES = {
+const DEFAULT_VALUES = {
   templates: null,
   metadata: null
-}; // ----------------------------------------------------------------------------
+};
+
+// ----------------------------------------------------------------------------
 
 function extend(publicAPI, model) {
-  var initialValues = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-  Object.assign(model, DEFAULT_VALUES, initialValues); // Object methods
+  let initialValues = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  Object.assign(model, DEFAULT_VALUES, initialValues);
 
+  // Object methods
   macro.obj(publicAPI, model);
-  macro.get(publicAPI, model, ['annotationContainer', 'northWestContainer', 'northContainer', 'northEastContainer', 'westContainer', 'eastContainer', 'southWestContainer', 'southContainer', 'southEastContainer', 'metadata']); // Object specific methods
+  macro.get(publicAPI, model, ['annotationContainer', 'northWestContainer', 'northContainer', 'northEastContainer', 'westContainer', 'eastContainer', 'southWestContainer', 'southContainer', 'southEastContainer', 'metadata']);
 
+  // Object specific methods
   vtkCornerAnnotation(publicAPI, model);
-} // ----------------------------------------------------------------------------
+}
 
-var newInstance = macro.newInstance(extend, 'vtkCornerAnnotation'); // ----------------------------------------------------------------------------
+// ----------------------------------------------------------------------------
+
+const newInstance = macro.newInstance(extend, 'vtkCornerAnnotation');
+
+// ----------------------------------------------------------------------------
 
 var vtkCornerAnnotation$1 = {
-  newInstance: newInstance,
-  extend: extend,
-  applyTemplate: applyTemplate
+  newInstance,
+  extend,
+  applyTemplate
 };
 
 export { vtkCornerAnnotation$1 as default, extend, newInstance };

package/Interaction/UI/FPSMonitor.js

@@ -1,256 +1,247 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import macro from '../../macros.js';
+import { m as macro } from '../../macros2.js';
 import { s as style } from './FPSMonitor/FPSMonitor.module.css.js';
 
-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 = 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 noOp = Function.prototype;
-
+const noOp = Function.prototype;
 function formatNumbers(n) {
-  var sections = [];
-  var size = n;
-
+  const sections = [];
+  let size = n;
   while (size > 1000) {
-    sections.push("000".concat(size % 1000).slice(-3));
+    sections.push(`000${size % 1000}`.slice(-3));
     size = Math.floor(size / 1000);
   }
-
   if (size > 0) {
     sections.push(size);
   }
-
   sections.reverse();
   return sections.join("'");
-} // ----------------------------------------------------------------------------
+}
+
+// ----------------------------------------------------------------------------
 // vtkFPSMonitor methods
 // ----------------------------------------------------------------------------
 
-
 function vtkFPSMonitor(publicAPI, model) {
   // Set our className
   model.classHierarchy.push('vtkFPSMonitor');
   model.fpsMonitorContainer = document.createElement('div');
   model.fpsMonitorContainer.setAttribute('class', model.orientationClass);
-  model.fpsMonitorContainer.innerHTML = "\n    <div class=\"".concat(style.leftPane, "\">\n      <div class=\"js-title ").concat(style.title, "\">Mean N/A - Current N/A</div>\n      <canvas class=\"js-graph ").concat(style.graph, "\"></canvas>\n    </div>\n    <div class=\"js-info ").concat(style.rightPane, "\">\n    </div>"); // Extract various containers
-
+  model.fpsMonitorContainer.innerHTML = `
+    <div class="${style.leftPane}">
+      <div class="js-title ${style.title}">Mean N/A - Current N/A</div>
+      <canvas class="js-graph ${style.graph}"></canvas>
+    </div>
+    <div class="js-info ${style.rightPane}">
+    </div>`;
+
+  // Extract various containers
   model.canvas = model.fpsMonitorContainer.querySelector('.js-graph');
   model.title = model.fpsMonitorContainer.querySelector('.js-title');
-  model.info = model.fpsMonitorContainer.querySelector('.js-info'); // --------------------------------------------------------------------------
+  model.info = model.fpsMonitorContainer.querySelector('.js-info');
+
+  // --------------------------------------------------------------------------
   // Private methods
   // --------------------------------------------------------------------------
 
   function renderTitle() {
     model.title.style.display = model.titleVisibility ? 'block' : 'none';
-
     if (!model.titleVisibility) {
       return;
     }
-
-    var nextFPS = model.buffer[model.buffer.length - 1];
-    var newTxt = "Mean: ".concat(Math.round(model.fpsSum / model.buffer.length), " - Current: ").concat(Math.round(nextFPS));
-
+    const nextFPS = model.buffer[model.buffer.length - 1];
+    const newTxt = `Mean: ${Math.round(model.fpsSum / model.buffer.length)} - Current: ${Math.round(nextFPS)}`;
     if (newTxt !== model.lastText) {
       model.lastText = newTxt;
       model.title.innerHTML = newTxt;
     }
   }
-
   function renderInfo() {
     model.info.style.display = model.infoVisibility ? 'grid' : 'none';
-
     if (!model.infoVisibility) {
       return;
     }
-
-    var infoItems = [];
-
+    const infoItems = [];
     if (model.renderWindow) {
-      var realView = model.renderWindow.getViews()[0];
-
+      const realView = model.renderWindow.getViews()[0];
       if (realView && realView.getSize) {
-        infoItems.push("<label class=\"".concat(style.label, "\">Resolution</label><span class=\"").concat(style.value, "\">").concat(realView.getSize().join('x'), "</span>"));
+        infoItems.push(`<label class="${style.label}">Resolution</label><span class="${style.value}">${realView.getSize().join('x')}</span>`);
       }
-
-      var stats = _objectSpread(_objectSpread({}, model.renderWindow.getStatistics()), model.addOnStats);
-
-      var keys = Object.keys(stats);
+      const stats = {
+        ...model.renderWindow.getStatistics(),
+        ...model.addOnStats
+      };
+      const keys = Object.keys(stats);
       keys.sort();
-
-      for (var i = 0; i < keys.length; i++) {
+      for (let i = 0; i < keys.length; i++) {
         if (keys[i] === 'str') {
           continue; // eslint-disable-line
         }
 
         if (stats[keys[i]]) {
-          infoItems.push("<label class=\"".concat(style.label, "\">").concat(keys[i], "</label><span class=\"").concat(style.value, "\">").concat(formatNumbers(stats[keys[i]]), "</span>"));
+          infoItems.push(`<label class="${style.label}">${keys[i]}</label><span class="${style.value}">${formatNumbers(stats[keys[i]])}</span>`);
         }
       }
     }
-
     model.info.innerHTML = infoItems.join('');
   }
-
   function renderCanvas() {
     model.canvas.style.display = model.canvasVisibility ? 'block' : 'none';
-
     if (!model.canvasVisibility) {
       return;
-    } // Although this is called frequently, setting an attribute to the same value is a no-op
-
-
+    }
+    // Although this is called frequently, setting an attribute to the same value is a no-op
     model.canvas.setAttribute('width', model.bufferSize);
     model.canvas.setAttribute('height', model.graphHeight);
-    var ctx = model.canvas.getContext('2d');
-    var _model$canvas = model.canvas,
-        width = _model$canvas.width,
-        height = _model$canvas.height;
-    ctx.clearRect(0, 0, width, height); // Current fps
-
+    const ctx = model.canvas.getContext('2d');
+    const {
+      width,
+      height
+    } = model.canvas;
+    ctx.clearRect(0, 0, width, height);
+    // Current fps
     ctx.strokeStyle = 'green';
     ctx.beginPath();
     ctx.moveTo(0, height - model.buffer[0]);
-
-    for (var i = 1; i < model.buffer.length; i++) {
+    for (let i = 1; i < model.buffer.length; i++) {
       ctx.lineTo(i, height - model.buffer[i]);
     }
-
-    ctx.stroke(); // 60 fps ref
-
+    ctx.stroke();
+    // 60 fps ref
     ctx.strokeStyle = 'black';
     ctx.beginPath();
     ctx.moveTo(0, height - 60);
     ctx.lineTo(width, height - 60);
     ctx.stroke();
   }
-
   function frameChanged() {
     if (!model.interactor) {
       return;
     }
-
-    var nextFPS = 1 / model.interactor.getLastFrameTime();
+    const nextFPS = 1 / model.interactor.getLastFrameTime();
     model.buffer.push(nextFPS);
     model.fpsSum += nextFPS;
-
     while (model.buffer.length > model.bufferSize) {
       model.fpsSum -= model.buffer.shift();
     }
-
     renderTitle();
     renderCanvas();
-  } // --------------------------------------------------------------------------
+  }
+
+  // --------------------------------------------------------------------------
   // Public methods
   // --------------------------------------------------------------------------
 
-
-  publicAPI.update = function () {
+  publicAPI.update = () => {
     publicAPI.render();
-  }; // --------------------------------------------------------------------------
+  };
 
+  // --------------------------------------------------------------------------
 
-  publicAPI.setRenderWindow = function (rw) {
+  publicAPI.setRenderWindow = rw => {
     while (model.subscriptions.length) {
       model.subscriptions.pop().unsubscribe();
     }
-
     model.renderWindow = rw;
     model.interactor = rw ? rw.getInteractor() : null;
-
     if (model.interactor) {
       model.subscriptions.push(model.interactor.onAnimation(frameChanged));
     }
-  }; // --------------------------------------------------------------------------
+  };
 
+  // --------------------------------------------------------------------------
 
-  publicAPI.setContainer = function (el) {
+  publicAPI.setContainer = el => {
     if (model.container && model.container !== el) {
       model.container.removeChild(model.fpsMonitorContainer);
     }
-
     if (model.container !== el) {
       model.container = el;
-
       if (model.container) {
         model.container.appendChild(model.fpsMonitorContainer);
         publicAPI.resize();
       }
-
       publicAPI.modified();
     }
-  }; // --------------------------------------------------------------------------
+  };
 
+  // --------------------------------------------------------------------------
 
-  publicAPI.render = function () {
+  publicAPI.render = () => {
     renderTitle();
     renderInfo();
     renderCanvas();
-  }; // --------------------------------------------------------------------------
+  };
 
+  // --------------------------------------------------------------------------
 
-  publicAPI.resize = noOp; // --------------------------------------------------------------------------
+  publicAPI.resize = noOp;
 
-  publicAPI.setOrientationToHorizontal = function () {
+  // --------------------------------------------------------------------------
+
+  publicAPI.setOrientationToHorizontal = () => {
     model.fpsMonitorContainer.classList.remove(model.orientationClass);
     model.orientationClass = style.horizontalContainer;
     model.fpsMonitorContainer.classList.add(model.orientationClass);
-  }; // --------------------------------------------------------------------------
+  };
 
+  // --------------------------------------------------------------------------
 
-  publicAPI.setOrientationToVertical = function () {
+  publicAPI.setOrientationToVertical = () => {
     model.fpsMonitorContainer.classList.remove(model.orientationClass);
     model.orientationClass = style.verticalContainer;
     model.fpsMonitorContainer.classList.add(model.orientationClass);
-  }; // --------------------------------------------------------------------------
+  };
 
+  // --------------------------------------------------------------------------
 
   publicAPI.setOrientation = function () {
-    var mode = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'horizontal';
-
+    let mode = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'horizontal';
     if (mode === 'horizontal') {
       publicAPI.setOrientationToHorizontal();
     } else {
       publicAPI.setOrientationToVertical();
     }
-  }; // --------------------------------------------------------------------------
+  };
 
+  // --------------------------------------------------------------------------
 
-  publicAPI.setAddOnStats = function (addOn) {
+  publicAPI.setAddOnStats = addOn => {
     if (!model.addOnStats) {
       model.addOnStats = {};
     }
-
     Object.assign(model.addOnStats, addOn);
     renderInfo();
-  }; // --------------------------------------------------------------------------
+  };
 
+  // --------------------------------------------------------------------------
 
   publicAPI.setMonitorVisibility = function () {
-    var title = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
-    var graph = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
-    var info = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+    let title = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+    let graph = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+    let info = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
     publicAPI.setCanvasVisibility(graph);
     publicAPI.setInfoVisibility(info);
     publicAPI.setTitleVisibility(title);
-  }; // --------------------------------------------------------------------------
-
+  };
 
-  var superDelete = publicAPI.delete;
+  // --------------------------------------------------------------------------
 
-  publicAPI.delete = function () {
+  const superDelete = publicAPI.delete;
+  publicAPI.delete = () => {
     publicAPI.setRenderWindow(null);
     publicAPI.setContainer(null);
     superDelete();
-  }; // --------------------------------------------------------------------------
+  };
 
+  // --------------------------------------------------------------------------
 
   model.subscriptions.push(publicAPI.onModified(publicAPI.update));
-} // ----------------------------------------------------------------------------
+}
+
+// ----------------------------------------------------------------------------
 // Object factory
 // ----------------------------------------------------------------------------
 
-
-var DEFAULT_VALUES = {
+const DEFAULT_VALUES = {
   bufferSize: 200,
   graphHeight: 120,
   buffer: [60],
@@ -260,24 +251,32 @@ var DEFAULT_VALUES = {
   canvasVisibility: true,
   titleVisibility: true,
   infoVisibility: true
-}; // ----------------------------------------------------------------------------
+};
+
+// ----------------------------------------------------------------------------
 
 function extend(publicAPI, model) {
-  var initialValues = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-  Object.assign(model, DEFAULT_VALUES, initialValues); // Object methods
+  let initialValues = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  Object.assign(model, DEFAULT_VALUES, initialValues);
 
+  // Object methods
   macro.obj(publicAPI, model);
   macro.get(publicAPI, model, ['fpsMonitorContainer', 'renderWindow', 'addOnStats']);
-  macro.setGet(publicAPI, model, ['bufferSize', 'canvasVisibility', 'infoVisibility', 'titleVisibility']); // Object specific methods
+  macro.setGet(publicAPI, model, ['bufferSize', 'canvasVisibility', 'infoVisibility', 'titleVisibility']);
 
+  // Object specific methods
   vtkFPSMonitor(publicAPI, model);
-} // ----------------------------------------------------------------------------
+}
 
-var newInstance = macro.newInstance(extend, 'vtkFPSMonitor'); // ----------------------------------------------------------------------------
+// ----------------------------------------------------------------------------
+
+const newInstance = macro.newInstance(extend, 'vtkFPSMonitor');
+
+// ----------------------------------------------------------------------------
 
 var vtkFPSMonitor$1 = {
-  newInstance: newInstance,
-  extend: extend
+  newInstance,
+  extend
 };
 
 export { vtkFPSMonitor$1 as default, extend, newInstance };

package/Interaction/UI/Icons.js

@@ -7,7 +7,7 @@ var vtkIcons = {
   Contrast: svgEdge,
   Logo: svgLogo,
   Spacing: svgSpacing,
-  Tint: Tint
+  Tint
 };
 
 export { vtkIcons as default };

package/Interaction/UI/Slider/Constants.js

@@ -1,9 +1,9 @@
-var SliderOrientation = {
+const SliderOrientation = {
   VERTICAL: 0,
   HORIZONTAL: 1
 };
 var Constants = {
-  SliderOrientation: SliderOrientation
+  SliderOrientation
 };
 
 export { SliderOrientation, Constants as default };