@abi-software/scaffoldvuer 0.1.55 → 0.1.57

package/dist/scaffoldvuer.umd.js

@@ -96,17 +96,6 @@ return /******/ (function(modules) { // webpackBootstrap
 /************************************************************************/
 /******/ ({
 
-/***/ "00f9":
-/***/ (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_7c593a3d_prod_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("2678");
-/* 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_7c593a3d_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_7c593a3d_prod_lang_css___WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
-/***/ }),
-
 /***/ "0676":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -130,6 +119,17 @@ module.exports = _nonIterableSpread, module.exports.__esModule = true, module.ex
 
 // extracted by mini-css-extract-plugin
 
+/***/ }),
+
+/***/ "0b3d":
+/***/ (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_76c6d101_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("7a83");
+/* 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_76c6d101_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_76c6d101_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "0d58":
@@ -338,6 +338,17 @@ exports.default = function (ref) {
 
 ;
 
+/***/ }),
+
+/***/ "132a":
+/***/ (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_76c6d101_prod_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("af8b");
+/* 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_76c6d101_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_76c6d101_prod_lang_css___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "13e3":
@@ -2014,13 +2025,6 @@ module.exports = require("core-js/modules/es.array.push.js");
 
 /***/ }),
 
-/***/ "2678":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
-/***/ }),
-
 /***/ "299c":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -2579,13 +2583,6 @@ module.exports = require("core-js/modules/es.symbol.iterator.js");
 
 /***/ }),
 
-/***/ "3608":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
-/***/ }),
-
 /***/ "3d2d":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -3036,6 +3033,17 @@ exports.default = {
 
 module.exports = require("@abi-software/svg-sprite");
 
+/***/ }),
+
+/***/ "4300":
+/***/ (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_7e036054_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("d4cf");
+/* 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_7e036054_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_7e036054_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "4362":
@@ -5820,12 +5828,14 @@ var OrgansSceneData = function OrgansSceneData() {
   this.currentSpecies = "";
   this.metaURL = "";
   this.viewURL = "";
+  this.currentTime = 0.0;
+  this.timeVarying = false;
+};
+var PrimitiveData = function PrimitiveData() {
   this.geometries = [];
   this.lines = [];
   this.glyphsets = [];
   this.pointsets = [];
-  this.currentTime = 0.0;
-  this.timeVarying = false;
 };
 
 /**
@@ -5848,6 +5858,7 @@ 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();
@@ -6127,15 +6138,15 @@ var OrgansViewer = function OrgansViewer(ModelsLoaderIn) {
       internalRenderer.setClearColor(colour, 1);
     }
   };
-  var addOrganPartToSceneData = function addOrganPartToSceneData(zincObject) {
+  var addOrganPartToPrimitiveData = function addOrganPartToPrimitiveData(zincObject) {
     if (zincObject.isGeometry) {
-      _this.sceneData.geometries.push(zincObject);
+      _this.primitiveData.geometries.push(zincObject);
     } else if (zincObject.isGlyphset) {
-      _this.sceneData.glyphsets.push(zincObject);
+      _this.primitiveData.glyphsets.push(zincObject);
     } else if (zincObject.isLines) {
-      _this.sceneData.lines.push(zincObject);
+      _this.primitiveData.lines.push(zincObject);
     } else if (zincObject.isPointset) {
-      _this.sceneData.pointsets.push(zincObject);
+      _this.primitiveData.pointsets.push(zincObject);
     }
   };
   var addOrganPart = function addOrganPart(systemName, partName, useDefautColour, zincObject) {
@@ -6143,7 +6154,7 @@ var OrgansViewer = function OrgansViewer(ModelsLoaderIn) {
       organPartAddedCallbacks[i](zincObject, _this.scene.isTimeVarying());
     }
     if (useDefautColour) modelsLoader.setGeometryColour(zincObject, systemName, partName);
-    addOrganPartToSceneData(zincObject);
+    addOrganPartToPrimitiveData(zincObject);
     var annotation = new (__webpack_require__("984d").annotation)();
     var region = zincObject.region.getFullPath();
     annotation.data = {
@@ -6232,10 +6243,10 @@ var OrgansViewer = function OrgansViewer(ModelsLoaderIn) {
     _this.sceneData.currentSystem = systemName;
     _this.sceneData.currentPart = partName;
     _this.sceneData.currentTime = 0.0;
-    _this.sceneData.geometries.splice(0);
-    _this.sceneData.lines.splice(0);
-    _this.sceneData.glyphsets.splice(0);
-    _this.sceneData.pointsets.splice(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 = "";
@@ -6458,13 +6469,6 @@ exports.default = {
 
 /***/ }),
 
-/***/ "5636":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
-/***/ }),
-
 /***/ "5924":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -6727,12 +6731,12 @@ module.exports = _arrayLikeToArray, module.exports.__esModule = true, module.exp
 
 /***/ }),
 
-/***/ "5d4b":
+/***/ "5cb0":
 /***/ (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_b7267e48_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("c399");
-/* 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_b7267e48_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_b7267e48_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
+/* 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_4505cca0_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("ad17");
+/* 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_4505cca0_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_4505cca0_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
 /* unused harmony reexport * */
 
 
@@ -6804,7 +6808,7 @@ exports.GraphicsHighlight = function () {
     return _temp1;
   };
   this.setHighlighted = function (objects) {
-    var previousHighlightedObjects = currentHighlightedObjects;
+    var previousHighlightedObjects = _toConsumableArray(currentHighlightedObjects);
     _this.resetHighlighted();
     // Selected object cannot be highlighted
     var array = getUnmatchingObjects(objects, currentSelectedObjects);
@@ -6818,9 +6822,9 @@ exports.GraphicsHighlight = function () {
   };
   this.setSelected = function (objects) {
     // first find highlighted object that are not selected
-    var previousHSelectedObjects = currentSelectedObjects;
+    var previousHSelectedObjects = _toConsumableArray(currentSelectedObjects);
     var array = getUnmatchingObjects(currentHighlightedObjects, objects);
-    currentHighlightedObjects = array;
+    _this.resetHighlighted();
     _this.resetSelected();
     var fullList = getFullListOfObjects(objects);
     for (var i = 0; i < fullList.length; i++) {
@@ -8134,6 +8138,13 @@ var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol
 
 /***/ }),
 
+/***/ "6345":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
 /***/ "6378":
 /***/ (function(module, exports) {
 
@@ -14116,6 +14127,13 @@ module.exports = __webpack_require__("8bbf");
 
 /***/ }),
 
+/***/ "7a83":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
 /***/ "7b31":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -17373,6 +17391,13 @@ var isDefined = exports.isDefined = function isDefined(val) {
 
 /***/ }),
 
+/***/ "ad17":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
 /***/ "adec":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -17380,6 +17405,13 @@ var isDefined = exports.isDefined = function isDefined(val) {
 
 /***/ }),
 
+/***/ "af8b":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
 /***/ "b2d6":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -17511,17 +17543,6 @@ exports.default = {
   }
 };
 
-/***/ }),
-
-/***/ "b3fe":
-/***/ (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_15421d6d_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("f926");
-/* 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_15421d6d_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_15421d6d_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "b5c2":
@@ -17529,17 +17550,6 @@ exports.default = {
 
 // extracted by mini-css-extract-plugin
 
-/***/ }),
-
-/***/ "b869":
-/***/ (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_7c593a3d_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("3608");
-/* 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_7c593a3d_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_7c593a3d_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "b94f":
@@ -17745,10 +17755,14 @@ col.install = function (Vue) {
 
 /***/ }),
 
-/***/ "c399":
-/***/ (function(module, exports, __webpack_require__) {
+/***/ "c3e0":
+/***/ (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_4505cca0_prod_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("6345");
+/* 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_4505cca0_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_4505cca0_prod_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
 
-// extracted by mini-css-extract-plugin
 
 /***/ }),
 
@@ -18142,17 +18156,6 @@ exports.WEBGL = {
   }
 };
 
-/***/ }),
-
-/***/ "cf5e":
-/***/ (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_15421d6d_prod_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("5636");
-/* 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_15421d6d_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_15421d6d_prod_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "d010":
@@ -18217,6 +18220,13 @@ function isKorean(text) {
 
 /***/ }),
 
+/***/ "d4cf":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
 /***/ "d4df":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -22246,13 +22256,6 @@ module.exports = require("core-js/modules/es.array.splice.js");
 
 /***/ }),
 
-/***/ "f926":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
-/***/ }),
-
 /***/ "f989":
 /***/ (function(module, exports) {
 
@@ -22294,7 +22297,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":"22a1b63e-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=15421d6d&scoped=true&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"45bcbdd6-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=4505cca0&scoped=true&
 var render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -22368,10 +22371,10 @@ var render = function render() {
     staticClass: "el-icon-warning warning-icon",
     on: {
       "mouseover": function mouseover($event) {
-        return _vm.showToolitip(6);
+        return _vm.showHelpText(6);
       },
       "mouseout": function mouseout($event) {
-        return _vm.hideToolitip(6);
+        return _vm.hideHelpText(6);
       }
     }
   }, [_c('span', {
@@ -22398,10 +22401,9 @@ var render = function render() {
       rawName: "v-popover:checkBoxPopover",
       arg: "checkBoxPopover"
     }],
-    ref: "treeControl",
+    ref: "treeControls",
     attrs: {
       "help-mode": _vm.helpMode,
-      "module": _vm.$module,
       "show-colour-picker": _vm.showColourPicker
     },
     on: {
@@ -22548,10 +22550,10 @@ var render = function render() {
         return _vm.zoomIn();
       },
       "mouseover": function mouseover($event) {
-        return _vm.showToolitip(0);
+        return _vm.showHelpText(0);
       },
       "mouseout": function mouseout($event) {
-        return _vm.hideToolitip(0);
+        return _vm.hideHelpText(0);
       }
     },
     slot: "reference"
@@ -22581,10 +22583,10 @@ var render = function render() {
         return _vm.zoomOut();
       },
       "mouseover": function mouseover($event) {
-        return _vm.showToolitip(1);
+        return _vm.showHelpText(1);
       },
       "mouseout": function mouseout($event) {
-        return _vm.hideToolitip(1);
+        return _vm.hideHelpText(1);
       }
     },
     slot: "reference"
@@ -22613,10 +22615,10 @@ var render = function render() {
         return _vm.fitWindow();
       },
       "mouseover": function mouseover($event) {
-        return _vm.showToolitip(2);
+        return _vm.showHelpText(2);
       },
       "mouseout": function mouseout($event) {
-        return _vm.hideToolitip(2);
+        return _vm.hideHelpText(2);
       }
     },
     slot: "reference"
@@ -22675,10 +22677,10 @@ var render = function render() {
     },
     nativeOn: {
       "mouseover": function mouseover($event) {
-        return _vm.showToolitip(3);
+        return _vm.showHelpText(3);
       },
       "mouseout": function mouseout($event) {
-        return _vm.hideToolitip(3);
+        return _vm.hideHelpText(3);
       }
     },
     slot: "reference"
@@ -22686,7 +22688,7 @@ var render = function render() {
 };
 var staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/ScaffoldVuer.vue?vue&type=template&id=15421d6d&scoped=true&
+// CONCATENATED MODULE: ./src/components/ScaffoldVuer.vue?vue&type=template&id=4505cca0&scoped=true&
 
 // EXTERNAL MODULE: ./node_modules/element-ui/lib/theme-chalk/tabs.css
 var tabs = __webpack_require__("075a");
@@ -22788,7 +22790,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":"22a1b63e-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":"45bcbdd6-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&
 var OpacityControlsvue_type_template_id_4c00a30f_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -23095,8 +23097,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":"22a1b63e-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=b7267e48&scoped=true&
-var ScaffoldTooltipvue_type_template_id_b7267e48_scoped_true_render = function render() {
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"45bcbdd6-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=7e036054&scoped=true&
+var ScaffoldTooltipvue_type_template_id_7e036054_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -23129,9 +23131,9 @@ var ScaffoldTooltipvue_type_template_id_b7267e48_scoped_true_render = function r
     }]
   })])], 1);
 };
-var ScaffoldTooltipvue_type_template_id_b7267e48_scoped_true_staticRenderFns = [];
+var ScaffoldTooltipvue_type_template_id_7e036054_scoped_true_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/ScaffoldTooltip.vue?vue&type=template&id=b7267e48&scoped=true&
+// CONCATENATED MODULE: ./src/components/ScaffoldTooltip.vue?vue&type=template&id=7e036054&scoped=true&
 
 // EXTERNAL MODULE: external "core-js/modules/es.number.constructor.js"
 var es_number_constructor_js_ = __webpack_require__("f989");
@@ -23182,9 +23184,13 @@ external_vue_default.a.use(lib_popover_default.a);
   },
   computed: {
     position: function position() {
+      var yOffset = 30;
+      if (this.region) {
+        yOffset = 45;
+      }
       return {
         left: this.x + "px",
-        top: this.y - 30 + "px"
+        top: this.y - yOffset + "px"
       };
     }
   },
@@ -23205,8 +23211,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=b7267e48&prod&scoped=true&lang=scss&
-var ScaffoldTooltipvue_type_style_index_0_id_b7267e48_prod_scoped_true_lang_scss_ = __webpack_require__("5d4b");
+// EXTERNAL MODULE: ./src/components/ScaffoldTooltip.vue?vue&type=style&index=0&id=7e036054&prod&scoped=true&lang=scss&
+var ScaffoldTooltipvue_type_style_index_0_id_7e036054_prod_scoped_true_lang_scss_ = __webpack_require__("4300");
 
 // CONCATENATED MODULE: ./src/components/ScaffoldTooltip.vue
 
@@ -23219,18 +23225,18 @@ var ScaffoldTooltipvue_type_style_index_0_id_b7267e48_prod_scoped_true_lang_scss
 
 var ScaffoldTooltip_component = normalizeComponent(
   components_ScaffoldTooltipvue_type_script_lang_js_,
-  ScaffoldTooltipvue_type_template_id_b7267e48_scoped_true_render,
-  ScaffoldTooltipvue_type_template_id_b7267e48_scoped_true_staticRenderFns,
+  ScaffoldTooltipvue_type_template_id_7e036054_scoped_true_render,
+  ScaffoldTooltipvue_type_template_id_7e036054_scoped_true_staticRenderFns,
   false,
   null,
-  "b7267e48",
+  "7e036054",
   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":"22a1b63e-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=7c593a3d&scoped=true&
-var TreeControlsvue_type_template_id_7c593a3d_scoped_true_render = function render() {
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"45bcbdd6-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=76c6d101&scoped=true&
+var TreeControlsvue_type_template_id_76c6d101_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -23259,7 +23265,7 @@ var TreeControlsvue_type_template_id_7c593a3d_scoped_true_render = function rend
       "data": _vm.treeData,
       "default-checked-keys": ['__r/'],
       "expand-on-click-node": false,
-      "renderAfterExpand": false
+      "render-after-expand": false
     },
     on: {
       "check": _vm.checkChanged
@@ -23283,7 +23289,7 @@ var TreeControlsvue_type_template_id_7c593a3d_scoped_true_render = function rend
               return _vm.changeHoverByNode(data, true);
             }
           }
-        }, [data.primitives ? _c('el-color-picker', {
+        }, [data.isPrimitives ? _c('el-color-picker', {
           class: {
             'show-picker': _vm.showColourPicker
           },
@@ -23313,9 +23319,9 @@ var TreeControlsvue_type_template_id_7c593a3d_scoped_true_render = function rend
     staticClass: "el-icon-arrow-left"
   })])]);
 };
-var TreeControlsvue_type_template_id_7c593a3d_scoped_true_staticRenderFns = [];
+var TreeControlsvue_type_template_id_76c6d101_scoped_true_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/TreeControls.vue?vue&type=template&id=7c593a3d&scoped=true&
+// CONCATENATED MODULE: ./src/components/TreeControls.vue?vue&type=template&id=76c6d101&scoped=true&
 
 // CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js
 function _arrayLikeToArray(arr, len) {
@@ -23469,13 +23475,16 @@ var extractAllIds = function extractAllIds(item, list) {
     return extractAllIds(child, list);
   });
 };
-var utilities_findObjectsWithNames = function findObjectsWithNames(rootRegion, names, regionPath) {
+var utilities_findObjectsWithNames = function findObjectsWithNames(rootRegion, names, regionPath, transverse) {
   var targetRegion = rootRegion;
   var targetObjects = [];
   if (regionPath) targetRegion = rootRegion.findChildFromPath(regionPath);
   if (targetRegion) {
-    names.forEach(function (name) {
-      var temp = targetRegion.findObjectsWithGroupName(name, true);
+    var isArray = Array.isArray(names);
+    var array = names;
+    if (!isArray) array = [array];
+    array.forEach(function (name) {
+      var temp = targetRegion.findObjectsWithGroupName(name, transverse);
       targetObjects.push.apply(targetObjects, _toConsumableArray(temp));
     });
   }
@@ -23539,13 +23548,6 @@ var nameSorting = function nameSorting(a, b) {
 /* harmony default export */ var TreeControlsvue_type_script_lang_js_ = ({
   name: "TreeControls",
   props: {
-    /**
-     * @ignore
-     */
-    module: {
-      type: Object,
-      default: undefined
-    },
     /**
      * Enable/disable colour picker
      */
@@ -23578,35 +23580,16 @@ var nameSorting = function nameSorting(a, b) {
       }
     }
   },
-  created: function created() {
-    var _this = this;
-    this.module.sceneData.geometries.forEach(function (zincObject) {
-      _this.zincObjectAdded(zincObject);
-    });
-    this.module.sceneData.lines.forEach(function (zincObject) {
-      _this.zincObjectAdded(zincObject);
-    });
-    this.module.sceneData.glyphsets.forEach(function (zincObject) {
-      _this.zincObjectAdded(zincObject);
-    });
-    this.module.sceneData.pointsets.forEach(function (zincObject) {
-      _this.zincObjectAdded(zincObject);
-    });
-    this.module.addOrganPartAddedCallback(this.zincObjectAdded);
-    this.__nodeNumbers = 1;
-  },
   destroyed: function destroyed() {
     this.sortedPrimitiveGroups = undefined;
   },
   methods: {
     addTreeItem: function addTreeItem(parentContainer, item) {
-      var _this2 = this;
+      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.primitives && parentContainer[i].primitives) {
-            var _parentContainer$i$pr;
-            (_parentContainer$i$pr = parentContainer[i].primitives).push.apply(_parentContainer$i$pr, _toConsumableArray(item.primitives));
+          if (item.isPrimitives && parentContainer[i].isPrimitives) {
             return;
           }
         }
@@ -23617,15 +23600,16 @@ var nameSorting = function nameSorting(a, b) {
       });
       this.__nodeNumbers++;
       this.$nextTick(function () {
-        _this2.$refs.regionTree.setChecked(item.id, true);
+        _this.$refs.regionTree.setChecked(item.id, true);
       });
     },
     // find or create new region, region id is always prefixed with
     // '__r/'
     findOrCreateRegion: function findOrCreateRegion(data, paths, prefix) {
       //check if root region has been set
-      if (!this.treeData[0].region && this.module && this.module.scene) {
-        this.treeData[0].region = this.module.scene.getRootRegion();
+      if (this.treeData[0].regionPath === undefined && this.$module && this.$module.scene) {
+        this.treeData[0].regionPath = "";
+        this.treeData[0].isRegion = true;
       }
       if (paths.length > 0) {
         var _paths = _toConsumableArray(paths);
@@ -23635,12 +23619,12 @@ var nameSorting = function nameSorting(a, b) {
         var path = prefix + "/" + paths[0];
         var id = "__r" + path;
         if (!childRegion) {
-          var region = this.treeData[0].region.findChildFromPath(path);
           childRegion = {
             label: _paths[0],
             id: id,
             children: [],
-            region: region
+            regionPath: path,
+            isRegion: true
           };
           this.addTreeItem(data.children, childRegion);
         }
@@ -23685,7 +23669,7 @@ var nameSorting = function nameSorting(a, b) {
             var child = {
               label: zincObject.groupName,
               id: id,
-              primitives: [zincObject],
+              isPrimitives: true,
               regionPath: zincObject.region.getFullPath()
             };
             this.addTreeItem(regionData.children, child);
@@ -23694,13 +23678,19 @@ var nameSorting = function nameSorting(a, b) {
       }
     },
     checkChanged: function checkChanged(node, data) {
-      var isRegion = node.region;
-      var isPrimitives = node.primitives;
+      var isRegion = node.isRegion;
+      var isPrimitives = node.isPrimitives;
       var isChecked = data.checkedKeys.includes(node.id);
-      if (isRegion) isChecked ? node.region.showAllPrimitives() : node.region.hideAllPrimitives();
-      if (isPrimitives) node.primitives.forEach(function (primitive) {
-        primitive.setVisibility(isChecked);
-      });
+      var region = this.$module.scene.getRootRegion().findChildFromPath(node.regionPath);
+      if (isRegion) {
+        isChecked ? region.showAllPrimitives() : region.hideAllPrimitives();
+      }
+      if (isPrimitives) {
+        var primitives = region.findObjectsWithGroupName(node.label);
+        primitives.forEach(function (primitive) {
+          primitive.setVisibility(isChecked);
+        });
+      }
     },
     updateActiveUI: function updateActiveUI(primitives) {
       this.active.length = 0;
@@ -23731,23 +23721,29 @@ var nameSorting = function nameSorting(a, b) {
      * 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);
+      var rootRegion = this.$module.scene.getRootRegion();
+      var targetObjects = utilities_findObjectsWithNames(rootRegion, names, regionPath, true);
       this.changeActiveByPrimitives(targetObjects, propagate);
     },
     /**
      * Hover a region by its name.
      */
     changeHoverByNames: function changeHoverByNames(names, regionPath, propagate) {
-      var rootRegion = this.module.scene.getRootRegion();
-      var targetObjects = utilities_findObjectsWithNames(rootRegion, names, regionPath);
+      var rootRegion = this.$module.scene.getRootRegion();
+      var targetObjects = utilities_findObjectsWithNames(rootRegion, names, regionPath, true);
       this.changeHoverByPrimitives(targetObjects, propagate);
     },
     changeActiveByNode: function changeActiveByNode(node, propagate) {
-      if (node.primitives) this.changeActiveByPrimitives(node.primitives, propagate);
+      if (node.isPrimitives) {
+        var targetObjects = this.getZincObjectsFromNode(node, false);
+        this.changeActiveByPrimitives(targetObjects, propagate);
+      }
     },
     changeHoverByNode: function changeHoverByNode(node, propagate) {
-      if (node.primitives) this.changeHoverByPrimitives(node.primitives, propagate);
+      if (node.isPrimitives) {
+        var targetObjects = this.getZincObjectsFromNode(node, false);
+        this.changeHoverByPrimitives(targetObjects, propagate);
+      }
     },
     /**
      * Unselect the current selected region.
@@ -23775,8 +23771,10 @@ var nameSorting = function nameSorting(a, b) {
       this.$emit("object-selected", undefined);
     },
     getColour: function getColour(nodeData) {
+      //Do not need to check for primitives as this is checked on the template
       if (nodeData) {
-        var graphic = nodeData.primitives[0];
+        var targetObjects = this.getZincObjectsFromNode(nodeData, false);
+        var graphic = targetObjects[0];
         if (graphic) {
           var hex = graphic.getColourHex();
           if (hex) return "#" + hex;
@@ -23784,19 +23782,43 @@ var nameSorting = function nameSorting(a, b) {
       }
       return "#FFFFFF";
     },
+    getZincObjectsFromNode: function getZincObjectsFromNode(node, transverse) {
+      var rootRegion = this.$module.scene.getRootRegion();
+      return utilities_findObjectsWithNames(rootRegion, node.label, node.regionPath, transverse);
+    },
+    //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) {
+        _this2.zincObjectAdded(zincObject);
+      });
+      this.$module.addOrganPartAddedCallback(this.zincObjectAdded);
+      this.__nodeNumbers = 1;
+    },
     setColour: function setColour(nodeData, value) {
-      if (nodeData && nodeData.primitives) {
-        nodeData.primitives.forEach(function (primitive) {
+      if (nodeData && nodeData.isPrimitives) {
+        var targetObjects = this.getZincObjectsFromNode(nodeData, false);
+        targetObjects.forEach(function (primitive) {
           var hexString = value.replace("#", "0x");
           primitive.setColourHex(hexString);
         });
       }
     },
     viewAll: function viewAll() {
-      this.module.viewAll();
+      this.$module.viewAll();
     },
     visibilityToggle: function visibilityToggle(item, event) {
-      this.module.changeOrganPartsVisibility(item, event);
+      this.$module.changeOrganPartsVisibility(item, event);
       if (event == false) {
         if (this.activeRegion === item) {
           this.removeActive(true);
@@ -23814,10 +23836,14 @@ var nameSorting = function nameSorting(a, b) {
       var _this3 = this;
       var flag = false;
       if (list.includes(node.id)) flag = true;
-      if (node.region) node.region.setVisibility(flag);
-      if (node.primitives) node.primitives.forEach(function (primitive) {
-        return primitive.setVisibility(flag);
-      });
+      var region = this.$module.scene.getRootRegion().findChildFromPath(node.regionPath);
+      if (node.isRegion) region.setVisibility(flag);
+      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) {
         return _this3.setTreeVisibility(child, list);
       });
@@ -23863,11 +23889,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=7c593a3d&prod&scoped=true&lang=scss&
-var TreeControlsvue_type_style_index_0_id_7c593a3d_prod_scoped_true_lang_scss_ = __webpack_require__("b869");
+// EXTERNAL MODULE: ./src/components/TreeControls.vue?vue&type=style&index=0&id=76c6d101&prod&scoped=true&lang=scss&
+var TreeControlsvue_type_style_index_0_id_76c6d101_prod_scoped_true_lang_scss_ = __webpack_require__("0b3d");
 
-// EXTERNAL MODULE: ./src/components/TreeControls.vue?vue&type=style&index=1&id=7c593a3d&prod&lang=css&
-var TreeControlsvue_type_style_index_1_id_7c593a3d_prod_lang_css_ = __webpack_require__("00f9");
+// EXTERNAL MODULE: ./src/components/TreeControls.vue?vue&type=style&index=1&id=76c6d101&prod&lang=css&
+var TreeControlsvue_type_style_index_1_id_76c6d101_prod_lang_css_ = __webpack_require__("132a");
 
 // CONCATENATED MODULE: ./src/components/TreeControls.vue
 
@@ -23881,11 +23907,11 @@ var TreeControlsvue_type_style_index_1_id_7c593a3d_prod_lang_css_ = __webpack_re
 
 var TreeControls_component = normalizeComponent(
   components_TreeControlsvue_type_script_lang_js_,
-  TreeControlsvue_type_template_id_7c593a3d_scoped_true_render,
-  TreeControlsvue_type_template_id_7c593a3d_scoped_true_staticRenderFns,
+  TreeControlsvue_type_template_id_76c6d101_scoped_true_render,
+  TreeControlsvue_type_template_id_76c6d101_scoped_true_staticRenderFns,
   false,
   null,
-  "7c593a3d",
+  "76c6d101",
   null
   
 )
@@ -24155,7 +24181,8 @@ var EventNotifier = __webpack_require__("9b21").EventNotifier;
         region: "",
         visible: false,
         x: 200,
-        y: 200
+        y: 200,
+        external: false
       },
       fileFormat: "metadata"
     };
@@ -24233,6 +24260,7 @@ var EventNotifier = __webpack_require__("9b21").EventNotifier;
     this.availableBackground = ["white", "black", "lightskyblue"];
   },
   mounted: function mounted() {
+    this.$refs.treeControls.setModule(this.$module);
     var eventNotifier = new EventNotifier();
     eventNotifier.subscribe(this, this.eventNotifierCallback);
     this.$module.addNotifier(eventNotifier);
@@ -24365,7 +24393,7 @@ var EventNotifier = __webpack_require__("9b21").EventNotifier;
     viewRegion: function viewRegion(names) {
       var rootRegion = this.$module.scene.getRootRegion();
       var groups = Array.isArray(names) ? names : [names];
-      var objects = utilities_findObjectsWithNames(rootRegion, groups, "");
+      var objects = utilities_findObjectsWithNames(rootRegion, groups, "", true);
       var box = this.$module.scene.getBoundingBoxOfZincObjects(objects);
       if (box) {
         if (this.$module.isSyncControl()) {
@@ -24427,6 +24455,7 @@ var EventNotifier = __webpack_require__("9b21").EventNotifier;
     /**
      * Callback when a region is selected/highlighted.
      * It will also update other controls.
+     * 
      */
     eventNotifierCallback: function eventNotifierCallback(event) {
       var names = [];
@@ -24441,13 +24470,18 @@ var EventNotifier = __webpack_require__("9b21").EventNotifier;
         });
         zincObjects = event.zincObjects;
       }
+      /*
+       * Event Type 1: Selected
+       * Event Type 2: Highlighted
+       * Event Type 1: Move
+       */
       if (event.eventType == 1) {
-        if (this.$refs.treeControl) {
+        if (this.$refs.treeControls) {
           if (names.length > 0) {
-            //this.$refs.treeControl.changeActiveByNames(names, region, false);
-            this.$refs.treeControl.updateActiveUI(zincObjects);
+            //this.$refs.treeControls.changeActiveByNames(names, region, false);
+            this.$refs.treeControls.updateActiveUI(zincObjects);
           } else {
-            this.$refs.treeControl.removeActive(true);
+            this.$refs.treeControls.removeActive(true);
           }
         }
         // Triggers when an object has been selected
@@ -24455,17 +24489,18 @@ var EventNotifier = __webpack_require__("9b21").EventNotifier;
       } else if (event.eventType == 2) {
         this.tData.visible = false;
         // const offsets = this.$refs.scaffoldContainer.getBoundingClientRect();
-        if (this.$refs.treeControl) {
+        if (this.$refs.treeControls) {
           if (names.length > 0) {
-            //this.$refs.treeControl.changeHoverByNames(names, region, false);
-            this.$refs.treeControl.updateHoverUI(zincObjects);
+            //this.$refs.treeControls.changeHoverByNames(names, region, false);
+            this.$refs.treeControls.updateHoverUI(zincObjects);
           } else {
-            this.$refs.treeControl.removeHover(true);
+            this.$refs.treeControls.removeHover(true);
           }
         }
         if (event.identifiers.length > 0 && event.identifiers[0]) {
           var id = event.identifiers[0].data.id ? event.identifiers[0].data.id : event.identifiers[0].data.group;
           if (event.identifiers[0].coords) {
+            this.tData.external = false;
             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";
@@ -24541,11 +24576,11 @@ var EventNotifier = __webpack_require__("9b21").EventNotifier;
     changeActiveByName: function changeActiveByName(names, region, propagate) {
       var isArray = Array.isArray(names);
       if (names === undefined || isArray && names.length === 0) {
-        this.$refs.treeControl.removeActive(propagate);
+        this.$refs.treeControls.removeActive(propagate);
       } else {
         var array = names;
         if (!isArray) array = [array];
-        this.$refs.treeControl.changeActiveByNames(array, region, propagate);
+        this.$refs.treeControls.changeActiveByNames(array, region, propagate);
       }
     },
     /**
@@ -24556,11 +24591,11 @@ var EventNotifier = __webpack_require__("9b21").EventNotifier;
     changeHighlightedByName: function changeHighlightedByName(names, region, propagate) {
       var isArray = Array.isArray(names);
       if (names === undefined || isArray && names.length === 0) {
-        this.$refs.treeControl.removeHover(propagate);
+        this.$refs.treeControls.removeHover(propagate);
       } else {
         var array = names;
         if (!isArray) array = [array];
-        this.$refs.treeControl.changeHoverByNames(array, region, propagate);
+        this.$refs.treeControls.changeHoverByNames(array, region, propagate);
       }
     },
     /**
@@ -24588,25 +24623,77 @@ var EventNotifier = __webpack_require__("9b21").EventNotifier;
         });
       }
     },
+    /**
+     * Callback function used by showRegionTooltip in the case when the tooltip
+     * is out of view.
+     */
+    showRegionTooltipCallback: function showRegionTooltipCallback(name) {
+      var instance = this;
+      return function () {
+        instance.$module.zincRenderer.removePostRenderCallbackFunction(instance.$_regionTooltipCallback);
+        instance.showRegionTooltip(name, false);
+      };
+    },
+    /**
+     * Display the tooltip. Reset view if the tooltip is not
+     * in view.
+     */
+    showRegionTooltip: function showRegionTooltip(name, resetView) {
+      if (name && this.$module.scene) {
+        var rootRegion = this.$module.scene.getRootRegion();
+        var groups = [name];
+        var objects = utilities_findObjectsWithNames(rootRegion, groups, "", true);
+        if (objects.length > 0) {
+          var coords = objects[0].getClosestVertexDOMElementCoords(this.$module.scene);
+          if (coords) {
+            //The coords is not in view, view all if resetView flag is true
+            if (!coords.inView) {
+              this.hideRegionTooltip();
+              if (resetView) {
+                this.$module.scene.viewAll();
+                //Use the post render callback to make sure the scene has been updated
+                //before getting the position of the tooltip.
+                this.$_regionTooltipCallback = this.$module.zincRenderer.addPostRenderCallbackFunction(this.showRegionTooltipCallback(name));
+              }
+              return;
+            } else {
+              this.tData.external = true;
+              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";
+            }
+          }
+        } else {
+          this.hideRegionTooltip();
+        }
+      }
+    },
+    hideRegionTooltip: function hideRegionTooltip() {
+      this.tData.visible = false;
+      this.tData.region = "Root";
+    },
     /**
      * This is called when mouse cursor enters supported elements
      * with help tootltips.
      */
-    showToolitip: function showToolitip(tooltipNumber) {
+    showHelpText: function showHelpText(helpTextNumber) {
       var _this = this;
       if (!this.inHelp) {
-        this.tooltipWait = setTimeout(function () {
-          _this.hoverVisabilities[tooltipNumber].value = true;
+        this.helpTextWait = setTimeout(function () {
+          _this.hoverVisabilities[helpTextNumber].value = true;
         }, 500);
       }
     },
     /**
      * This is called when mouse cursor exits supported element..
      */
-    hideToolitip: function hideToolitip(tooltipNumber) {
+    hideHelpText: function hideHelpText(helpTextNumber) {
       if (!this.inHelp) {
-        this.hoverVisabilities[tooltipNumber].value = false;
-        clearTimeout(this.tooltipWait);
+        this.hoverVisabilities[helpTextNumber].value = false;
+        clearTimeout(this.helpTextWait);
       }
     },
     /**
@@ -24647,7 +24734,7 @@ var EventNotifier = __webpack_require__("9b21").EventNotifier;
           if (options.visibility) {
             // Some UIs may not be ready at this time.
             _this3.$nextTick(function () {
-              _this3.$refs.treeControl.setState(options.visibility);
+              _this3.$refs.treeControls.setState(options.visibility);
             });
           }
         }
@@ -24672,7 +24759,7 @@ var EventNotifier = __webpack_require__("9b21").EventNotifier;
         viewport: undefined,
         visibility: undefined
       };
-      if (this.$refs.treeControl) state.visibility = this.$refs.treeControl.getState();
+      if (this.$refs.treeControls) state.visibility = this.$refs.treeControls.getState();
       if (this.$module.scene) {
         var zincCameraControls = this.$module.scene.getZincCameraControls();
         state.viewport = zincCameraControls.getCurrentViewport();
@@ -24697,7 +24784,7 @@ var EventNotifier = __webpack_require__("9b21").EventNotifier;
           if (state.viewport || state.visibility) {
             if (this.isReady && this.$module.scene) {
               if (state.viewport) this.$module.scene.getZincCameraControls().setCurrentCameraSettings(state.viewport);
-              if (state.visibility) this.$refs.treeControl.setState(state.visibility);
+              if (state.visibility) this.$refs.treeControls.setState(state.visibility);
             } else {
               this.$module.setFinishDownloadCallback(this.setURLFinishCallback({
                 viewport: state.viewport,
@@ -24724,7 +24811,7 @@ var EventNotifier = __webpack_require__("9b21").EventNotifier;
         var viewport = state && state.viewport ? state.viewport : undefined;
         var visibility = state && state.visibility ? state.visibility : undefined;
         this._currentURL = newValue;
-        if (this.$refs.treeControl) this.$refs.treeControl.clear();
+        if (this.$refs.treeControls) this.$refs.treeControls.clear();
         this.loading = true;
         this.isReady = false;
         this.$module.setFinishDownloadCallback(this.setURLFinishCallback({
@@ -24788,6 +24875,9 @@ 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.$emit("scaffold-navigated", payload);
     },
     /** 
@@ -24802,11 +24892,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=15421d6d&prod&scoped=true&lang=scss&
-var ScaffoldVuervue_type_style_index_0_id_15421d6d_prod_scoped_true_lang_scss_ = __webpack_require__("b3fe");
+// EXTERNAL MODULE: ./src/components/ScaffoldVuer.vue?vue&type=style&index=0&id=4505cca0&prod&scoped=true&lang=scss&
+var ScaffoldVuervue_type_style_index_0_id_4505cca0_prod_scoped_true_lang_scss_ = __webpack_require__("5cb0");
 
-// EXTERNAL MODULE: ./src/components/ScaffoldVuer.vue?vue&type=style&index=1&id=15421d6d&prod&lang=scss&
-var ScaffoldVuervue_type_style_index_1_id_15421d6d_prod_lang_scss_ = __webpack_require__("cf5e");
+// EXTERNAL MODULE: ./src/components/ScaffoldVuer.vue?vue&type=style&index=1&id=4505cca0&prod&lang=scss&
+var ScaffoldVuervue_type_style_index_1_id_4505cca0_prod_lang_scss_ = __webpack_require__("c3e0");
 
 // CONCATENATED MODULE: ./src/components/ScaffoldVuer.vue
 
@@ -24824,7 +24914,7 @@ var ScaffoldVuer_component = normalizeComponent(
   staticRenderFns,
   false,
   null,
-  "15421d6d",
+  "4505cca0",
   null
   
 )