@abi-software/scaffoldvuer 1.12.0 → 1.13.0-beta.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abi-software/scaffoldvuer",
-  "version": "1.12.0",
+  "version": "1.13.0-beta.1",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
@@ -41,7 +41,7 @@
     "*.js"
   ],
   "dependencies": {
-    "@abi-software/map-utilities": "^1.7.4",
+    "@abi-software/map-utilities": "^1.7.6",
     "@abi-software/sparc-annotation": "^0.3.2",
     "@abi-software/svg-sprite": "1.0.2",
     "@element-plus/icons-vue": "^2.3.1",
@@ -53,7 +53,7 @@
     "unplugin-vue-components": "^0.26.0",
     "vue": "^3.4.21",
     "vue-router": "^4.2.5",
-    "zincjs": "1.15.1"
+    "zincjs": "^1.16.0"
   },
   "devDependencies": {
     "@babel/eslint-parser": "^7.28.0",

package/src/components/ScaffoldVuer.vue

@@ -1050,6 +1050,9 @@ export default {
     this.$module.zincRenderer.addPreRenderCallbackFunction(() => {
       this.currentTime = this.$module.getCurrentTime();
     })
+    this.$module.zincRenderer.addContextRestoredCallbackFunction(() => {
+      this.backgroundChangeCallback(this.currentBackground);
+    })
   },
   beforeUnmount: function () {
     if (this.ro) this.ro.disconnect();
@@ -1807,34 +1810,32 @@ export default {
             this.$emit("scaffold-selected", event.identifiers);
           }
         } else if (event.eventType == 2) {
-          if (this.selectedObjects.length === 0) {
-            this.hideRegionTooltip();
-            if (this.$refs.scaffoldTreeControls) {
-              if (names.length > 0) {
-                this.$refs.scaffoldTreeControls.updateHoverUI(zincObjects);
-              } else {
-                this.$refs.scaffoldTreeControls.removeHover(true);
-              }
+          this.hideRegionTooltip();
+          if (this.$refs.scaffoldTreeControls) {
+            if (names.length > 0) {
+              this.$refs.scaffoldTreeControls.updateHoverUI(zincObjects);
+            } else {
+              this.$refs.scaffoldTreeControls.removeHover(true);
             }
-            if (event.identifiers.length > 0 && event.identifiers[0]) {
-              if (event.identifiers[0].coords) {
-                this.tData.active = false;
-                if (this.viewingMode !== "Annotation" ||  !this.annotationSidebar) {
-                  this.tData.visible = true;
-                }
-                this.tData.label = id;
-                this.tData.region = regionPath;
-                this.tData.x = event.identifiers[0].coords.x;
-                this.tData.y = event.identifiers[0].coords.y;
-                this.createEditTemporaryLines(event.identifiers);
+          }
+          if (event.identifiers.length > 0 && event.identifiers[0]) {
+            if (event.identifiers[0].coords) {
+              this.tData.active = false;
+              if (this.viewingMode !== "Annotation" ||  !this.annotationSidebar) {
+                this.tData.visible = true;
               }
+              this.tData.label = id;
+              this.tData.region = regionPath;
+              this.tData.x = event.identifiers[0].coords.x;
+              this.tData.y = event.identifiers[0].coords.y;
+              this.createEditTemporaryLines(event.identifiers);
             }
-            /**
-             * Emit when an object is highlighted
-             * @arg {Object} "Identifier of selected objects"
-             */
-            this.$emit("scaffold-highlighted", event.identifiers);
           }
+          /**
+           * Emit when an object is highlighted
+           * @arg {Object} "Identifier of selected objects"
+           */
+          this.$emit("scaffold-highlighted", event.identifiers);
         } else if (event.eventType == 3) {
           //MOVE
           if (event.identifiers.length > 0 && event.identifiers[0]) {
@@ -2282,6 +2283,12 @@ export default {
     emitOfflineAnnotationUpdate: function () {
       this.$emit('update-offline-annotation-enabled', this.offlineAnnotationEnabled);
     },
+    forceContextRestore: function() {
+      this.$module.zincRenderer.forceContextRestore();
+    },
+    forceContextLoss: function() {
+      this.$module.zincRenderer.forceContextLoss();
+    },
     /**
      * @public
      * Hide the tooltip
@@ -2812,9 +2819,11 @@ export default {
     toggleRendering: function (flag) {
       if (this.$module.zincRenderer) {
         if (flag) {
+          this.forceContextRestore();
           this.$module.zincRenderer.animate();
         } else {
           this.$module.zincRenderer.stopAnimate();
+          this.forceContextLoss();
         }
       }
     },