@abi-software/scaffoldvuer 0.1.56 → 0.1.57

package/package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "@abi-software/scaffoldvuer",
-  "version": "0.1.55",
+  "version": "0.1.57",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {
@@ -74,9 +74,9 @@
       },
       "dependencies": {
         "json5": {
-          "version": "2.2.1",
-          "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.1.tgz",
-          "integrity": "sha512-1hqLFMSrGHRHxav9q9gNjJ5EXznIxGVO09xQRrwplcS8qs28pZ8s8hupZAmqDwZUmVZ2Qb2jnyPOWcDH8m8dlA==",
+          "version": "2.2.3",
+          "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz",
+          "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==",
           "dev": true
         }
       }
@@ -1635,9 +1635,9 @@
       "dev": true
     },
     "@types/node": {
-      "version": "18.11.9",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-18.11.9.tgz",
-      "integrity": "sha512-CRpX21/kGdzjOpFsZSkcrXMGIBWMGNIHXXBVFSH+ggkftxg+XYP20TESbh+zFvFj3EQOl5byk0HTRn1IL6hbqg==",
+      "version": "18.11.11",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-18.11.11.tgz",
+      "integrity": "sha512-KJ021B1nlQUBLopzZmPBVuGU9un7WJd/W4ya7Ih02B4Uwky5Nja0yGYav2EfYIk0RR2Q9oVhf60S2XR1BCWJ2g==",
       "dev": true
     },
     "@types/normalize-package-data": {
@@ -2952,9 +2952,9 @@
       },
       "dependencies": {
         "json5": {
-          "version": "2.2.1",
-          "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.1.tgz",
-          "integrity": "sha512-1hqLFMSrGHRHxav9q9gNjJ5EXznIxGVO09xQRrwplcS8qs28pZ8s8hupZAmqDwZUmVZ2Qb2jnyPOWcDH8m8dlA==",
+          "version": "2.2.3",
+          "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz",
+          "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==",
           "dev": true
         },
         "loader-utils": {
@@ -3204,9 +3204,9 @@
       "integrity": "sha512-vyL2OymJxmarO8gxMr0mhChsO9QGwhynfuu4+MHTAW6czfq9humCB7rKpUjDd9YUiDPU4mzpyupFSvOClAwbmQ=="
     },
     "bignumber.js": {
-      "version": "9.1.0",
-      "resolved": "https://registry.npmjs.org/bignumber.js/-/bignumber.js-9.1.0.tgz",
-      "integrity": "sha512-4LwHK4nfDOraBCtst+wOWIHbu1vhvAPJK8g8nROd4iuc3PSEjWif/qwbkh8jwCJz6yDBvtU4KPynETgrfh7y3A=="
+      "version": "9.1.1",
+      "resolved": "https://registry.npmjs.org/bignumber.js/-/bignumber.js-9.1.1.tgz",
+      "integrity": "sha512-pHm4LsMJ6lzgNGVfZHjMoO8sdoRhOzOH4MLmY65Jg70bpxCKu5iOHNJyfF6OyvYw7t8Fpf35RuzUyqnQsj8Vig=="
     },
     "binary-extensions": {
       "version": "2.2.0",
@@ -3819,9 +3819,9 @@
       }
     },
     "caniuse-lite": {
-      "version": "1.0.30001434",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001434.tgz",
-      "integrity": "sha512-aOBHrLmTQw//WFa2rcF1If9fa3ypkC1wzqqiKHgfdrXTWcU8C4gKVZT77eQAPWN1APys3+uQ0Df07rKauXGEYA==",
+      "version": "1.0.30001436",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001436.tgz",
+      "integrity": "sha512-ZmWkKsnC2ifEPoWUvSAIGyOYwT+keAaaWPHiQ9DfMqS1t6tfuyFYoWR78TeZtznkEQ64+vGXH9cZrElwR2Mrxg==",
       "dev": true
     },
     "case-sensitive-paths-webpack-plugin": {
@@ -5132,9 +5132,9 @@
       "dev": true
     },
     "decode-uri-component": {
-      "version": "0.2.0",
-      "resolved": "https://registry.npmjs.org/decode-uri-component/-/decode-uri-component-0.2.0.tgz",
-      "integrity": "sha512-hjf+xovcEn31w/EUYdTXQh/8smFL/dzYjohQGEIgjyNavaJfBY2p5F527Bo1VPATxv0VYTUC2bOcXvqFwk78Og=="
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/decode-uri-component/-/decode-uri-component-0.2.2.tgz",
+      "integrity": "sha512-FqUYQ+8o158GyGTrMFJms9qh3CqTKvAqgqsTnkLI8sKu0028orqBhxNMFkFen0zGyg6epACD32pjVk58ngIErQ=="
     },
     "deep-equal": {
       "version": "1.1.1",
@@ -6519,9 +6519,9 @@
       "dev": true
     },
     "fastq": {
-      "version": "1.13.0",
-      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.13.0.tgz",
-      "integrity": "sha512-YpkpUnK8od0o1hmeSc7UUs/eB/vIPWJYjKck2QKIzAf71Vm1AAQ3EbuZB3g2JIy+pg+ERD0vqI79KyZiB2e2Nw==",
+      "version": "1.14.0",
+      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.14.0.tgz",
+      "integrity": "sha512-eR2D+V9/ExcbF9ls441yIuN6TI2ED1Y2ZcA5BmMtJsOkWOFRJQ0Jt0g1UwqXJJVAb+V+umH5Dfr8oh4EVP7VVg==",
       "dev": true,
       "requires": {
         "reusify": "^1.0.4"
@@ -13037,9 +13037,9 @@
           "dev": true
         },
         "json5": {
-          "version": "2.2.1",
-          "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.1.tgz",
-          "integrity": "sha512-1hqLFMSrGHRHxav9q9gNjJ5EXznIxGVO09xQRrwplcS8qs28pZ8s8hupZAmqDwZUmVZ2Qb2jnyPOWcDH8m8dlA==",
+          "version": "2.2.3",
+          "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz",
+          "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==",
           "dev": true
         },
         "kleur": {
@@ -13275,9 +13275,9 @@
           }
         },
         "terser": {
-          "version": "5.16.0",
-          "resolved": "https://registry.npmjs.org/terser/-/terser-5.16.0.tgz",
-          "integrity": "sha512-KjTV81QKStSfwbNiwlBXfcgMcOloyuRdb62/iLFPGBcVNF4EXjhdYBhYHmbJpiBrVxZhDvltE11j+LBQUxEEJg==",
+          "version": "5.16.1",
+          "resolved": "https://registry.npmjs.org/terser/-/terser-5.16.1.tgz",
+          "integrity": "sha512-xvQfyfA1ayT0qdK47zskQgRZeWLoOQ8JQ6mIgRGVNwZKdQMU+5FkCBjmv4QjcrTzyZquRw2FVtlJSRUmMKQslw==",
           "dev": true,
           "requires": {
             "@jridgewell/source-map": "^0.3.2",
@@ -15044,9 +15044,9 @@
       },
       "dependencies": {
         "json5": {
-          "version": "2.2.1",
-          "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.1.tgz",
-          "integrity": "sha512-1hqLFMSrGHRHxav9q9gNjJ5EXznIxGVO09xQRrwplcS8qs28pZ8s8hupZAmqDwZUmVZ2Qb2jnyPOWcDH8m8dlA==",
+          "version": "2.2.3",
+          "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz",
+          "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==",
           "dev": true
         },
         "loader-utils": {
@@ -16141,9 +16141,9 @@
       "integrity": "sha512-ePuy1EDDJd9/piwXLwsCyMQ964HsdhXPzypM9OX0r4JBa20EVN28U7RXeTWwXkoFKim/b3sP7xT2NEM0Di6tUQ=="
     },
     "vue-docgen-api": {
-      "version": "4.54.2",
-      "resolved": "https://registry.npmjs.org/vue-docgen-api/-/vue-docgen-api-4.54.2.tgz",
-      "integrity": "sha512-KWFjSfoD/mJ8wQX1vvj0IvJCyRFGo+Fymy3J5qzOeYLIQfknkZ7ssZX4cqH25ks4TD0OIBrZI4D5ZiyKlMK2YQ==",
+      "version": "4.56.0",
+      "resolved": "https://registry.npmjs.org/vue-docgen-api/-/vue-docgen-api-4.56.0.tgz",
+      "integrity": "sha512-ab/Scb0DCjm4YVLf+AFa/R7XMFl8TVwUsvh26fFT5iaURih1m2hdd5Y8NveA7NQDcycpWavkFZj9eVbQdp2VGQ==",
       "dev": true,
       "requires": {
         "@babel/parser": "^7.13.12",
@@ -16788,9 +16788,9 @@
           }
         },
         "terser": {
-          "version": "5.16.0",
-          "resolved": "https://registry.npmjs.org/terser/-/terser-5.16.0.tgz",
-          "integrity": "sha512-KjTV81QKStSfwbNiwlBXfcgMcOloyuRdb62/iLFPGBcVNF4EXjhdYBhYHmbJpiBrVxZhDvltE11j+LBQUxEEJg==",
+          "version": "5.16.1",
+          "resolved": "https://registry.npmjs.org/terser/-/terser-5.16.1.tgz",
+          "integrity": "sha512-xvQfyfA1ayT0qdK47zskQgRZeWLoOQ8JQ6mIgRGVNwZKdQMU+5FkCBjmv4QjcrTzyZquRw2FVtlJSRUmMKQslw==",
           "dev": true,
           "requires": {
             "@jridgewell/source-map": "^0.3.2",
@@ -17813,9 +17813,9 @@
       }
     },
     "zincjs": {
-      "version": "1.0.9",
-      "resolved": "https://registry.npmjs.org/zincjs/-/zincjs-1.0.9.tgz",
-      "integrity": "sha512-N8Jexto6vmLVu4X8UX1Xes+BbPOxYmrutI4vNXsKspoGNY2Rq2Ffys5GnVV9ZBYWq/Jfm/cvznPlaBBWk3jXdw==",
+      "version": "1.0.11",
+      "resolved": "https://registry.npmjs.org/zincjs/-/zincjs-1.0.11.tgz",
+      "integrity": "sha512-SknkseprKt2kxnsniohhkPQ56WT+9b7Ju1kxynhs83yNE2lcuakphedTRIBHGUUNcRAzw8TCgtfjN52uKFtKzQ==",
       "requires": {
         "css-element-queries": "^1.2.2",
         "lodash": "^4.17.19",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abi-software/scaffoldvuer",
-  "version": "0.1.56",
+  "version": "0.1.57",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
@@ -36,7 +36,7 @@
     "vue-custom-element": "^3.3.0",
     "vue-drag-resize": "^1.3.2",
     "vue-router": "^3.5.1",
-    "zincjs": "^1.0.9"
+    "zincjs": "^1.0.11"
   },
   "devDependencies": {
     "@vue/cli-plugin-babel": "^4.0.0",

package/src/App.vue

@@ -374,9 +374,10 @@ export default {
     },
     onReady: function() {
       console.log("ready")
+      //window.scaffoldvuer = this.$refs.scaffold;
       this.$refs.dropzone.revokeURLs();
-      //const names = ["left ventricle.mesh2d", "right ventricle.mesh2d"];
-      //this.$refs.scaffold.changeActiveByName(names, "", false);
+      const names = ["left ventricle.mesh2d", "right ventricle.mesh2d"];
+      this.$refs.scaffold.changeActiveByName(names, "", false);
     },
     onSelected: function(data) {
       if (data && (data.length > 0) && data[0].data.group) {

package/src/components/ScaffoldTooltip.vue

@@ -59,7 +59,12 @@ export default {
   },
   computed: {
     position: function () {
-      return { left: this.x + "px", top: this.y - 30 + "px" };
+      let yOffset = 30;
+      if (this.region) {
+        yOffset = 45;
+      }
+
+      return { left: this.x + "px", top: this.y - yOffset + "px" };
     },
   },
   watch: {

package/src/components/ScaffoldVuer.vue

@@ -37,8 +37,8 @@
         v-if="displayWarning"
         v-popover:warningPopover
         class="el-icon-warning warning-icon"
-        @mouseover="showToolitip(6)"
-        @mouseout="hideToolitip(6)"
+        @mouseover="showHelpText(6)"
+        @mouseout="hideHelpText(6)"
       >
         <span class="warning-text">Beta</span>
       </i>
@@ -52,10 +52,9 @@
         popper-class="scaffold-popper right-popper non-selectable"
       />
       <tree-controls
-        ref="treeControl"
+        ref="treeControls"
         v-popover:checkBoxPopover
         :help-mode="helpMode"
-        :module="$module"
         :show-colour-picker="showColourPicker"
         @object-selected="objectSelected"
         @object-hovered="objectHovered"
@@ -158,8 +157,8 @@
             icon="zoomIn"
             class="icon-button zoomIn"
             @click.native="zoomIn()"
-            @mouseover.native="showToolitip(0)"
-            @mouseout.native="hideToolitip(0)"
+            @mouseover.native="showHelpText(0)"
+            @mouseout.native="hideHelpText(0)"
           />
         </el-popover>
         <el-popover
@@ -175,8 +174,8 @@
             icon="zoomOut"
             class="icon-button zoomOut"
             @click.native="zoomOut()"
-            @mouseover.native="showToolitip(1)"
-            @mouseout.native="hideToolitip(1)"
+            @mouseover.native="showHelpText(1)"
+            @mouseout.native="hideHelpText(1)"
           />
         </el-popover>
         <el-popover
@@ -196,8 +195,8 @@
             icon="fitWindow"
             class="icon-button fitWindow"
             @click.native="fitWindow()"
-            @mouseover.native="showToolitip(2)"
-            @mouseout.native="hideToolitip(2)"
+            @mouseover.native="showHelpText(2)"
+            @mouseout.native="hideHelpText(2)"
           />
         </el-popover>
       </div>
@@ -235,8 +234,8 @@
           icon="changeBckgd"
           class="icon-button background-colour"
           :class="{ open: drawerOpen, close: !drawerOpen }"
-          @mouseover.native="showToolitip(3)"
-          @mouseout.native="hideToolitip(3)"
+          @mouseover.native="showHelpText(3)"
+          @mouseout.native="hideHelpText(3)"
         />
       </el-popover>
     </div>
@@ -481,7 +480,8 @@ export default {
         region: "",
         visible: false,
         x: 200,
-        y: 200
+        y: 200,
+        external: false,
       },
       fileFormat: "metadata",
     };
@@ -560,6 +560,7 @@ export default {
     this.availableBackground = ["white", "black", "lightskyblue"];
   },
   mounted: function() {
+    this.$refs.treeControls.setModule(this.$module);
     let eventNotifier = new EventNotifier();
     eventNotifier.subscribe(this, this.eventNotifierCallback);
     this.$module.addNotifier(eventNotifier);
@@ -703,7 +704,7 @@ export default {
     viewRegion: function(names) {
       const rootRegion = this.$module.scene.getRootRegion();
       const groups = Array.isArray(names) ? names : [names];
-      const objects = findObjectsWithNames(rootRegion, groups, "");
+      const objects = findObjectsWithNames(rootRegion, groups, "", true);
       let box = this.$module.scene.getBoundingBoxOfZincObjects(objects);
       if (box) {
         if (this.$module.isSyncControl()) {
@@ -765,6 +766,7 @@ export default {
     /**
      * Callback when a region is selected/highlighted.
      * It will also update other controls.
+     * 
      */
     eventNotifierCallback: function(event) {
       const names = [];
@@ -781,13 +783,18 @@ export default {
         });
         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
@@ -795,12 +802,12 @@ export default {
       } 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]) {
@@ -808,6 +815,7 @@ export default {
             ? 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)
@@ -889,12 +897,12 @@ export default {
     changeActiveByName: function(names, region, propagate) {
       const isArray = Array.isArray(names);
       if (names === undefined || (isArray && names.length === 0)) {
-        this.$refs.treeControl.removeActive(propagate);
+        this.$refs.treeControls.removeActive(propagate);
       } else {
         let array = names;
         if (!isArray)
           array = [array];
-        this.$refs.treeControl.changeActiveByNames(array, region, propagate);
+        this.$refs.treeControls.changeActiveByNames(array, region, propagate);
       }
     },
     /**
@@ -905,12 +913,12 @@ export default {
     changeHighlightedByName: function(names, region, propagate) {
       const isArray = Array.isArray(names);
       if (names === undefined || (isArray && names.length === 0)) {
-        this.$refs.treeControl.removeHover(propagate);
+        this.$refs.treeControls.removeHover(propagate);
       } else {
         let array = names;
         if (!isArray)
           array = [array];
-        this.$refs.treeControl.changeHoverByNames(array, region, propagate);
+        this.$refs.treeControls.changeHoverByNames(array, region, propagate);
       }
     },
     /**
@@ -938,24 +946,82 @@ export default {
         });
       }
     },
+    /**
+     * Callback function used by showRegionTooltip in the case when the tooltip
+     * is out of view.
+     */
+    showRegionTooltipCallback: function(name) {
+      const 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(name, resetView) {
+      if (name && this.$module.scene) {
+        const rootRegion = this.$module.scene.getRootRegion();
+        const groups = [name];
+        const objects = findObjectsWithNames(rootRegion, groups, "", true);
+        if (objects.length > 0) {
+          let 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;
+              const regionPath = objects[0].getRegion().getFullPath();
+              if (regionPath)
+                this.tData.region = regionPath;
+              else
+                this.tData.region = "Root";
+            }
+          }
+        } else {
+          this.hideRegionTooltip();
+        }
+      }
+    },
+    hideRegionTooltip: function() {
+      this.tData.visible = false;
+      this.tData.region = "Root";
+    },
     /**
      * This is called when mouse cursor enters supported elements
      * with help tootltips.
      */
-    showToolitip: function(tooltipNumber) {
+    showHelpText: function(helpTextNumber) {
       if (!this.inHelp) {
-        this.tooltipWait = setTimeout(() => {
-          this.hoverVisabilities[tooltipNumber].value = true;
+        this.helpTextWait = setTimeout(() => {
+          this.hoverVisabilities[helpTextNumber].value = true;
         }, 500);
       }
     },
     /**
      * This is called when mouse cursor exits supported element..
      */
-    hideToolitip: function(tooltipNumber) {
+    hideHelpText: function(helpTextNumber) {
       if (!this.inHelp) {
-        this.hoverVisabilities[tooltipNumber].value = false;
-        clearTimeout(this.tooltipWait);
+        this.hoverVisabilities[helpTextNumber].value = false;
+        clearTimeout(this.helpTextWait);
       }
     },
     /**
@@ -998,7 +1064,7 @@ export default {
           if (options.visibility) {
             // Some UIs may not be ready at this time.
             this.$nextTick(() => {
-              this.$refs.treeControl.setState(options.visibility);
+              this.$refs.treeControls.setState(options.visibility);
             });
           }
         }
@@ -1023,8 +1089,8 @@ export default {
         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) {
         let zincCameraControls = this.$module.scene.getZincCameraControls();
         state.viewport = zincCameraControls.getCurrentViewport();
@@ -1053,7 +1119,7 @@ export default {
                   .getZincCameraControls()
                   .setCurrentCameraSettings(state.viewport);
               if (state.visibility)
-                this.$refs.treeControl.setState(state.visibility);
+                this.$refs.treeControls.setState(state.visibility);
             } else {
               this.$module.setFinishDownloadCallback(
                 this.setURLFinishCallback({
@@ -1083,8 +1149,8 @@ export default {
         let 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(
@@ -1157,6 +1223,9 @@ export default {
     },
     syncControlCallback: function() {
       const payload = this.$module.NDCCameraControl.getPanZoom();
+      if (this.tData.visible) {
+        this.showRegionTooltip(this.tData.label);
+      }
       this.$emit("scaffold-navigated", payload);
     },
     /** 

package/src/components/TraditionalControls.vue

@@ -123,11 +123,11 @@ export default {
     }
   },
   created: function() {
-    let tmpArray = this.module.sceneData.geometries.concat(
-      this.module.sceneData.lines
+    let tmpArray = this.module.primitiveData.geometries.concat(
+      this.module.primitiveData.lines
     );
-    tmpArray = tmpArray.concat(this.module.sceneData.glyphsets);
-    tmpArray = uniq(tmpArray.concat(this.module.sceneData.pointset));
+    tmpArray = tmpArray.concat(this.module.primitiveData.glyphsets);
+    tmpArray = uniq(tmpArray.concat(this.module.primitiveData.pointset));
     this.sortedPrimitiveGroups = orderBy(tmpArray);
     this.module.addOrganPartAddedCallback(this.organsAdded);
   },