@abi-software/scaffoldvuer 0.2.2-beta.2 → 0.2.3-alpha

package/dist/scaffoldvuer.common.js

@@ -112,6 +112,13 @@ module.exports = _nonIterableSpread, module.exports.__esModule = true, module.ex
 
 /***/ }),
 
+/***/ "0a7d":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
 /***/ "0d58":
 /***/ (function(module, exports) {
 
@@ -298,24 +305,6 @@ module.exports = _iterableToArray, module.exports.__esModule = true, module.expo
 
 /***/ }),
 
-/***/ "1292":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ScaffoldTooltip_vue_vue_type_style_index_0_id_01613535_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("7209");
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ScaffoldTooltip_vue_vue_type_style_index_0_id_01613535_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ScaffoldTooltip_vue_vue_type_style_index_0_id_01613535_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
-/***/ }),
-
-/***/ "12d1":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
-/***/ }),
-
 /***/ "12f2":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -773,6 +762,13 @@ module.exports = __webpack_require__("e62d");
 
 /***/ }),
 
+/***/ "1613":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
 /***/ "1951":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -2038,6 +2034,17 @@ module.exports = _arrayWithoutHoles, module.exports.__esModule = true, module.ex
 
 module.exports = require("core-js/modules/es.array.push.js");
 
+/***/ }),
+
+/***/ "2615":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ScaffoldVuer_vue_vue_type_style_index_0_id_04d71683_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("eff6");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ScaffoldVuer_vue_vue_type_style_index_0_id_04d71683_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ScaffoldVuer_vue_vue_type_style_index_0_id_04d71683_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "299c":
@@ -2589,17 +2596,6 @@ exports.default = {
   }
 };
 
-/***/ }),
-
-/***/ "2ce7":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ScaffoldVuer_vue_vue_type_style_index_1_id_02838f59_prod_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("f0e8");
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ScaffoldVuer_vue_vue_type_style_index_1_id_02838f59_prod_lang_scss___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ScaffoldVuer_vue_vue_type_style_index_1_id_02838f59_prod_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "2ff9":
@@ -3392,6 +3388,13 @@ module.exports = require("core-js/modules/es.array.sort.js");
 
 /***/ }),
 
+/***/ "4c7f":
+/***/ (function(module, exports) {
+
+module.exports = require("core-js/modules/es.array.find-index.js");
+
+/***/ }),
+
 /***/ "4ccb":
 /***/ (function(module, exports) {
 
@@ -5582,6 +5585,17 @@ src_select.install = function (Vue) {
 
 /******/ });
 
+/***/ }),
+
+/***/ "4efe":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_TreeControls_vue_vue_type_style_index_0_id_29a4f879_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("e57c");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_TreeControls_vue_vue_type_style_index_0_id_29a4f879_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_TreeControls_vue_vue_type_style_index_0_id_29a4f879_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "5128":
@@ -5831,7 +5845,6 @@ var _typeof = __webpack_require__("7037").default;
 __webpack_require__("2439");
 __webpack_require__("db0a");
 __webpack_require__("ea64");
-__webpack_require__("f3b8");
 var THREE = __webpack_require__("9206").THREE;
 // Current model's associate data, data fields, external link, nerve map
 // informations,
@@ -5846,26 +5859,20 @@ var OrgansSceneData = function OrgansSceneData() {
   this.currentTime = 0.0;
   this.timeVarying = false;
 };
-var PrimitiveData = function PrimitiveData() {
-  this.geometries = [];
-  this.lines = [];
-  this.glyphsets = [];
-  this.pointsets = [];
-};
 
-/**
- * Viewer of 3D-organs models. Users can toggle on/off different views. Data is
- * displayed instead if models are not available.
- * 
- * @class
- * @param {PJP.ModelsLoader}
- *            ModelsLoaderIn - defined in modelsLoade.js, providing locations of
- *            files.
- * @param {String}
- *            PanelName - Id of the target element to create the
- *            {@link PJP.OrgansViewer} on.
- * @author Alan Wu
- * @returns {PJP.OrgansViewer}
+/**
+ * Viewer of 3D-organs models. Users can toggle on/off different views. Data is
+ * displayed instead if models are not available.
+ * 
+ * @class
+ * @param {PJP.ModelsLoader}
+ *            ModelsLoaderIn - defined in modelsLoade.js, providing locations of
+ *            files.
+ * @param {String}
+ *            PanelName - Id of the target element to create the
+ *            {@link PJP.OrgansViewer} on.
+ * @author Alan Wu
+ * @returns {PJP.OrgansViewer}
  */
 var OrgansViewer = function OrgansViewer(ModelsLoaderIn) {
   var _this2 = this;
@@ -5873,7 +5880,6 @@ var OrgansViewer = function OrgansViewer(ModelsLoaderIn) {
   var _this = this;
   var pickerScene = undefined;
   this.sceneData = new OrgansSceneData();
-  this.primitiveData = new PrimitiveData();
   var timeChangedCallbacks = new Array();
   var sceneChangedCallbacks = new Array();
   var organPartAddedCallbacks = new Array();
@@ -5885,8 +5891,8 @@ var OrgansViewer = function OrgansViewer(ModelsLoaderIn) {
     return _this.sceneData;
   };
 
-  /**
-   * Used to update internal timer in scene when time slider has changed.
+  /**
+   * Used to update internal timer in scene when time slider has changed.
    */
   this.updateTime = function (value) {
     var duration = 6000;
@@ -5899,8 +5905,8 @@ var OrgansViewer = function OrgansViewer(ModelsLoaderIn) {
     _this.sceneData.currentTime = value;
   };
 
-  /**
-   * Update the time slider and other renderers/scenes when time has changed.
+  /**
+   * Update the time slider and other renderers/scenes when time has changed.
    */
   var preRenderTimeUpdate = function preRenderTimeUpdate() {
     var duration = 3000;
@@ -5967,8 +5973,8 @@ var OrgansViewer = function OrgansViewer(ModelsLoaderIn) {
     };
   };
 
-  /**
-   * Add a callback which will be called when time has changed
+  /**
+   * Add a callback which will be called when time has changed
    */
   this.addTimeChangedCallback = function (callback) {
     if (_typeof(callback === "function")) timeChangedCallbacks.push(callback);
@@ -6004,11 +6010,16 @@ var OrgansViewer = function OrgansViewer(ModelsLoaderIn) {
     var id = undefined;
     var intersectedObject = undefined;
     if (intersected !== undefined) {
+      var marker = false;
       if (intersected.object.userData && intersected.object.userData.isMarker) {
+        marker = true;
         intersectedObject = intersected.object.userData.parent.morph;
       } else {
         intersectedObject = intersected.object;
       }
+      try {
+        intersectedObject.userData.userData.annotation.data.lastActionOnMarker = marker;
+      } finally {}
       if (intersectedObject) {
         if (intersectedObject.name) {
           id = intersectedObject.name;
@@ -6026,12 +6037,12 @@ var OrgansViewer = function OrgansViewer(ModelsLoaderIn) {
     };
   };
 
-  /**
-   * Callback function when a pickable object has been picked. It will then
-   * call functions in tissueViewer and cellPanel to show corresponding
-   * informations.
-   * 
-   * @callback
+  /**
+   * Callback function when a pickable object has been picked. It will then
+   * call functions in tissueViewer and cellPanel to show corresponding
+   * informations.
+   * 
+   * @callback
    */
   var _pickingCallback = function _pickingCallback() {
     return function (intersects, window_x, window_y) {
@@ -6054,10 +6065,10 @@ var OrgansViewer = function OrgansViewer(ModelsLoaderIn) {
     };
   };
 
-  /**
-   * Callback function when a pickable object has been hovered over.
-   * 
-   * @callback
+  /**
+   * Callback function when a pickable object has been hovered over.
+   * 
+   * @callback
    */
   var _hoverCallback = function _hoverCallback() {
     return function (intersects, window_x, window_y) {
@@ -6104,40 +6115,40 @@ var OrgansViewer = function OrgansViewer(ModelsLoaderIn) {
     }
   };
 
-  /**
-   * Change visibility for parts of the current scene.
+  /**
+   * Change visibility for parts of the current scene.
    */
   this.changeGeometriesVisibility = function (name, value) {
     changeOrganPartsVisibilityForScene(_this.scene, name, value, 'geometries');
     if (pickerScene) changeOrganPartsVisibilityForScene(pickerScene, name, value, 'geometries');
   };
 
-  /**
-   * Change visibility for parts of the current scene.
+  /**
+   * Change visibility for parts of the current scene.
    */
   this.changeGlyphsetsVisibility = function (name, value) {
     changeOrganPartsVisibilityForScene(_this.scene, name, value, 'glyphsets');
     if (pickerScene) changeOrganPartsVisibilityForScene(pickerScene, name, value, 'glyphsets');
   };
 
-  /**
-   * Change visibility for parts of the current scene.
+  /**
+   * Change visibility for parts of the current scene.
    */
   this.changeLinesVisibility = function (name, value) {
     changeOrganPartsVisibilityForScene(_this.scene, name, value, 'lines');
     if (pickerScene) changeOrganPartsVisibilityForScene(pickerScene, name, value, 'lines');
   };
 
-  /**
-   * Change visibility for parts of the current scene.
+  /**
+   * Change visibility for parts of the current scene.
    */
   this.changePointsetsVisibility = function (name, value) {
     changeOrganPartsVisibilityForScene(_this.scene, name, value, 'pointsets');
     if (pickerScene) changeOrganPartsVisibilityForScene(pickerScene, name, value, 'pointsets');
   };
 
-  /**
-   * Change visibility for parts of the current scene.
+  /**
+   * Change visibility for parts of the current scene.
    */
   this.changeOrganPartsVisibility = function (name, value, typeIn) {
     var type = "all";
@@ -6157,23 +6168,11 @@ var OrgansViewer = function OrgansViewer(ModelsLoaderIn) {
       internalRenderer.setClearColor(colour, 1);
     }
   };
-  var addOrganPartToPrimitiveData = function addOrganPartToPrimitiveData(zincObject) {
-    if (zincObject.isGeometry) {
-      _this.primitiveData.geometries.push(zincObject);
-    } else if (zincObject.isGlyphset) {
-      _this.primitiveData.glyphsets.push(zincObject);
-    } else if (zincObject.isLines) {
-      _this.primitiveData.lines.push(zincObject);
-    } else if (zincObject.isPointset) {
-      _this.primitiveData.pointsets.push(zincObject);
-    }
-  };
   var addOrganPart = function addOrganPart(systemName, partName, useDefautColour, zincObject) {
     for (var i = 0; i < organPartAddedCallbacks.length; i++) {
       organPartAddedCallbacks[i](zincObject, _this.scene.isTimeVarying());
     }
     if (useDefautColour) modelsLoader.setGeometryColour(zincObject, systemName, partName);
-    addOrganPartToPrimitiveData(zincObject);
     var annotation = new (__webpack_require__("984d").annotation)();
     var region = zincObject.region.getFullPath();
     annotation.data = {
@@ -6181,14 +6180,16 @@ var OrgansViewer = function OrgansViewer(ModelsLoaderIn) {
       system: systemName,
       part: partName,
       group: zincObject.groupName,
-      region: region
+      region: region,
+      uuid: zincObject.uuid,
+      lastActionOnMarker: false
     };
     zincObject.userData["annotation"] = annotation;
   };
 
-  /**
-  * New organs geometry has been added to the scene, add UIs and make
-  * sure the viewport is correct.
+  /**
+  * New organs geometry has been added to the scene, add UIs and make
+  * sure the viewport is correct.
   */
   var _addOrganPartCallback = function _addOrganPartCallback(systemName, partName, useDefautColour) {
     return function (zincObject) {
@@ -6209,9 +6210,9 @@ var OrgansViewer = function OrgansViewer(ModelsLoaderIn) {
     };
   };
 
-  /**
-  * Toggle data field displays. Data fields displays flow/pressure and      <button @click="play">Play</button>
-  * other activities of the organs.
+  /**
+  * Toggle data field displays. Data fields displays flow/pressure and      <button @click="play">Play</button>
+  * other activities of the organs.
   */
   this.updateFieldvisibility = function (dataFields, value) {
     for (var i = 0; i < dataFields.length; i++) {
@@ -6233,11 +6234,11 @@ var OrgansViewer = function OrgansViewer(ModelsLoaderIn) {
     }
   };
 
-  /**
-  * Return an array containing name(s) of species that also contains the
-  * currently displayed organs.
-  * 
-  * @returns {Array} containing species name
+  /**
+  * Return an array containing name(s) of species that also contains the
+  * currently displayed organs.
+  * 
+  * @returns {Array} containing species name
   */
   this.getAvailableSpecies = function (currentSpecies, currentSystem, currentPart) {
     var availableSpecies = new Array();
@@ -6262,10 +6263,6 @@ var OrgansViewer = function OrgansViewer(ModelsLoaderIn) {
     _this.sceneData.currentSystem = systemName;
     _this.sceneData.currentPart = partName;
     _this.sceneData.currentTime = 0.0;
-    _this.primitiveData.geometries.splice(0);
-    _this.primitiveData.lines.splice(0);
-    _this.primitiveData.glyphsets.splice(0);
-    _this.primitiveData.pointsets.splice(0);
     _this.sceneData.timeVarying = false;
     // This is used as title
     var name = "";
@@ -6363,11 +6360,11 @@ var OrgansViewer = function OrgansViewer(ModelsLoaderIn) {
     return false;
   };
 
-  /**
-   * initialise loading of the html layout for the organs panel, this is
-   * called when the {@link PJP.OrgansViewer} is created.
-   * 
-   * @async
+  /**
+   * initialise loading of the html layout for the organs panel, this is
+   * called when the {@link PJP.OrgansViewer} is created.
+   * 
+   * @async
    */
   var initialise = function initialise() {
     _this.initialiseRenderer(undefined);
@@ -6488,13 +6485,6 @@ exports.default = {
 
 /***/ }),
 
-/***/ "5682":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
-/***/ }),
-
 /***/ "5924":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -6734,17 +6724,6 @@ var isInContainer = exports.isInContainer = function isInContainer(el, container
   return elRect.top < containerRect.bottom && elRect.bottom > containerRect.top && elRect.right > containerRect.left && elRect.left < containerRect.right;
 };
 
-/***/ }),
-
-/***/ "5956":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_TreeControls_vue_vue_type_style_index_1_id_5a5e9e67_prod_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("12d1");
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_TreeControls_vue_vue_type_style_index_1_id_5a5e9e67_prod_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_TreeControls_vue_vue_type_style_index_1_id_5a5e9e67_prod_lang_css___WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "5a3b":
@@ -6766,13 +6745,6 @@ module.exports = _arrayLikeToArray, module.exports.__esModule = true, module.exp
 
 /***/ }),
 
-/***/ "5db0":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
-/***/ }),
-
 /***/ "5e32":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -6787,11 +6759,11 @@ var _toConsumableArray = __webpack_require__("448a").default;
 __webpack_require__("2439");
 var THREE = __webpack_require__("9206").THREE;
 
-/**
- * This module manages highlighted and selected objects in 3D modules. 
- * 
- * @class
- * @returns {exports.GraphicsHighlight}
+/**
+ * This module manages highlighted and selected objects in 3D modules. 
+ * 
+ * @class
+ * @returns {exports.GraphicsHighlight}
  */
 exports.GraphicsHighlight = function () {
   var currentHighlightedObjects = [];
@@ -11213,6 +11185,13 @@ exports.default = {
 
 /***/ }),
 
+/***/ "6de0":
+/***/ (function(module, exports) {
+
+module.exports = require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+/***/ }),
+
 /***/ "7037":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -11243,13 +11222,6 @@ module.exports = require("core-js/modules/web.url-search-params.js");
 
 /***/ }),
 
-/***/ "7209":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
-/***/ }),
-
 /***/ "72aa":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -14149,6 +14121,24 @@ module.exports = __webpack_require__("8bbf");
 
 /******/ });
 
+/***/ }),
+
+/***/ "7664":
+/***/ (function(module, exports) {
+
+module.exports = require("core-js/modules/es.object.get-own-property-descriptors.js");
+
+/***/ }),
+
+/***/ "79d6":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_TreeControls_vue_vue_type_style_index_1_id_29a4f879_prod_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("1613");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_TreeControls_vue_vue_type_style_index_1_id_29a4f879_prod_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_TreeControls_vue_vue_type_style_index_1_id_29a4f879_prod_lang_css___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "7a0f":
@@ -15069,16 +15059,17 @@ var isMac = exports.isMac = function isMac() {
 /***/ (function(module, exports, __webpack_require__) {
 
 var _readOnlyError = __webpack_require__("da60").default;
+__webpack_require__("4391");
 __webpack_require__("db0a");
 __webpack_require__("2439");
 __webpack_require__("97d3");
 __webpack_require__("13e3");
 var THREE = __webpack_require__("9206").THREE;
 
-/**
- * Create a {@link Zinc.Renderer} on the dom element with corresponding elementID.
- * @param {String} elementID - id of the target dom element.
- * @returns {Zinc.Renderer}
+/**
+ * Create a {@link Zinc.Renderer} on the dom element with corresponding elementID.
+ * @param {String} elementID - id of the target dom element.
+ * @returns {Zinc.Renderer}
  */
 var createRenderer = function createRenderer() {
   var WEBGL = __webpack_require__("cf41").WEBGL;
@@ -15114,18 +15105,21 @@ var RendererModule = function RendererModule() {
   this.liveUpdatesObjects = undefined;
 };
 RendererModule.prototype = Object.create(__webpack_require__("6aa6").BaseModule.prototype);
-
-/**
- * This function will get the the first intersected object with name or
- * the first glyph object with name.
- */
 RendererModule.prototype.getIntersectedObject = function (intersects) {
   if (intersects) {
-    for (var i = 0; i < intersects.length; i++) {
-      if (intersects[i] !== undefined) {
-        if (intersects[i].object && intersects[i].object.userData && intersects[i].object.userData.isZincObject && (intersects[i].object.name && intersects[i].object.name !== "" || intersects[i].object.userData.isMarker)) return intersects[i];
+    var typeMap = intersects.map(function (intersect) {
+      if (intersect && intersect.object && intersect.object.userData) {
+        if (intersect.object.userData.isMarker) {
+          return 1;
+        } else if (intersect.object.name && intersect.object.userData.isZincObject) {
+          return 2;
+        }
       }
-    }
+      return 0;
+    });
+    var i = typeMap.indexOf(1);
+    i = i > -1 ? i : typeMap.indexOf(2);
+    return intersects[i];
   }
   return undefined;
 };
@@ -15180,9 +15174,10 @@ RendererModule.prototype.setupLiveCoordinates = function (zincObjects) {
     var boundingBox = this.scene.getBoundingBoxOfZincObjects(zincObjects);
     var newSelectedCenter = new THREE.Vector3();
     boundingBox.getCenter(newSelectedCenter);
-    if (this.selectedCenter == undefined) this.selectedCenter = newSelectedCenter;else {
-      this.selectedCenter.x = newSelectedCenter.x;
-      this.selectedCenter.y = newSelectedCenter.y;
+    if (this.selectedCenter == undefined) {
+      this.selectedCenter = newSelectedCenter;
+    } else {
+      this.selectedCenter.copy(newSelectedCenter);
     }
   } else {
     this.selectedCenter = undefined;
@@ -15266,31 +15261,31 @@ RendererModule.prototype.viewAll = function () {
   if (this.zincRenderer) this.zincRenderer.viewAll();
 };
 
-/**
- * Start the animation and let the renderer to processs with
- * time progression
+/**
+ * Start the animation and let the renderer to processs with
+ * time progression
  */
 RendererModule.prototype.playAnimation = function (flag) {
   if (this.zincRenderer) this.zincRenderer.playAnimation = flag;
 };
 
-/**
-* Set the speed of playback
+/**
+* Set the speed of playback
 */
 RendererModule.prototype.setPlayRate = function (value) {
   if (this.zincRenderer) this.zincRenderer.setPlayRate(value);
 };
 
-/**
-* Get the speed of playback
+/**
+* Get the speed of playback
 */
 RendererModule.prototype.getPlayRate = function (value) {
   if (this.zincRenderer) return this.zincRenderer.getPlayRate();else return 0.0;
 };
 
-/** Initialise everything in the renderer, including the 3D renderer,
-*  and picker for the 3D renderer.
-* 
+/** Initialise everything in the renderer, including the 3D renderer,
+*  and picker for the 3D renderer.
+* 
 */
 RendererModule.prototype.initialiseRenderer = function (displayAreaIn) {
   if (this.zincRenderer === undefined || this.rendererContainer === undefined) {
@@ -17071,17 +17066,6 @@ var RE_NARGS = /(%|)\{([0-9a-zA-Z_]+)\}/g;
 
 module.exports = require("resize-observer-polyfill");
 
-/***/ }),
-
-/***/ "a1fc":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_TreeControls_vue_vue_type_style_index_0_id_5a5e9e67_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("5db0");
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_TreeControls_vue_vue_type_style_index_0_id_5a5e9e67_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_TreeControls_vue_vue_type_style_index_0_id_5a5e9e67_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "a578":
@@ -17439,6 +17423,17 @@ var isDefined = exports.isDefined = function isDefined(val) {
 
 module.exports = require("core-js/modules/es.object.assign.js");
 
+/***/ }),
+
+/***/ "ad4c":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ScaffoldTooltip_vue_vue_type_style_index_0_id_0cbe500c_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("0a7d");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ScaffoldTooltip_vue_vue_type_style_index_0_id_0cbe500c_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ScaffoldTooltip_vue_vue_type_style_index_0_id_0cbe500c_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "adec":
@@ -17588,6 +17583,13 @@ exports.default = {
 
 /***/ }),
 
+/***/ "b7ac":
+/***/ (function(module, exports) {
+
+module.exports = require("core-js/modules/es.array.reduce.js");
+
+/***/ }),
+
 /***/ "b94f":
 /***/ (function(module, exports) {
 
@@ -18109,6 +18111,13 @@ module.exports = require("core-js/modules/es.regexp.exec.js");
 
 /***/ }),
 
+/***/ "ccb0":
+/***/ (function(module, exports) {
+
+module.exports = require("core-js/modules/es.array.concat.js");
+
+/***/ }),
+
 /***/ "ccb3":
 /***/ (function(module, exports) {
 
@@ -18121,9 +18130,9 @@ module.exports = require("core-js/modules/es.number.to-fixed.js");
 
 __webpack_require__("c8a6");
 __webpack_require__("6378");
-/**
- * @author alteredq / http://alteredqualia.com/
- * @author mr.doob / http://mrdoob.com/
+/**
+ * @author alteredq / http://alteredqualia.com/
+ * @author mr.doob / http://mrdoob.com/
  */
 
 exports.WEBGL = {
@@ -18243,6 +18252,17 @@ function isKorean(text) {
   return reg.test(text);
 }
 
+/***/ }),
+
+/***/ "d3b9":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ScaffoldVuer_vue_vue_type_style_index_1_id_04d71683_prod_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("dccf");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ScaffoldVuer_vue_vue_type_style_index_1_id_04d71683_prod_lang_scss___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ScaffoldVuer_vue_vue_type_style_index_1_id_04d71683_prod_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "d4df":
@@ -18284,6 +18304,13 @@ module.exports = require("core-js/modules/es.error.cause.js");
 
 /***/ }),
 
+/***/ "dccf":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
 /***/ "dcdc":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -19260,6 +19287,13 @@ tab_pane.install = function (Vue) {
 
 /***/ }),
 
+/***/ "e01a":
+/***/ (function(module, exports) {
+
+module.exports = require("core-js/modules/es.object.values.js");
+
+/***/ }),
+
 /***/ "e450":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -20017,6 +20051,13 @@ input_number.install = function (Vue) {
 
 /***/ }),
 
+/***/ "e57c":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
 /***/ "e612":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -21135,6 +21176,13 @@ src_button.install = function (Vue) {
 
 /***/ }),
 
+/***/ "eff6":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
 /***/ "f0d9":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -21268,13 +21316,6 @@ exports.default = {
 
 /***/ }),
 
-/***/ "f0e8":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
-/***/ }),
-
 /***/ "f3ad":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -22283,17 +22324,6 @@ module.exports = __webpack_require__("7f4d");
 
 module.exports = require("core-js/modules/es.array.splice.js");
 
-/***/ }),
-
-/***/ "f4b0":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ScaffoldVuer_vue_vue_type_style_index_0_id_02838f59_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("5682");
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ScaffoldVuer_vue_vue_type_style_index_0_id_02838f59_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ScaffoldVuer_vue_vue_type_style_index_0_id_02838f59_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "f4f9":
@@ -22351,7 +22381,7 @@ if (typeof window !== 'undefined') {
 // Indicate to webpack that this file can be concatenated
 /* harmony default export */ var setPublicPath = (null);
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"7ad234ec-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/ScaffoldVuer.vue?vue&type=template&id=02838f59&scoped=true&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"04e65820-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/ScaffoldVuer.vue?vue&type=template&id=04d71683&scoped=true&
 var render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -22836,7 +22866,7 @@ var render = function render() {
 };
 var staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/ScaffoldVuer.vue?vue&type=template&id=02838f59&scoped=true&
+// CONCATENATED MODULE: ./src/components/ScaffoldVuer.vue?vue&type=template&id=04d71683&scoped=true&
 
 // EXTERNAL MODULE: ./node_modules/element-ui/lib/theme-chalk/tabs.css
 var tabs = __webpack_require__("075a");
@@ -22911,15 +22941,18 @@ var theme_chalk_button = __webpack_require__("1951");
 var lib_button = __webpack_require__("eedf");
 var lib_button_default = /*#__PURE__*/__webpack_require__.n(lib_button);
 
+// EXTERNAL MODULE: external "core-js/modules/es.object.to-string.js"
+var es_object_to_string_js_ = __webpack_require__("97d3");
+
+// EXTERNAL MODULE: external "core-js/modules/web.dom-collections.for-each.js"
+var web_dom_collections_for_each_js_ = __webpack_require__("13e3");
+
 // EXTERNAL MODULE: external "core-js/modules/es.number.to-fixed.js"
 var es_number_to_fixed_js_ = __webpack_require__("ccb3");
 
 // EXTERNAL MODULE: external "core-js/modules/es.array.iterator.js"
 var es_array_iterator_js_ = __webpack_require__("4ccb");
 
-// EXTERNAL MODULE: external "core-js/modules/es.object.to-string.js"
-var es_object_to_string_js_ = __webpack_require__("97d3");
-
 // EXTERNAL MODULE: external "core-js/modules/es.string.iterator.js"
 var es_string_iterator_js_ = __webpack_require__("9bb5");
 
@@ -22932,18 +22965,9 @@ var web_url_js_ = __webpack_require__("b94f");
 // EXTERNAL MODULE: external "core-js/modules/web.url-search-params.js"
 var web_url_search_params_js_ = __webpack_require__("712c");
 
-// EXTERNAL MODULE: external "core-js/modules/web.dom-collections.for-each.js"
-var web_dom_collections_for_each_js_ = __webpack_require__("13e3");
-
 // EXTERNAL MODULE: external "core-js/modules/es.array.push.js"
 var es_array_push_js_ = __webpack_require__("2439");
 
-// EXTERNAL MODULE: external "core-js/modules/es.regexp.exec.js"
-var es_regexp_exec_js_ = __webpack_require__("c8a6");
-
-// EXTERNAL MODULE: external "core-js/modules/es.string.search.js"
-var es_string_search_js_ = __webpack_require__("1c32");
-
 // EXTERNAL MODULE: external "core-js/modules/es.object.keys.js"
 var es_object_keys_js_ = __webpack_require__("ea64");
 
@@ -22951,7 +22975,7 @@ var es_object_keys_js_ = __webpack_require__("ea64");
 var external_vue_ = __webpack_require__("8bbf");
 var external_vue_default = /*#__PURE__*/__webpack_require__.n(external_vue_);
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"7ad234ec-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/OpacityControls.vue?vue&type=template&id=4c00a30f&scoped=true&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"04e65820-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/OpacityControls.vue?vue&type=template&id=4c00a30f&scoped=true&
 var OpacityControlsvue_type_template_id_4c00a30f_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -23098,8 +23122,8 @@ external_vue_default.a.use(lib_icon_default.a);
 external_vue_default.a.use(lib_main_default.a);
 external_vue_default.a.use(lib_slider_default.a);
 
-/**
- * A component to control the opacity of the target object.
+/**
+ * A component to control the opacity of the target object.
  */
 /* harmony default export */ var OpacityControlsvue_type_script_lang_js_ = ({
   name: "OpacityControls",
@@ -23258,8 +23282,8 @@ var component = normalizeComponent(
 )
 
 /* harmony default export */ var OpacityControls = (component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"7ad234ec-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/ScaffoldTooltip.vue?vue&type=template&id=01613535&scoped=true&
-var ScaffoldTooltipvue_type_template_id_01613535_scoped_true_render = function render() {
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"04e65820-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/ScaffoldTooltip.vue?vue&type=template&id=0cbe500c&scoped=true&
+var ScaffoldTooltipvue_type_template_id_0cbe500c_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -23281,21 +23305,15 @@ var ScaffoldTooltipvue_type_template_id_01613535_scoped_true_render = function r
       },
       expression: "display"
     }
-  }, [_c('div', {
+  }, [[_c('div', {
     staticClass: "tooltip-text"
   }, [_vm._v(_vm._s(_vm.label))]), _vm.region ? _c('div', {
     staticClass: "tooltip-text"
-  }, [_vm._v("Region: " + _vm._s(_vm.region))]) : _vm._e(), _c('i', {
-    directives: [{
-      name: "popover",
-      rawName: "v-popover:tooltip",
-      arg: "tooltip"
-    }]
-  })])], 1);
+  }, [_vm._v("Region: " + _vm._s(_vm.region))]) : _vm._e()]], 2)], 1);
 };
-var ScaffoldTooltipvue_type_template_id_01613535_scoped_true_staticRenderFns = [];
+var ScaffoldTooltipvue_type_template_id_0cbe500c_scoped_true_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/ScaffoldTooltip.vue?vue&type=template&id=01613535&scoped=true&
+// CONCATENATED MODULE: ./src/components/ScaffoldTooltip.vue?vue&type=template&id=0cbe500c&scoped=true&
 
 // EXTERNAL MODULE: external "core-js/modules/es.number.constructor.js"
 var es_number_constructor_js_ = __webpack_require__("f989");
@@ -23312,8 +23330,8 @@ var es_number_constructor_js_ = __webpack_require__("f989");
 locale_default.a.use(en_default.a);
 external_vue_default.a.use(lib_popover_default.a);
 
-/**
- * A component to control the opacity of the target object.
+/**
+ * A component to control the opacity of the target object.
  */
 /* harmony default export */ var ScaffoldTooltipvue_type_script_lang_js_ = ({
   name: "ScaffoldTooltip",
@@ -23350,8 +23368,9 @@ external_vue_default.a.use(lib_popover_default.a);
       if (this.region) {
         yOffset = 55;
       }
+      var x = this.x - 40;
       return {
-        left: this.x + "px",
+        left: x + "px",
         top: this.y - yOffset + "px"
       };
     }
@@ -23373,8 +23392,8 @@ external_vue_default.a.use(lib_popover_default.a);
 });
 // CONCATENATED MODULE: ./src/components/ScaffoldTooltip.vue?vue&type=script&lang=js&
  /* harmony default export */ var components_ScaffoldTooltipvue_type_script_lang_js_ = (ScaffoldTooltipvue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./src/components/ScaffoldTooltip.vue?vue&type=style&index=0&id=01613535&prod&scoped=true&lang=scss&
-var ScaffoldTooltipvue_type_style_index_0_id_01613535_prod_scoped_true_lang_scss_ = __webpack_require__("1292");
+// EXTERNAL MODULE: ./src/components/ScaffoldTooltip.vue?vue&type=style&index=0&id=0cbe500c&prod&scoped=true&lang=scss&
+var ScaffoldTooltipvue_type_style_index_0_id_0cbe500c_prod_scoped_true_lang_scss_ = __webpack_require__("ad4c");
 
 // CONCATENATED MODULE: ./src/components/ScaffoldTooltip.vue
 
@@ -23387,18 +23406,26 @@ var ScaffoldTooltipvue_type_style_index_0_id_01613535_prod_scoped_true_lang_scss
 
 var ScaffoldTooltip_component = normalizeComponent(
   components_ScaffoldTooltipvue_type_script_lang_js_,
-  ScaffoldTooltipvue_type_template_id_01613535_scoped_true_render,
-  ScaffoldTooltipvue_type_template_id_01613535_scoped_true_staticRenderFns,
+  ScaffoldTooltipvue_type_template_id_0cbe500c_scoped_true_render,
+  ScaffoldTooltipvue_type_template_id_0cbe500c_scoped_true_staticRenderFns,
   false,
   null,
-  "01613535",
+  "0cbe500c",
   null
   
 )
 
 /* harmony default export */ var ScaffoldTooltip = (ScaffoldTooltip_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"7ad234ec-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/TreeControls.vue?vue&type=template&id=5a5e9e67&scoped=true&
-var TreeControlsvue_type_template_id_5a5e9e67_scoped_true_render = function render() {
+// EXTERNAL MODULE: external "core-js/modules/es.array.includes.js"
+var es_array_includes_js_ = __webpack_require__("85f7");
+
+// EXTERNAL MODULE: external "core-js/modules/es.string.includes.js"
+var es_string_includes_js_ = __webpack_require__("fd22");
+
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"04e65820-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/TreeControls.vue?vue&type=template&id=29a4f879&scoped=true&
+
+
+var TreeControlsvue_type_template_id_29a4f879_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -23446,8 +23473,8 @@ var TreeControlsvue_type_template_id_5a5e9e67_scoped_true_render = function rend
         return _c('span', {
           staticClass: "region-tree-node",
           class: {
-            activeItem: _vm.nodeIsActive(data),
-            hoverItem: _vm.nodeIsHover(data)
+            activeItem: _vm.active.includes(data.id),
+            hoverItem: _vm.hover.includes(data.id)
           },
           on: {
             "click": function click($event) {
@@ -23487,9 +23514,9 @@ var TreeControlsvue_type_template_id_5a5e9e67_scoped_true_render = function rend
     staticClass: "el-icon-arrow-left"
   })])]);
 };
-var TreeControlsvue_type_template_id_5a5e9e67_scoped_true_staticRenderFns = [];
+var TreeControlsvue_type_template_id_29a4f879_scoped_true_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/TreeControls.vue?vue&type=template&id=5a5e9e67&scoped=true&
+// CONCATENATED MODULE: ./src/components/TreeControls.vue?vue&type=template&id=29a4f879&scoped=true&
 
 // CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js
 function _arrayLikeToArray(arr, len) {
@@ -23532,6 +23559,9 @@ var es_array_slice_js_ = __webpack_require__("ea12");
 // EXTERNAL MODULE: external "core-js/modules/es.function.name.js"
 var es_function_name_js_ = __webpack_require__("db0a");
 
+// EXTERNAL MODULE: external "core-js/modules/es.regexp.exec.js"
+var es_regexp_exec_js_ = __webpack_require__("c8a6");
+
 // EXTERNAL MODULE: external "core-js/modules/es.regexp.test.js"
 var es_regexp_test_js_ = __webpack_require__("5a3b");
 
@@ -23605,42 +23635,174 @@ var es_array_find_js_ = __webpack_require__("0d58");
 // EXTERNAL MODULE: external "core-js/modules/es.string.replace.js"
 var es_string_replace_js_ = __webpack_require__("6378");
 
-// EXTERNAL MODULE: external "core-js/modules/es.array.includes.js"
-var es_array_includes_js_ = __webpack_require__("85f7");
+// EXTERNAL MODULE: external "core-js/modules/es.array.concat.js"
+var es_array_concat_js_ = __webpack_require__("ccb0");
 
-// EXTERNAL MODULE: external "core-js/modules/es.string.includes.js"
-var es_string_includes_js_ = __webpack_require__("fd22");
+// EXTERNAL MODULE: external "core-js/modules/es.array.splice.js"
+var es_array_splice_js_ = __webpack_require__("f3b8");
 
 // EXTERNAL MODULE: external "core-js/modules/es.array.map.js"
 var es_array_map_js_ = __webpack_require__("4391");
 
-// EXTERNAL MODULE: external "core-js/modules/es.object.assign.js"
-var es_object_assign_js_ = __webpack_require__("ad1b");
+// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/typeof.js
 
-// CONCATENATED MODULE: ./src/scripts/utilities.js
 
 
 
 
 
 
-var createListFromPrimitives = function createListFromPrimitives(primitives, list) {
-  if (primitives) {
-    primitives.forEach(function (primitive) {
-      if (primitive && primitive.getVisibility()) {
-        list.push({
-          group: primitive.groupName,
-          regionPath: primitive.region.getFullPath()
-        });
-      }
-    });
-  }
-  return list;
-};
-var extractAllIds = function extractAllIds(item, list) {
-  list.push(item.id);
+function _typeof(obj) {
+  "@babel/helpers - typeof";
+
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, _typeof(obj);
+}
+// EXTERNAL MODULE: external "core-js/modules/es.symbol.to-primitive.js"
+var es_symbol_to_primitive_js_ = __webpack_require__("fb89");
+
+// EXTERNAL MODULE: external "core-js/modules/es.date.to-primitive.js"
+var es_date_to_primitive_js_ = __webpack_require__("1f48");
+
+// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/toPrimitive.js
+
+
+
+
+
+
+
+
+function _toPrimitive(input, hint) {
+  if (_typeof(input) !== "object" || input === null) return input;
+  var prim = input[Symbol.toPrimitive];
+  if (prim !== undefined) {
+    var res = prim.call(input, hint || "default");
+    if (_typeof(res) !== "object") return res;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (hint === "string" ? String : Number)(input);
+}
+// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/toPropertyKey.js
+
+
+function _toPropertyKey(arg) {
+  var key = _toPrimitive(arg, "string");
+  return _typeof(key) === "symbol" ? key : String(key);
+}
+// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/defineProperty.js
+
+function _defineProperty(obj, key, value) {
+  key = _toPropertyKey(key);
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
+// EXTERNAL MODULE: external "core-js/modules/es.array.filter.js"
+var es_array_filter_js_ = __webpack_require__("1a89");
+
+// EXTERNAL MODULE: external "core-js/modules/es.object.get-own-property-descriptor.js"
+var es_object_get_own_property_descriptor_js_ = __webpack_require__("6de0");
+
+// EXTERNAL MODULE: external "core-js/modules/es.object.get-own-property-descriptors.js"
+var es_object_get_own_property_descriptors_js_ = __webpack_require__("7664");
+
+// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/objectSpread2.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 _objectSpread2(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;
+}
+// EXTERNAL MODULE: external "core-js/modules/es.object.assign.js"
+var es_object_assign_js_ = __webpack_require__("ad1b");
+
+// EXTERNAL MODULE: external "core-js/modules/es.array.find-index.js"
+var es_array_find_index_js_ = __webpack_require__("4c7f");
+
+// EXTERNAL MODULE: external "core-js/modules/es.object.values.js"
+var es_object_values_js_ = __webpack_require__("e01a");
+
+// EXTERNAL MODULE: external "core-js/modules/es.array.reduce.js"
+var es_array_reduce_js_ = __webpack_require__("b7ac");
+
+// CONCATENATED MODULE: ./src/scripts/utilities.js
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var createListFromPrimitives = function createListFromPrimitives(primitives, list) {
+  if (primitives) {
+    var id = "";
+    primitives.forEach(function (primitive) {
+      id = primitive.uuid;
+      if (primitive.region) {
+        id = primitive.region.uuid + "/" + id;
+      }
+      if (primitive && primitive.getVisibility()) {
+        list.push(id);
+      }
+    });
+  }
+  return list;
+};
+var extractAllFullPaths = function extractAllFullPaths(item, list) {
+  var nodeName = "";
+  if (item.isRegion) {
+    nodeName = "__r".concat(item.regionPath);
+  }
+  if (item.isPrimitives) {
+    nodeName = "".concat(item.regionPath, "/").concat(item.label);
+  }
+  list.push(nodeName);
   if (item.children) item.children.forEach(function (child) {
-    return extractAllIds(child, list);
+    return extractAllFullPaths(child, list);
   });
 };
 var utilities_findObjectsWithNames = function findObjectsWithNames(rootRegion, names, regionPath, transverse) {
@@ -23650,7 +23812,9 @@ var utilities_findObjectsWithNames = function findObjectsWithNames(rootRegion, n
   if (targetRegion) {
     var isArray = Array.isArray(names);
     var array = names;
-    if (!isArray) array = [array];
+    if (!isArray) {
+      array = [array];
+    }
     array.forEach(function (name) {
       var temp = targetRegion.findObjectsWithGroupName(name, transverse);
       targetObjects.push.apply(targetObjects, _toConsumableArray(temp));
@@ -23667,6 +23831,101 @@ var getAllObjects = function getAllObjects(scene) {
     });
   }); // Add id to each object
 };
+
+var findObjectWithUUID = function findObjectWithUUID(objects, uuid, remove) {
+  var index = objects.findIndex(function (obj) {
+    return obj.uuid === uuid;
+  });
+  var object = undefined;
+  if (index > -1) {
+    object = objects[index];
+    if (remove) {
+      objects.splice(i, 1);
+    }
+  }
+  return object;
+};
+var utilities_convertUUIDsToFullPaths = function convertUUIDsToFullPaths(rootRegion, IDs) {
+  var results = [];
+  if (rootRegion && IDs && IDs.length > 0) {
+    //a region to primitivs map list
+    var rpLists = {};
+    var reIDToPath = {};
+    var allRegions = [rootRegion].concat(_toConsumableArray(rootRegion.getChildRegions(true)));
+    var region = undefined;
+    var primitive = undefined;
+    var regionID = undefined;
+    IDs.forEach(function (id) {
+      var uuids = id.split("/");
+      regionID = uuids[0];
+      region = findObjectWithUUID(allRegions, regionID, false);
+      if (region) {
+        if (!reIDToPath[regionID]) {
+          reIDToPath[regionID] = region.getFullPath();
+        }
+        if (uuids[1]) {
+          if (!rpLists[regionID]) {
+            rpLists[regionID] = region.getAllObjects(false);
+          }
+          primitive = findObjectWithUUID(rpLists[regionID], uuids[1], true);
+          if (primitive) {
+            results.push("".concat(reIDToPath[regionID], "/").concat(primitive.groupName));
+          }
+        } else {
+          results.push("__r/".concat(reIDToPath[regionID]));
+        }
+      }
+    });
+  }
+  return results;
+};
+var utilities_createUnqiuesFromObjects = function createUnqiuesFromObjects(zincObjects) {
+  if (zincObjects) {
+    var expanded = [];
+    zincObjects.forEach(function (obj) {
+      if (obj.isZincObject) {
+        expanded.push(obj);
+      } else if (obj.isRegion) {
+        expanded.push.apply(expanded, _toConsumableArray(obj.getAllObjects(true)));
+      }
+    });
+    var uniq = Object.values(expanded.reduce(function (acc, obj) {
+      return _objectSpread2(_objectSpread2({}, acc), {}, _defineProperty({}, obj.uuid, obj));
+    }, {}));
+    return uniq;
+  }
+  return [];
+};
+var getObjectsFromAnnotations = function getObjectsFromAnnotations(scene, annotations) {
+  var returned = {
+    label: "Multiple selections",
+    regionPath: "",
+    objects: []
+  };
+  if (annotations && scene) {
+    var rpList = {};
+    var rootRegion = scene.getRootRegion();
+    if (annotations.length > 0) {
+      returned.regionPath = annotations[0].data.region;
+      returned.label = annotations[0].data.group;
+    }
+    annotations.forEach(function (annotation) {
+      if (!annotation.data.region.includes(returned.regionPath)) {
+        returned.regionPath = "";
+      }
+      if (returned.label !== annotation.data.group) {
+        returned.label = "Multiple selections";
+      }
+      var region = rootRegion.findChildFromPath(annotation.data.region);
+      if (!rpList[region.uuid]) {
+        rpList[region.uuid] = region.getAllObjects(false);
+      }
+      var obj = findObjectWithUUID(rpList[region.uuid], annotation.data.uuid);
+      if (obj) returned.objects.push(obj);
+    });
+  }
+  return returned;
+};
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/TreeControls.vue?vue&type=script&lang=js&
 
 
@@ -23694,6 +23953,8 @@ var getAllObjects = function getAllObjects(scene) {
 
 
 
+
+
 
 
 
@@ -23703,7 +23964,7 @@ var getAllObjects = function getAllObjects(scene) {
 
 
 var orderBy = __webpack_require__("6814");
-var uniq = __webpack_require__("4e2d");
+var TreeControlsvue_type_script_lang_js_uniq = __webpack_require__("4e2d");
 locale_default.a.use(en_default.a);
 external_vue_default.a.use(lib_checkbox_default.a);
 external_vue_default.a.use(lib_checkbox_group_default.a);
@@ -23723,14 +23984,14 @@ var nameSorting = function nameSorting(a, b) {
   return 0;
 };
 
-/**
- * A vue component for toggling visibility of various regions.
+/**
+ * A vue component for toggling visibility of various regions.
  */
 /* harmony default export */ var TreeControlsvue_type_script_lang_js_ = ({
   name: "TreeControls",
   props: {
-    /**
-     * Enable/disable colour picker
+    /**
+     * Enable/disable colour picker
      */
     showColourPicker: Boolean,
     isReady: Boolean
@@ -23739,17 +24000,12 @@ var nameSorting = function nameSorting(a, b) {
     return {
       treeData: [{
         label: "Root",
-        id: "__r/",
+        regionPath: "",
+        id: undefined,
         children: []
       }],
-      active: [{
-        group: "",
-        regionPath: undefined
-      }],
-      hover: [{
-        group: "",
-        regionPath: undefined
-      }],
+      active: [],
+      hover: [],
       myPopperClass: "hide-scaffold-colour-popup",
       drawerOpen: true
     };
@@ -23769,12 +24025,10 @@ var nameSorting = function nameSorting(a, b) {
     addTreeItem: function addTreeItem(parentContainer, item) {
       var _this = this;
       //The following block prevent duplicate graphics with the same name
-      for (var i = 0; i < parentContainer.length; i++) {
-        if (parentContainer[i].id === item.id) {
-          if (item.isPrimitives && parentContainer[i].isPrimitives) {
-            return;
-          }
-        }
+      if (parentContainer.some(function (child) {
+        return child.label === item.label;
+      })) {
+        return;
       }
       parentContainer.push(item);
       parentContainer.sort(function (a, b) {
@@ -23789,8 +24043,8 @@ var nameSorting = function nameSorting(a, b) {
     // '__r/'
     findOrCreateRegion: function findOrCreateRegion(data, paths, prefix) {
       //check if root region has been set
-      if (this.treeData[0].regionPath === undefined && this.$module && this.$module.scene) {
-        this.treeData[0].regionPath = "";
+      if (this.rootID === undefined && this.$module && this.$module.scene) {
+        this.treeData[0].id = this.$module.scene.getRootRegion().uuid;
         this.treeData[0].isRegion = true;
       }
       if (paths.length > 0) {
@@ -23799,11 +24053,11 @@ var nameSorting = function nameSorting(a, b) {
           return child.label == _paths[0];
         });
         var path = prefix + "/" + paths[0];
-        var id = "__r" + path;
+        var region = this.$module.scene.getRootRegion().findChildFromPath(path);
         if (!childRegion) {
           childRegion = {
             label: _paths[0],
-            id: id,
+            id: region.uuid,
             children: [],
             regionPath: path,
             isRegion: true
@@ -23816,28 +24070,14 @@ var nameSorting = function nameSorting(a, b) {
         return data;
       }
     },
-    nodeIsActive: function nodeIsActive(data) {
-      for (var i = 0; i < this.active.length; i++) {
-        var item = this.active[i];
-        if (item.group === data.label && (item.regionPath === data.regionPath || item.regionPath === undefined)) {
-          return true;
-        }
-      }
-      return false;
-    },
-    nodeIsHover: function nodeIsHover(data) {
-      for (var i = 0; i < this.hover.length; i++) {
-        var item = this.hover[i];
-        if (item.group === data.label && (item.regionPath === data.regionPath || item.regionPath === undefined)) {
-          return true;
-        }
-      }
-      return false;
-    },
-    /**
-     * This is called when a new zinc object is read into the scene.
+    /**
+     * This is called when a new zinc object is read into the scene.
      */
     zincObjectAdded: function zincObjectAdded(zincObject) {
+      // Using the new uuid, the cavaet of that is graphics with
+      // same groupName will have different uuid. So in the tree control
+      // We use the first uuid found for a group of primitives with same
+      // group names to represent all of them.
       var region = zincObject.region;
       if (region) {
         var paths = region.getFullSeparatedPath();
@@ -23847,10 +24087,9 @@ var nameSorting = function nameSorting(a, b) {
             if (!regionData.children) {
               regionData.children = [];
             }
-            var id = regionData.id.replace("__r/", "") + "/" + zincObject.groupName;
             var child = {
               label: zincObject.groupName,
-              id: id,
+              id: region.uuid + "/" + zincObject.uuid,
               isPrimitives: true,
               regionPath: zincObject.region.getFullPath()
             };
@@ -23899,16 +24138,16 @@ var nameSorting = function nameSorting(a, b) {
         this.removeHover(propagate);
       }
     },
-    /**
-     * Select a region by its name.
+    /**
+     * Select a region by its name.
      */
     changeActiveByNames: function changeActiveByNames(names, regionPath, propagate) {
       var rootRegion = this.$module.scene.getRootRegion();
       var targetObjects = utilities_findObjectsWithNames(rootRegion, names, regionPath, true);
       this.changeActiveByPrimitives(targetObjects, propagate);
     },
-    /**
-     * Hover a region by its name.
+    /**
+     * Hover a region by its name.
      */
     changeHoverByNames: function changeHoverByNames(names, regionPath, propagate) {
       var rootRegion = this.$module.scene.getRootRegion();
@@ -23916,8 +24155,9 @@ var nameSorting = function nameSorting(a, b) {
       this.changeHoverByPrimitives(targetObjects, propagate);
     },
     changeActiveByNode: function changeActiveByNode(node, propagate) {
-      if (node.isPrimitives) {
-        var targetObjects = this.getZincObjectsFromNode(node, false);
+      if (node.isPrimitives || node.isRegion) {
+        var transverse = node.isRegion ? true : false;
+        var targetObjects = this.getZincObjectsFromNode(node, transverse);
         this.changeActiveByPrimitives(targetObjects, propagate);
       }
     },
@@ -23927,31 +24167,31 @@ var nameSorting = function nameSorting(a, b) {
         this.changeHoverByPrimitives(targetObjects, propagate);
       }
     },
-    /**
-     * Unselect the current selected region.
+    /**
+     * Unselect the current selected region.
      */
     removeActive: function removeActive(propagate) {
       this.active = [];
       this.$emit("object-selected", [], propagate);
     },
-    /**
-     * Unselect the current hover region.
+    /**
+     * Unselect the current hover region.
      */
     removeHover: function removeHover(propagate) {
       this.hover = [];
       this.$emit("object-hovered", [], propagate);
     },
-    /**
-     * Reset the controls.
+    /**
+     * Reset the controls.
      */
     clear: function clear() {
-      this.active.group = "";
-      this.active.regionPath = undefined;
-      this.hover.group = "";
-      this.hover.regionPath = undefined;
-      this.$refs.regionTree.updateKeyChildren("__r/", []);
+      this.active.length = 0;
+      this.hover.length = 0;
+      this.__nodeNumbers = 0;
+      this.$refs.regionTree.updateKeyChildren(this.treeData[0].id, []);
       this.treeData[0].children.length = 0;
-      this.$emit("object-selected", undefined);
+      this.treeData[0].id = undefined;
+      this.$emit("object-selected", []);
     },
     getColour: function getColour(nodeData) {
       //Do not need to check for primitives as this is checked on the template
@@ -23967,26 +24207,28 @@ var nameSorting = function nameSorting(a, b) {
     },
     getZincObjectsFromNode: function getZincObjectsFromNode(node, transverse) {
       var rootRegion = this.$module.scene.getRootRegion();
-      return utilities_findObjectsWithNames(rootRegion, node.label, node.regionPath, transverse);
+      if (node.isPrimitives) {
+        return utilities_findObjectsWithNames(rootRegion, node.label, node.regionPath, transverse);
+      } else if (node.isRegion) {
+        if (node.regionPath) {
+          var targetRegion = rootRegion.findChildFromPath(node.regionPath);
+          if (targetRegion) {
+            return targetRegion.getAllObjects(transverse);
+          }
+        }
+      }
+      return [];
     },
     //Set this right at the beginning.
     setModule: function setModule(moduleIn) {
       var _this2 = this;
       this.$module = moduleIn;
-      this.$module.primitiveData.geometries.forEach(function (zincObject) {
-        _this2.zincObjectAdded(zincObject);
-      });
-      this.$module.primitiveData.lines.forEach(function (zincObject) {
-        _this2.zincObjectAdded(zincObject);
-      });
-      this.$module.primitiveData.glyphsets.forEach(function (zincObject) {
-        _this2.zincObjectAdded(zincObject);
-      });
-      this.$module.primitiveData.pointsets.forEach(function (zincObject) {
+      this.__nodeNumbers = 0;
+      var objects = this.$module.scene.getRootRegion().getAllObjects(true);
+      objects.forEach(function (zincObject) {
         _this2.zincObjectAdded(zincObject);
       });
       this.$module.addOrganPartAddedCallback(this.zincObjectAdded);
-      this.__nodeNumbers = 1;
     },
     setColour: function setColour(nodeData, value) {
       if (nodeData && nodeData.isPrimitives) {
@@ -24015,38 +24257,63 @@ var nameSorting = function nameSorting(a, b) {
       this.drawerOpen = !this.drawerOpen;
       this.$emit("drawer-toggled", this.drawerOpen);
     },
-    setTreeVisibility: function setTreeVisibility(node, list) {
+    //Set visibility using full paths and add found id to the ids list
+    //and remove item from list if remove is set to true.
+    setTreeVisibilityWithFullPaths: function setTreeVisibilityWithFullPaths(node, list, ids, remove) {
       var _this3 = this;
       var flag = false;
-      if (list.includes(node.id)) flag = true;
-      var region = this.$module.scene.getRootRegion().findChildFromPath(node.regionPath);
-      if (node.isRegion) region.setVisibility(flag);
+      var nodeName = "";
+      if (node.isRegion) {
+        nodeName = "__r".concat(node.regionPath);
+      }
       if (node.isPrimitives) {
-        var primitives = region.findObjectsWithGroupName(node.label);
-        primitives.forEach(function (primitive) {
-          return primitive.setVisibility(flag);
+        nodeName = "".concat(node.regionPath, "/").concat(node.label);
+      }
+      //Find the node in list, remove it from list if remove flag is on
+      var index = list.indexOf(nodeName);
+      if (index > -1) {
+        flag = true;
+        list.splice(index, 1);
+        ids.push(node.id);
+      }
+      var region = this.$module.scene.getRootRegion().findChildFromPath(node.regionPath);
+      if (nodeName && nodeName !== "__r") {
+        if (node.isPrimitives) {
+          var primitives = region.findObjectsWithGroupName(node.label);
+          primitives.forEach(function (primitive) {
+            return primitive.setVisibility(flag);
+          });
+        }
+      }
+      if (node.children) {
+        node.children.forEach(function (child) {
+          _this3.setTreeVisibilityWithFullPaths(child, list, ids, true);
         });
       }
-      if (node.children) node.children.forEach(function (child) {
-        return _this3.setTreeVisibility(child, list);
-      });
     },
     checkAllKeys: function checkAllKeys() {
       var keysList = [];
-      extractAllIds(this.treeData[0], keysList);
-      this.setTreeVisibility(this.treeData[0], keysList);
-      this.$refs.regionTree.setCheckedKeys(keysList);
+      var ids = [];
+      extractAllFullPaths(this.treeData[0], keysList);
+      this.setTreeVisibilityWithFullPaths(this.treeData[0], keysList, ids, true);
+      this.$refs.regionTree.setCheckedKeys(ids);
     },
     getState: function getState() {
       var checkedItems = this.$refs.regionTree.getCheckedKeys();
-      if (checkedItems.length === this.__nodeNumbers) return {
-        checkAll: true,
-        version: "2.0"
-      };
-      return {
-        checkedItems: checkedItems,
-        version: "2.0"
-      };
+      if (checkedItems.length === this.__nodeNumbers) {
+        return {
+          checkAll: true,
+          version: "2.0"
+        };
+      } else {
+        //We cannot use the generated uuid as the identifier for permastate,
+        //convert it back to paths
+        var paths = utilities_convertUUIDsToFullPaths(this.$module.scene.getRootRegion(), checkedItems);
+        return {
+          checkedItems: paths,
+          version: "2.0"
+        };
+      }
     },
     setState: function setState(state) {
       if (state) {
@@ -24063,8 +24330,9 @@ var nameSorting = function nameSorting(a, b) {
             var _list;
             (_list = list).push.apply(_list, _toConsumableArray(state.checkedItems));
           }
-          this.setTreeVisibility(this.treeData[0], list);
-          this.$refs.regionTree.setCheckedKeys(list);
+          var ids = [];
+          this.setTreeVisibilityWithFullPaths(this.treeData[0], list, ids, true);
+          this.$refs.regionTree.setCheckedKeys(ids);
         }
       }
     }
@@ -24072,11 +24340,11 @@ var nameSorting = function nameSorting(a, b) {
 });
 // CONCATENATED MODULE: ./src/components/TreeControls.vue?vue&type=script&lang=js&
  /* harmony default export */ var components_TreeControlsvue_type_script_lang_js_ = (TreeControlsvue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./src/components/TreeControls.vue?vue&type=style&index=0&id=5a5e9e67&prod&scoped=true&lang=scss&
-var TreeControlsvue_type_style_index_0_id_5a5e9e67_prod_scoped_true_lang_scss_ = __webpack_require__("a1fc");
+// EXTERNAL MODULE: ./src/components/TreeControls.vue?vue&type=style&index=0&id=29a4f879&prod&scoped=true&lang=scss&
+var TreeControlsvue_type_style_index_0_id_29a4f879_prod_scoped_true_lang_scss_ = __webpack_require__("4efe");
 
-// EXTERNAL MODULE: ./src/components/TreeControls.vue?vue&type=style&index=1&id=5a5e9e67&prod&lang=css&
-var TreeControlsvue_type_style_index_1_id_5a5e9e67_prod_lang_css_ = __webpack_require__("5956");
+// EXTERNAL MODULE: ./src/components/TreeControls.vue?vue&type=style&index=1&id=29a4f879&prod&lang=css&
+var TreeControlsvue_type_style_index_1_id_29a4f879_prod_lang_css_ = __webpack_require__("79d6");
 
 // CONCATENATED MODULE: ./src/components/TreeControls.vue
 
@@ -24090,11 +24358,11 @@ var TreeControlsvue_type_style_index_1_id_5a5e9e67_prod_lang_css_ = __webpack_re
 
 var TreeControls_component = normalizeComponent(
   components_TreeControlsvue_type_script_lang_js_,
-  TreeControlsvue_type_template_id_5a5e9e67_scoped_true_render,
-  TreeControlsvue_type_template_id_5a5e9e67_scoped_true_staticRenderFns,
+  TreeControlsvue_type_template_id_29a4f879_scoped_true_render,
+  TreeControlsvue_type_template_id_29a4f879_scoped_true_staticRenderFns,
   false,
   null,
-  "5a5e9e67",
+  "29a4f879",
   null
   
 )
@@ -24110,55 +24378,6 @@ function _classCallCheck(instance, Constructor) {
     throw new TypeError("Cannot call a class as a function");
   }
 }
-// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/typeof.js
-
-
-
-
-
-
-
-function _typeof(obj) {
-  "@babel/helpers - typeof";
-
-  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
-    return typeof obj;
-  } : function (obj) {
-    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-  }, _typeof(obj);
-}
-// EXTERNAL MODULE: external "core-js/modules/es.symbol.to-primitive.js"
-var es_symbol_to_primitive_js_ = __webpack_require__("fb89");
-
-// EXTERNAL MODULE: external "core-js/modules/es.date.to-primitive.js"
-var es_date_to_primitive_js_ = __webpack_require__("1f48");
-
-// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/toPrimitive.js
-
-
-
-
-
-
-
-
-function _toPrimitive(input, hint) {
-  if (_typeof(input) !== "object" || input === null) return input;
-  var prim = input[Symbol.toPrimitive];
-  if (prim !== undefined) {
-    var res = prim.call(input, hint || "default");
-    if (_typeof(res) !== "object") return res;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return (hint === "string" ? String : Number)(input);
-}
-// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/toPropertyKey.js
-
-
-function _toPropertyKey(arg) {
-  var key = _toPrimitive(arg, "string");
-  return _typeof(key) === "symbol" ? key : String(key);
-}
 // CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/createClass.js
 
 function _defineProperties(target, props) {
@@ -24178,8 +24397,8 @@ function _createClass(Constructor, protoProps, staticProps) {
   });
   return Constructor;
 }
-// EXTERNAL MODULE: external "core-js/modules/es.array.filter.js"
-var es_array_filter_js_ = __webpack_require__("1a89");
+// EXTERNAL MODULE: external "core-js/modules/es.string.search.js"
+var es_string_search_js_ = __webpack_require__("1c32");
 
 // EXTERNAL MODULE: external "minisearch"
 var external_minisearch_ = __webpack_require__("f9b6");
@@ -24199,30 +24418,32 @@ var external_minisearch_default = /*#__PURE__*/__webpack_require__.n(external_mi
 
 
 
-/******************************************************************************
-
-Flatmap viewer and annotation tool
-
-Copyright (c) 2019  David Brooks
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
-    http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
 
+/******************************************************************************
+
+Flatmap viewer and annotation tool
+
+Copyright (c) 2019  David Brooks
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+
 ******************************************************************************/
 
 //==============================================================================
 
 
 
+
 //==============================================================================
 
 // The properties of a feature we index and show
@@ -24235,8 +24456,8 @@ var search_SearchIndex = /*#__PURE__*/function () {
   function SearchIndex() {
     _classCallCheck(this, SearchIndex);
     this._searchEngine = new external_minisearch_default.a({
-      fields: ['groupName'],
-      storeFields: ['groupName'],
+      fields: ['path', 'name'],
+      storeFields: ['path'],
       tokenize: function tokenize(string, _fieldName) {
         return string.split('"');
       } // indexing tokenizer
@@ -24244,6 +24465,7 @@ var search_SearchIndex = /*#__PURE__*/function () {
 
     this._featureIds = [];
     this.zincObjects = [];
+    this.regions = [];
   }
   _createClass(SearchIndex, [{
     key: "indexMetadata",
@@ -24267,15 +24489,33 @@ var search_SearchIndex = /*#__PURE__*/function () {
     value: function addZincObject(zincObject, id)
     //=======================
     {
+      var path = zincObject.getRegion().getFullPath();
+      var fullPath = path ? "".concat(path, "/").concat(zincObject.groupName) : zincObject.groupName;
       var item = {
-        groupName: zincObject.groupName,
+        path: fullPath,
+        name: zincObject.groupName,
         id: id
       };
       this._searchEngine.add(item, {
-        fields: ['groupName']
+        fields: ['path', 'name']
       });
       this.zincObjects.push(zincObject);
     }
+  }, {
+    key: "addRegion",
+    value: function addRegion(region, id)
+    //=======================
+    {
+      var item = {
+        path: region.getFullPath(),
+        name: region.getName(),
+        id: id
+      };
+      this._searchEngine.add(item, {
+        fields: ['path', 'name']
+      });
+      this.regions.push(region);
+    }
   }, {
     key: "clearResults",
     value: function clearResults()
@@ -24290,15 +24530,41 @@ var search_SearchIndex = /*#__PURE__*/function () {
     {
       this._searchEngine.removeAll();
       this.zincObjects.length = 0;
+      this.regions.length = 0;
     }
   }, {
     key: "auto_suggest",
     value: function auto_suggest(text)
     //================
     {
-      return this._searchEngine.autoSuggest(text, {
+      var results = this._searchEngine.autoSuggest(text, {
         prefix: true
       });
+      return results;
+    }
+  }, {
+    key: "processResults",
+    value: function processResults(zincObjects, searchText) {
+      var result = {
+        regionPath: undefined,
+        label: "Search Results for \""
+      };
+      if (Array.isArray(searchText)) {
+        result.label += ','.join(searchText);
+      } else {
+        result.label += searchText;
+      }
+      result.label += "\"";
+      if (zincObjects.length === 1) {
+        if (zincObjects[0].isRegion) {
+          result.regionPath = zincObjects[0].getFullPath();
+        } else if (zincObjects[0].isZincObject) {
+          result.regionPath = zincObjects[0].getRegion().getFullPath();
+          result.label = zincObjects[0].groupName;
+        }
+      }
+      result["zincObjects"] = utilities_createUnqiuesFromObjects(zincObjects);
+      return result;
     }
   }, {
     key: "search",
@@ -24309,8 +24575,14 @@ var search_SearchIndex = /*#__PURE__*/function () {
       var zincResults = this.zincObjects.filter(function (zincObject) {
         return results.map(function (r) {
           return r.id;
-        }).includes(zincObject.searchIndexId);
+        }).includes(zincObject.uuid);
+      });
+      var regionResults = this.regions.filter(function (region) {
+        return results.map(function (r) {
+          return r.id;
+        }).includes(region.uuid);
       });
+      zincResults.push.apply(zincResults, _toConsumableArray(regionResults));
       return zincResults;
     }
   }, {
@@ -24324,28 +24596,17 @@ var search_SearchIndex = /*#__PURE__*/function () {
       });
       return results;
     }
-
-    // search(text)
-    // //==========
-    // {
-    //     const options = {};
-    //     let results = [];
-    //     text = text.trim()
-    //     if (text.length > 2 && ["'", '"'].indexOf(text.slice(0, 1)) >= 0) {
-    //         text = text.replaceAll(text.slice(0, 1), '');
-    //         results = this._searchEngine.search(text, {prefix: true, combineWith: 'AND'});
-    //     } else if (text.length > 1) {
-    //         results = this._searchEngine.search(text, {prefix: true});
-    //     }
-    //     const featureResults = results.map(r => {
-    //         return {
-    //             featureId: this._featureIds[r.id],
-    //             score: r.score,
-    //             terms: r.terms,
-    //             text: r.text
-    //         }});
-    //     return new SearchResults(featureResults);
-    // }
+  }, {
+    key: "searchAndProcessResult",
+    value: function searchAndProcessResult(terms) {
+      var zincObjectResults = [];
+      if (Array.isArray(terms)) {
+        zincObjectResults = this.searchTerms(terms);
+      } else {
+        zincObjectResults = this.search(terms);
+      }
+      return this.processResults(zincObjectResults, terms);
+    }
   }]);
   return SearchIndex;
 }();
@@ -24412,8 +24673,6 @@ var search_SearchResults = /*#__PURE__*/function () {
 
 
 
-
-
 
 
 
@@ -24441,11 +24700,11 @@ external_vue_default.a.use(lib_tabs_default.a);
 var OrgansViewer = __webpack_require__("53d7").OrgansViewer;
 var EventNotifier = __webpack_require__("9b21").EventNotifier;
 
-/**
- * A vue component of the scaffold viewer.
- *
- * @requires ./OpacityControls.vue
- * @requires ./TreeControls.vue
+/**
+ * A vue component of the scaffold viewer.
+ *
+ * @requires ./OpacityControls.vue
+ * @requires ./TreeControls.vue
  */
 /* harmony default export */ var ScaffoldVuervue_type_script_lang_js_ = ({
   name: "ScaffoldVuer",
@@ -24457,56 +24716,56 @@ var EventNotifier = __webpack_require__("9b21").EventNotifier;
     TreeControls: TreeControls
   },
   props: {
-    /**
-     * URL of the zincjs metadata. This value will be ignored if a valid
-     * state prop is also provided.
-     * If the url needs to be updated with state present, please use
-     * the setURL method.
+    /**
+     * URL of the zincjs metadata. This value will be ignored if a valid
+     * state prop is also provided.
+     * If the url needs to be updated with state present, please use
+     * the setURL method.
      */
     url: {
       type: String,
       default: ""
     },
-    /**
-     * Show the colour control of set to true.
+    /**
+     * Show the colour control of set to true.
      */
     showColourPicker: {
       type: Boolean,
       default: false
     },
-    /**
-     * Flag to show/hide the UI.
+    /**
+     * Flag to show/hide the UI.
      */
     displayUI: {
       type: Boolean,
       default: true
     },
-    /**
-     * Display all graphics at start.
-     *
-     * This setting only works when traditional is set to false.
+    /**
+     * Display all graphics at start.
+     *
+     * This setting only works when traditional is set to false.
      */
     displayAtStartUp: {
       type: Boolean,
       default: true
     },
-    /**
-     * Use for toggling the help tooltips.
+    /**
+     * Use for toggling the help tooltips.
      */
     helpMode: {
       type: Boolean,
       default: false
     },
-    /**
-     * Use for show/display beta warning icon.
+    /**
+     * Use for show/display beta warning icon.
      */
     displayWarning: {
       type: Boolean,
       default: true
     },
-    /**
-     * Warning message for the hovered over text
-     * on the warning icon.
+    /**
+     * Warning message for the hovered over text
+     * on the warning icon.
      */
     warningMessage: {
       type: String,
@@ -24520,29 +24779,35 @@ var EventNotifier = __webpack_require__("9b21").EventNotifier;
       type: String,
       default: "New feature - Local search is now available"
     },
-    /**
-     * Show/hide pickable markers for regions.
+    /**
+     * Show/hide pickable markers for regions.
      */
     displayMarkers: {
       type: Boolean,
       default: false
     },
-    /**
-     * Show/hide minimap.
+    markerLabels: {
+      type: Array,
+      default: function _default() {
+        return [];
+      }
+    },
+    /**
+     * Show/hide minimap.
      */
     displayMinimap: {
       type: Boolean,
       default: false
     },
-    /**
-     * Format of the input URL
+    /**
+     * Format of the input URL
      */
     format: {
       type: String,
       default: "metadata"
     },
-    /**
-     * Settings for minimap position, size and alignment.
+    /**
+     * Settings for minimap position, size and alignment.
      */
     minimapSettings: {
       type: Object,
@@ -24556,9 +24821,9 @@ var EventNotifier = __webpack_require__("9b21").EventNotifier;
         };
       }
     },
-    /**
-     * Flag to determine rather open map UI should be
-     * presented or not.
+    /**
+     * Flag to determine rather open map UI should be
+     * presented or not.
      */
     enableOpenMapUI: {
       type: Boolean,
@@ -24579,32 +24844,32 @@ var EventNotifier = __webpack_require__("9b21").EventNotifier;
         }];
       }
     },
-    /**
-     * State containing state of the scaffold.
+    /**
+     * State containing state of the scaffold.
      */
     state: {
       type: Object,
       default: undefined
     },
-    /**
-     * Optional prop for the name of the region to focus on,
-     * this option is ignored if state or viewURL is also provided.
+    /**
+     * Optional prop for the name of the region to focus on,
+     * this option is ignored if state or viewURL is also provided.
      */
     region: {
       type: String,
       default: ""
     },
-    /**
-     * Optional prop for an URL of containing information of a viewport.
-     * This option is ignored if state is also provided.
-     * It will use the provided URL as base if a relative parth is provided.
+    /**
+     * Optional prop for an URL of containing information of a viewport.
+     * This option is ignored if state is also provided.
+     * It will use the provided URL as base if a relative parth is provided.
      */
     viewURL: {
       type: String,
       default: ""
     },
-    /**
-     * Settings for turning on/off rendering
+    /**
+     * Settings for turning on/off rendering
      */
     render: {
       type: Boolean,
@@ -24616,8 +24881,8 @@ var EventNotifier = __webpack_require__("9b21").EventNotifier;
       sceneData: this.$module.sceneData,
       isPlaying: false,
       isReady: false,
-      /**
-       * This is set when scene is transitioning.
+      /**
+       * This is set when scene is transitioning.
        */
       isTransitioning: false,
       tooltipAppendToBody: false,
@@ -24680,7 +24945,8 @@ var EventNotifier = __webpack_require__("9b21").EventNotifier;
         x: 200,
         y: 200
       },
-      fileFormat: "metadata"
+      fileFormat: "metadata",
+      previousMarkerLabels: []
     };
   },
   watch: {
@@ -24727,11 +24993,11 @@ var EventNotifier = __webpack_require__("9b21").EventNotifier;
       this.$module.scene.displayMinimap = val;
     },
     "sceneData.currentTime": function sceneDataCurrentTime() {
-      /**
-       * Triggers when scene time changes.
-       *
-       * @property {number} time Current build-in time of scene.
-       * of selected object.
+      /**
+       * Triggers when scene time changes.
+       *
+       * @property {number} time Current build-in time of scene.
+       * of selected object.
        */
       this.$emit("timeChanged", this.sceneData.currentTime);
     },
@@ -24744,6 +25010,17 @@ var EventNotifier = __webpack_require__("9b21").EventNotifier;
     },
     render: function render(val) {
       this.toggleRendering(val);
+    },
+    markerLabels: function markerLabels(labels) {
+      var _this = this;
+      console.log("marker labels changed", labels);
+      this.previousMarkerLabels.forEach(function (pml) {
+        _this.setMarkerModeForObjectsWithName(pml, "off");
+      });
+      labels.forEach(function (l) {
+        _this.setMarkerModeForObjectsWithName(l, "on");
+      });
+      this.previousMarkerLabels = labels;
     }
   },
   beforeCreate: function beforeCreate() {
@@ -24754,7 +25031,6 @@ var EventNotifier = __webpack_require__("9b21").EventNotifier;
     this._currentURL = undefined;
     this.availableBackground = ["white", "black", "lightskyblue"];
     this.$_searchIndex = new search_SearchIndex();
-    this.$_tempId = 1;
   },
   mounted: function mounted() {
     this.$refs.treeControls.setModule(this.$module);
@@ -24773,28 +25049,45 @@ var EventNotifier = __webpack_require__("9b21").EventNotifier;
     this.$module = undefined;
   },
   methods: {
-    /**
-     * This is called when a new zinc object is read into the scene.
+    addZincObject: function addZincObject(zincObject) {
+      if (this.$module.scene) {
+        this.$module.scene.addZincObject(zincObject);
+        this.zincObjectAdded(zincObject);
+        if (this.$refs.treeControls) this.$refs.treeControls.zincObjectAdded(zincObject);
+      }
+    },
+    /**
+     * This is called when a new zinc object is read into the scene.
      */
     zincObjectAdded: function zincObjectAdded(zincObject) {
       this.loading = false;
-      zincObject.searchIndexId = ++this.$_tempId;
-      this.$_searchIndex.addZincObject(zincObject, zincObject.searchIndexId);
+      this.$_searchIndex.addZincObject(zincObject, zincObject.uuid);
       this.$emit("zinc-object-added", zincObject);
     },
-    /**
-     * This is called when Change backgspeedround colour button
-     * is pressed an causes the backgrouColornd colour to be changed
-     * to one of the three preset colour: white, black and
-     * lightskyblue.
+    /**
+     * 
+     */
+    addRegionsToSearchIndex: function addRegionsToSearchIndex() {
+      var _this2 = this;
+      var rootRegion = this.$module.scene.getRootRegion();
+      var regions = rootRegion.getChildRegions(true);
+      regions.forEach(function (region) {
+        _this2.$_searchIndex.addRegion(region, region.uuid);
+      });
+    },
+    /**
+     * This is called when Change backgspeedround colour button
+     * is pressed an causes the backgrouColornd colour to be changed
+     * to one of the three preset colour: white, black and
+     * lightskyblue.
      */
     backgroundChangeCallback: function backgroundChangeCallback(colour) {
       this.currentBackground = colour;
       this.$module.zincRenderer.getThreeJSRenderer().setClearColor(this.currentBackground, 1);
     },
-    /**
-     * This is called by captueeScreenshot and after the last render
-     * loop, it download a screenshot of the current scene with no UI.
+    /**
+     * This is called by captueeScreenshot and after the last render
+     * loop, it download a screenshot of the current scene with no UI.
      */
     captureScreenshotCallback: function captureScreenshotCallback() {
       //Remove the callback, only needs to happen once
@@ -24807,17 +25100,27 @@ var EventNotifier = __webpack_require__("9b21").EventNotifier;
       hrefElement.click();
       hrefElement.remove();
     },
-    /**
-     * Function for capturing a screenshot of the current rendering.
-     *
-     * @param {String} filename filename given to the screenshot.
-     *
-     * @public
+    /**
+     * Function for capturing a screenshot of the current rendering.
+     *
+     * @param {String} filename filename given to the screenshot.
+     *
+     * @public
      */
     captureScreenshot: function captureScreenshot(filename) {
       this.captureFilename = filename;
       this.captureID = this.$module.zincRenderer.addPostRenderCallbackFunction(this.captureScreenshotCallback);
     },
+    /**
+     * Function to clear current scene, the tree controls and the search index.
+     *
+     * @public
+     */
+    clearScene: function clearScene() {
+      if (this.$refs.treeControls) this.$refs.treeControls.clear();
+      if (this.$_searchIndex) this.$_searchIndex.removeAll();
+      if (this.$module.scene) this.$module.scene.clearAll();
+    },
     formatTooltip: function formatTooltip(val) {
       if (this.timeMax >= 1000) {
         if (val) {
@@ -24828,52 +25131,52 @@ var EventNotifier = __webpack_require__("9b21").EventNotifier;
       }
       return val ? val.toFixed(2) + " ms" : "0 ms";
     },
-    /**
-     * Function to reset the view to default.
-     * Also called when the associated button is pressed.
-     *
-     * @public
+    /**
+     * Function to reset the view to default.
+     * Also called when the associated button is pressed.
+     *
+     * @public
      */
     fitWindow: function fitWindow() {
       if (this.$module.scene) {
         this.$module.scene.viewAll();
       }
     },
-    /**
-     * Function to zoom in.
-     * Also called when the associated button is pressed.
-     *
-     * @public
+    /**
+     * Function to zoom in.
+     * Also called when the associated button is pressed.
+     *
+     * @public
      */
     zoomIn: function zoomIn() {
       if (this.$module.scene) {
         this.$module.scene.changeZoomByScrollRateUnit(-1);
       }
     },
-    /**
-     * Function to zoom out.
-     * Also called when the associated button is pressed.
-     *
-     * @public
+    /**
+     * Function to zoom out.
+     * Also called when the associated button is pressed.
+     *
+     * @public
      */
     zoomOut: function zoomOut() {
       if (this.$module.scene) {
         this.$module.scene.changeZoomByScrollRateUnit(1);
       }
     },
-    /**
-     * Function to change the current play speed.
-     *
-     * @public
+    /**
+     * Function to change the current play speed.
+     *
+     * @public
      */
     speedChanged: function speedChanged(speed) {
       this.currentSpeed = speed;
       this.$module.setPlayRate(this.defaultRate * this.currentSpeed);
     },
-    /**
-     * Function used to stop the free spin
-     *
-     * @public
+    /**
+     * Function used to stop the free spin
+     *
+     * @public
      */
     stopFreeSpin: function stopFreeSpin() {
       var cameracontrol = this.$module.scene.getZincCameraControls();
@@ -24887,8 +25190,8 @@ var EventNotifier = __webpack_require__("9b21").EventNotifier;
       }
       return objects;
     },
-    /**
-     * Focus on named region
+    /**
+     * Focus on named region
      */
     viewRegion: function viewRegion(names) {
       var rootRegion = this.$module.scene.getRootRegion();
@@ -24937,11 +25240,11 @@ var EventNotifier = __webpack_require__("9b21").EventNotifier;
       }
       return undefined;
     },
-    /**
-     * Function used to rotate the scene.
-     * Also called when the associated button is pressed.
-     *
-     * @public
+    /**
+     * Function used to rotate the scene.
+     * Also called when the associated button is pressed.
+     *
+     * @public
      */
     freeSpin: function freeSpin() {
       if (this.$module.scene) {
@@ -24952,10 +25255,10 @@ var EventNotifier = __webpack_require__("9b21").EventNotifier;
         setTimeout(this.stopFreeSpin, 4000);
       }
     },
-    /**
-     * Callback when a region is selected/highlighted.
-     * It will also update other controls.
-     *
+    /**
+     * Callback when a region is selected/highlighted.
+     * It will also update other controls.
+     *
      */
     eventNotifierCallback: function eventNotifierCallback(event) {
       var names = [];
@@ -24970,10 +25273,10 @@ var EventNotifier = __webpack_require__("9b21").EventNotifier;
         });
         zincObjects = event.zincObjects;
       }
-      /*
-       * Event Type 1: Selected
-       * Event Type 2: Highlighted
-       * Event Type 1: Move
+      /*
+       * Event Type 1: Selected
+       * Event Type 2: Highlighted
+       * Event Type 1: Move
        */
       if (event.eventType == 1) {
         if (this.$refs.treeControls) {
@@ -25004,7 +25307,7 @@ var EventNotifier = __webpack_require__("9b21").EventNotifier;
             if (event.identifiers[0].coords) {
               this.tData.visible = true;
               this.tData.label = id;
-              if (event.identifiers[0].data.region) this.tData.region = event.identifiers[0].data.region;else this.tData.region = "Root";
+              if (event.identifiers[0].data.region) this.tData.region = event.identifiers[0].data.region;else this.tData.region = undefined;
               this.tData.x = event.identifiers[0].coords.x;
               this.tData.y = event.identifiers[0].coords.y;
             }
@@ -25023,10 +25326,10 @@ var EventNotifier = __webpack_require__("9b21").EventNotifier;
         }
       }
     },
-    /**
-     * Get the coordinates of the current selected region.
-     *
-     * @public
+    /**
+     * Get the coordinates of the current selected region.
+     *
+     * @public
      */
     getCoordinatesOfSelected: function getCoordinatesOfSelected() {
       if (this.selectedObjects && this.selectedObjects.length > 0) {
@@ -25034,46 +25337,46 @@ var EventNotifier = __webpack_require__("9b21").EventNotifier;
       }
       return undefined;
     },
-    /**
-     * Return an object containing the window coordinates of the
-     * current selected region which will be updated after each render
-     * loop.
-     *
-     * @public
+    /**
+     * Return an object containing the window coordinates of the
+     * current selected region which will be updated after each render
+     * loop.
+     *
+     * @public
      */
     getDynamicSelectedCoordinates: function getDynamicSelectedCoordinates() {
       return this.$module.selectedScreenCoordinates;
     },
-    /**
-     * Callback when time is changed through the UI.
+    /**
+     * Callback when time is changed through the UI.
      */
     timeChange: function timeChange(event) {
       var normalizedTime = event / this.timeMax * 100;
       if (normalizedTime != this.sceneData.currentTime) this.$module.updateTime(normalizedTime);
     },
-    /**
-     * A callback used by children components. Set the selected zinc object
-     *
-     * @param {object} object Zinc object
+    /**
+     * A callback used by children components. Set the selected zinc object
+     *
+     * @param {object} object Zinc object
      */
     objectSelected: function objectSelected(objects, propagate) {
       this.selectedObjects = objects;
       if (this.selectedObjects && this.selectedObjects.length > 0) this.$refs.opacityControl.setObject(this.selectedObjects[0]);
       this.$module.setSelectedByZincObjects(objects, undefined, propagate);
     },
-    /**
-     * A callback used by children components. Set the highlighted zinc object
-     *
-     * @param {object} object Zinc object
+    /**
+     * A callback used by children components. Set the highlighted zinc object
+     *
+     * @param {object} object Zinc object
      */
     objectHovered: function objectHovered(objects, propagate) {
       this.hoveredObjects = objects;
       this.$module.setHighlightedByZincObjects(objects, undefined, propagate);
     },
-    /**
-     * Set the selected by name.
-     *
-     * @param {} name Name of the group
+    /**
+     * Set the selected by name.
+     *
+     * @param {} name Name of the group
      */
     changeActiveByName: function changeActiveByName(names, region, propagate) {
       var isArray = Array.isArray(names);
@@ -25085,10 +25388,10 @@ var EventNotifier = __webpack_require__("9b21").EventNotifier;
         this.$refs.treeControls.changeActiveByNames(array, region, propagate);
       }
     },
-    /**
-     * Set the highlighted by name.
-     *
-     * @param {name} name Name of the group
+    /**
+     * Set the highlighted by name.
+     *
+     * @param {name} name Name of the group
      */
     changeHighlightedByName: function changeHighlightedByName(names, region, propagate) {
       var isArray = Array.isArray(names);
@@ -25100,10 +25403,10 @@ var EventNotifier = __webpack_require__("9b21").EventNotifier;
         this.$refs.treeControls.changeHoverByNames(array, region, propagate);
       }
     },
-    /**
-     * Start the animation.
-     *
-     * @param {object} object Zinc object
+    /**
+     * Start the animation.
+     *
+     * @param {object} object Zinc object
      */
     play: function play(flag) {
       this.$module.playAnimation(flag);
@@ -25112,8 +25415,8 @@ var EventNotifier = __webpack_require__("9b21").EventNotifier;
       //this.hideRegionTooltip();
     },
 
-    /**
-     * Function to toggle on/off overlay help.
+    /**
+     * Function to toggle on/off overlay help.
      */
     setHelpMode: function setHelpMode(helpMode) {
       if (helpMode) {
@@ -25128,16 +25431,16 @@ var EventNotifier = __webpack_require__("9b21").EventNotifier;
         });
       }
     },
-    /**
-     * Callback function used by showRegionTooltip in the case when the tooltip
-     * is out of view.
+    /**
+     * Callback function used by showRegionTooltip in the case when the tooltip
+     * is out of view.
      */
-    displayTooltipOfObjectsCallback: function displayTooltipOfObjectsCallback(name, objects, resetView, liveUpdates) {
+    displayTooltipOfObjectsCallback: function displayTooltipOfObjectsCallback(name, objects, regionPath, resetView, liveUpdates) {
       var instance = this;
       return function () {
         instance.$module.zincRenderer.removePostRenderCallbackFunction(instance.$_regionTooltipCallback);
         instance.$_regionTooltipCallback = undefined;
-        instance.displayTooltipOfObjects(name, objects, resetView, liveUpdates);
+        instance.displayTooltipOfObjects(name, objects, regionPath, resetView, liveUpdates);
       };
     },
     liveUpdateTooltipPosition: function liveUpdateTooltipPosition() {
@@ -25146,7 +25449,7 @@ var EventNotifier = __webpack_require__("9b21").EventNotifier;
         this.tData.y = this.$module.selectedScreenCoordinates.y;
       }
     },
-    displayTooltipOfObjects: function displayTooltipOfObjects(name, objects, resetView, liveUpdates) {
+    displayTooltipOfObjects: function displayTooltipOfObjects(name, objects, regionPath, resetView, liveUpdates) {
       if (objects.length > 0) {
         var coords = objects[0].getClosestVertexDOMElementCoords(this.$module.scene);
         if (coords) {
@@ -25160,20 +25463,19 @@ var EventNotifier = __webpack_require__("9b21").EventNotifier;
               if (this.$_regionTooltipCallback) {
                 this.$module.zincRenderer.removePostRenderCallbackFunction(this.$_regionTooltipCallback);
               }
-              this.$_regionTooltipCallback = this.$module.zincRenderer.addPostRenderCallbackFunction(this.displayTooltipOfObjectsCallback(name, objects, resetView, liveUpdates));
+              this.$_regionTooltipCallback = this.$module.zincRenderer.addPostRenderCallbackFunction(this.displayTooltipOfObjectsCallback(name, objects, regionPath, resetView, liveUpdates));
             }
           } else {
             this.tData.visible = true;
             this.tData.label = name;
             this.tData.x = coords.position.x;
             this.tData.y = coords.position.y;
-            var regionPath = objects[0].getRegion().getFullPath();
-            if (regionPath) this.tData.region = regionPath;else this.tData.region = "Root";
+            this.tData.region = regionPath;
+            if (this.$_liveCoordinatesUpdated) {
+              this.$module.zincRenderer.removePostRenderCallbackFunction(this.$_liveCoordinatesUpdated);
+            }
             if (liveUpdates) {
               this.$module.setupLiveCoordinates(objects);
-              if (this.$_liveCoordinatesUpdated) {
-                this.$module.zincRenderer.removePostRenderCallbackFunction(this.$_liveCoordinatesUpdated);
-              }
               this.$_liveCoordinatesUpdated = this.$module.zincRenderer.addPostRenderCallbackFunction(this.liveUpdateTooltipPosition);
             }
           }
@@ -25183,18 +25485,53 @@ var EventNotifier = __webpack_require__("9b21").EventNotifier;
       this.hideRegionTooltip();
       return false;
     },
-    /**
-     * Display the tooltip. When resetView is set to true, it will
-     * reset view if the tooltip is not in view.
-     * Setting liveUpdates to true will update the tooltip location
-     * at every rendering loop.
+    /**
+     * Display the tooltip used for displaying search result.
+     * When resetView is set to true, it will
+     * reset view if the tooltip is not in view.
+     * Setting liveUpdates to true will update the tooltip location
+     * at every rendering loop.
+     */
+    showRegionTooltipWithObjects: function showRegionTooltipWithObjects(label, zincObjects, regionPath, resetView, liveUpdates) {
+      if (label && zincObjects && zincObjects.length > 0 && this.$module.scene) {
+        return this.displayTooltipOfObjects(label, zincObjects, regionPath, resetView, liveUpdates);
+      }
+      this.hideRegionTooltip();
+      return false;
+    },
+    /**
+     * Display the tooltip. When resetView is set to true, it will
+     * reset view if the tooltip is not in view.
+     * Setting liveUpdates to true will update the tooltip location
+     * at every rendering loop.
      */
     showRegionTooltip: function showRegionTooltip(name, resetView, liveUpdates) {
       if (name && this.$module.scene) {
         var rootRegion = this.$module.scene.getRootRegion();
         var groups = [name];
         var objects = utilities_findObjectsWithNames(rootRegion, groups, "", true);
-        return this.displayTooltipOfObjects(name, objects, resetView, liveUpdates);
+        var regionPath = undefined;
+        if (objects && objects.length > 0) {
+          regionPath = objects[0].getRegion().getFullPath();
+        }
+        return this.showRegionTooltipWithObjects(name, objects, regionPath, resetView, liveUpdates);
+      }
+      this.hideRegionTooltip();
+      return false;
+    },
+    /**
+     * Display the tooltip using the list of annotations.
+     * When resetView is set to true, it will
+     * reset view if the tooltip is not in view.
+     * Setting liveUpdates to true will update the tooltip location
+     * at every rendering loop.
+     */
+    showRegionTooltipWithAnnotations: function showRegionTooltipWithAnnotations(annotations, resetView, liveUpdates) {
+      if (this.$module.scene) {
+        var result = getObjectsFromAnnotations(this.$module.scene, annotations);
+        if (result && result.objects.length > 0) {
+          return this.showRegionTooltipWithObjects(result.label, result.objects, result.regionPath, resetView, liveUpdates);
+        }
       }
       this.hideRegionTooltip();
       return false;
@@ -25206,22 +25543,49 @@ var EventNotifier = __webpack_require__("9b21").EventNotifier;
         this.$module.setupLiveCoordinates(undefined);
       }
       this.tData.visible = false;
-      this.tData.region = "Root";
+      this.tData.region = undefined;
     },
-    /**
-     * This is called when mouse cursor enters supported elements
-     * with help tootltips.
+    /**
+     * Set the marker modes for objects with the provided name, mode can
+     * be "on", "off" or "inherited".
+     */
+    setMarkerModeForObjectsWithName: function setMarkerModeForObjectsWithName(name, mode) {
+      if (name && this.$module.scene) {
+        var rootRegion = this.$module.scene.getRootRegion();
+        var groups = [name];
+        var objects = utilities_findObjectsWithNames(rootRegion, groups, "", true);
+        objects.forEach(function (object) {
+          return object.setMarkerMode(mode);
+        });
+      }
+    },
+    /**
+     * Set the marker modes for objects specified by the list of annotations
+     */
+    setMarkerModeWithAnnotations: function setMarkerModeWithAnnotations(annotations, mode) {
+      if (this.$module.scene) {
+        var result = getObjectsFromAnnotations(this.$module.scene, annotations);
+        if (result && result.objects.length > 0) {
+          result.objects.forEach(function (object) {
+            return object.setMarkerMode(mode);
+          });
+        }
+      }
+    },
+    /**
+     * This is called when mouse cursor enters supported elements
+     * with help tootltips.
      */
     showHelpText: function showHelpText(helpTextNumber) {
-      var _this = this;
+      var _this3 = this;
       if (!this.inHelp) {
         this.helpTextWait = setTimeout(function () {
-          _this.hoverVisibilities[helpTextNumber].value = true;
+          _this3.hoverVisibilities[helpTextNumber].value = true;
         }, 500);
       }
     },
-    /**
-     * This is called when mouse cursor exits supported element..
+    /**
+     * This is called when mouse cursor exits supported element..
      */
     hideHelpText: function hideHelpText(helpTextNumber) {
       if (!this.inHelp) {
@@ -25235,19 +25599,14 @@ var EventNotifier = __webpack_require__("9b21").EventNotifier;
           this.objectSelected([], true);
           return false;
         } else {
-          var zincObjectResults = [];
-          if (Array.isArray(text)) {
-            //zincObjectResults = this.$_searchIndex.search("Heart");
-            zincObjectResults = this.$_searchIndex.searchTerms(text);
-          } else {
-            zincObjectResults = this.$_searchIndex.search(text);
-          }
-          if (zincObjectResults.length > 0) {
-            this.objectSelected(zincObjectResults, true);
+          var result = this.$_searchIndex.searchAndProcessResult(text);
+          var zincObjects = result.zincObjects;
+          if (zincObjects.length > 0) {
+            this.objectSelected(zincObjects, true);
             if (displayLabel) {
-              for (var i = 0; i < zincObjectResults.length; i++) {
-                if (zincObjectResults[i] && zincObjectResults[i].groupName) {
-                  this.showRegionTooltip(zincObjectResults[i].groupName, true, true);
+              for (var i = 0; i < zincObjects.length; i++) {
+                if (zincObjects[i] && zincObjects[i].groupName) {
+                  this.showRegionTooltipWithObjects(result.label, zincObjects, result.regionPath, true, true);
                 }
               }
             }
@@ -25259,21 +25618,21 @@ var EventNotifier = __webpack_require__("9b21").EventNotifier;
       }
       return false;
     },
-    /**
-     * Get the list of suggested terms
+    /**
+     * Get the list of suggested terms
      */
     fetchSuggestions: function fetchSuggestions(term) {
       if (this.$_searchIndex === undefined) return [];
       return this.$_searchIndex.auto_suggest(term);
     },
-    /**
-     * Called when minimap settings has changed. Pass the
-     * parameters to ZincJS and marked it for update.
+    /**
+     * Called when minimap settings has changed. Pass the
+     * parameters to ZincJS and marked it for update.
      */
     updateMinimapScissor: function updateMinimapScissor() {
-      var _this2 = this;
+      var _this4 = this;
       Object.keys(this.minimapSettings).forEach(function (key) {
-        _this2.$module.scene.minimapScissor[key] = _this2.minimapSettings[key];
+        _this4.$module.scene.minimapScissor[key] = _this4.minimapSettings[key];
       });
       this.$module.scene.minimapScissor.updateRequired = true;
     },
@@ -25290,37 +25649,38 @@ var EventNotifier = __webpack_require__("9b21").EventNotifier;
       this.timeMax = this.$module.scene.getDuration();
     },
     setURLFinishCallback: function setURLFinishCallback(options) {
-      var _this3 = this;
+      var _this5 = this;
       return function () {
         if (options) {
           if (options.viewport) {
-            _this3.$module.scene.getZincCameraControls().setCurrentCameraSettings(options.viewport);
+            _this5.$module.scene.getZincCameraControls().setCurrentCameraSettings(options.viewport);
           } else if (options.viewURL && options.viewURL !== "") {
-            var url = new URL(options.viewURL, _this3.url);
-            _this3.$module.scene.loadViewURL(url);
+            var url = new URL(options.viewURL, _this5.url);
+            _this5.$module.scene.loadViewURL(url);
           } else if (options.region && options.region !== "") {
-            _this3.viewRegion(options.region);
+            _this5.viewRegion(options.region);
           }
           if (options.visibility) {
             // Some UIs may not be ready at this time.
-            _this3.$nextTick(function () {
-              _this3.$refs.treeControls.setState(options.visibility);
+            _this5.$nextTick(function () {
+              _this5.$refs.treeControls.setState(options.visibility);
             });
           }
         }
-        _this3.updateSettingsfromScene();
-        _this3.$module.updateTime(0.01);
-        _this3.$module.updateTime(0);
-        _this3.$module.unsetFinishDownloadCallback();
-        _this3.$emit("on-ready");
-        _this3.isReady = true;
+        _this5.updateSettingsfromScene();
+        _this5.$module.updateTime(0.01);
+        _this5.$module.updateTime(0);
+        _this5.$module.unsetFinishDownloadCallback();
+        _this5.addRegionsToSearchIndex();
+        _this5.$emit("on-ready");
+        _this5.isReady = true;
       };
     },
-    /**
-     * Function used for getting the current states of the scene. This exported states
-     * can be imported using the importStates method.
-     *
-     * @public
+    /**
+     * Function used for getting the current states of the scene. This exported states
+     * can be imported using the importStates method.
+     *
+     * @public
      */
     getState: function getState() {
       var state = {
@@ -25336,11 +25696,11 @@ var EventNotifier = __webpack_require__("9b21").EventNotifier;
       }
       return state;
     },
-    /**
-     * Function used for importing the states of the scene. This exported states
-     * can be imported using the read states method.
-     *
-     * @public
+    /**
+     * Function used for importing the states of the scene. This exported states
+     * can be imported using the read states method.
+     *
+     * @public
      */
     setState: function setState(state) {
       if (state) {
@@ -25368,12 +25728,12 @@ var EventNotifier = __webpack_require__("9b21").EventNotifier;
     exportGLTF: function exportGLTF(binary) {
       return this.$module.scene.exportGLTF(binary);
     },
-    /**
-     * Function used for reading in new scaffold metadata and a custom
-     * viewport. This function will ignore the state prop and
-     * read in the new url.
-     *
-     * @public
+    /**
+     * Function used for reading in new scaffold metadata and a custom
+     * viewport. This function will ignore the state prop and
+     * read in the new url.
+     *
+     * @public
      */
     setURLAndState: function setURLAndState(newValue, state) {
       if (newValue != this._currentURL) {
@@ -25384,6 +25744,8 @@ var EventNotifier = __webpack_require__("9b21").EventNotifier;
         if (this.$refs.treeControls) this.$refs.treeControls.clear();
         this.loading = true;
         this.isReady = false;
+        this.$_searchIndex.removeAll();
+        this.hideRegionTooltip();
         this.$module.setFinishDownloadCallback(this.setURLFinishCallback({
           viewport: viewport,
           region: this.region,
@@ -25395,33 +25757,30 @@ var EventNotifier = __webpack_require__("9b21").EventNotifier;
         } else {
           this.$module.loadOrgansFromURL(newValue, undefined, undefined, "scene", undefined, true);
         }
-        this.$_searchIndex.removeAll();
-        this.$_tempId = 1;
-        this.hideRegionTooltip();
         this.$module.scene.displayMarkers = this.displayMarkers;
         this.$module.scene.forcePickableObjectsUpdate = true;
         this.$module.scene.displayMinimap = this.displayMinimap;
         this.updateMinimapScissor();
       }
     },
-    /**
-     * Function used for reading in new scaffold metadata. This function will ignore
-     * the state prop and read in the new url.
-     *
-     * @public
+    /**
+     * Function used for reading in new scaffold metadata. This function will ignore
+     * the state prop and read in the new url.
+     *
+     * @public
      */
     setURL: function setURL(newValue) {
       this.setURLAndState(newValue, undefined);
     },
-    /**
-     * Callback when drawer is toggled.
+    /**
+     * Callback when drawer is toggled.
      */
     drawerToggled: function drawerToggled(flag) {
       this.drawerOpen = flag;
       this.adjustLayout();
     },
-    /**
-     * Callback using ResizeObserver.
+    /**
+     * Callback using ResizeObserver.
      */
     adjustLayout: function adjustLayout() {
       var width = this.$refs.scaffoldContainer.clientWidth;
@@ -25449,13 +25808,13 @@ var EventNotifier = __webpack_require__("9b21").EventNotifier;
     syncControlCallback: function syncControlCallback() {
       var payload = this.$module.NDCCameraControl.getPanZoom();
       if (this.tData.visible) {
-        this.showRegionTooltip(this.tData.label);
+        this.showRegionTooltip(this.tData.label, true, true);
       }
       this.$emit("scaffold-navigated", payload);
     },
-    /**
-     * Rotate mode - "none", "horizontal", "vertical", "free" but
-     * it will be ignored if flag is set to false.
+    /**
+     * Rotate mode - "none", "horizontal", "vertical", "free" but
+     * it will be ignored if flag is set to false.
      */
     toggleSyncControl: function toggleSyncControl(flag, rotateMode) {
       this.$module.toggleSyncControl(flag, rotateMode);
@@ -25465,11 +25824,11 @@ var EventNotifier = __webpack_require__("9b21").EventNotifier;
 });
 // CONCATENATED MODULE: ./src/components/ScaffoldVuer.vue?vue&type=script&lang=js&
  /* harmony default export */ var components_ScaffoldVuervue_type_script_lang_js_ = (ScaffoldVuervue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./src/components/ScaffoldVuer.vue?vue&type=style&index=0&id=02838f59&prod&scoped=true&lang=scss&
-var ScaffoldVuervue_type_style_index_0_id_02838f59_prod_scoped_true_lang_scss_ = __webpack_require__("f4b0");
+// EXTERNAL MODULE: ./src/components/ScaffoldVuer.vue?vue&type=style&index=0&id=04d71683&prod&scoped=true&lang=scss&
+var ScaffoldVuervue_type_style_index_0_id_04d71683_prod_scoped_true_lang_scss_ = __webpack_require__("2615");
 
-// EXTERNAL MODULE: ./src/components/ScaffoldVuer.vue?vue&type=style&index=1&id=02838f59&prod&lang=scss&
-var ScaffoldVuervue_type_style_index_1_id_02838f59_prod_lang_scss_ = __webpack_require__("2ce7");
+// EXTERNAL MODULE: ./src/components/ScaffoldVuer.vue?vue&type=style&index=1&id=04d71683&prod&lang=scss&
+var ScaffoldVuervue_type_style_index_1_id_04d71683_prod_lang_scss_ = __webpack_require__("d3b9");
 
 // CONCATENATED MODULE: ./src/components/ScaffoldVuer.vue
 
@@ -25487,7 +25846,7 @@ var ScaffoldVuer_component = normalizeComponent(
   staticRenderFns,
   false,
   null,
-  "02838f59",
+  "04d71683",
   null
   
 )