@abi-software/scaffoldvuer 1.13.1-beta.0 → 1.13.1-beta.11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abi-software/scaffoldvuer",
-  "version": "1.13.1-beta.0",
+  "version": "1.13.1-beta.11",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
@@ -41,7 +41,7 @@
     "*.js"
   ],
   "dependencies": {
-    "@abi-software/map-utilities": "^1.7.6",
+    "@abi-software/map-utilities": "^1.7.8-beta.2",
     "@abi-software/sparc-annotation": "^0.3.2",
     "@abi-software/svg-sprite": "1.0.3",
     "@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.16.2"
+    "zincjs": "^1.16.8"
   },
   "devDependencies": {
     "@babel/eslint-parser": "^7.28.0",

package/src/App.vue

@@ -38,7 +38,8 @@
         @zinc-object-added="objectAdded"
         @vue:mounted="viewerMounted"
         :usageConfig="usageConfig"
-      />
+      >
+      </ScaffoldVuer>
     </drop-zone>
 
     <HelpModeDialog
@@ -150,7 +151,7 @@
                   id="annotations-upload"
                   type="file"
                   accept="application/json"
-                  @change="importOfflineAnnotations" 
+                  @change="importOfflineAnnotations"
                 />
               </el-button>
           </el-col>
@@ -357,7 +358,7 @@ const writeTextFile = (filename, data) => {
   hrefElement.href = dataStr;
   hrefElement.click();
   hrefElement.remove();
-} 
+}
 
 export default {
   name: "app",

package/src/components/ScaffoldOverlay.vue

@@ -231,6 +231,11 @@ export default {
     color:black;
     opacity:0.5;
     top: 50%;
+    text-shadow:
+      -1px -1px 0 white,
+      1px -1px 0 white,
+      -1px 1px 0 white,
+      1px 1px 0 white; /* White outline */
   }
 }
 

package/src/components/ScaffoldTooltip.vue

@@ -13,12 +13,16 @@
     >
       <template #default>
         <div class="tooltip-text">{{ label }}</div>
-        <div class="tooltip-text" v-if="region">Region: {{ region }}</div>
+        <div class="tooltip-text" v-if="region && region != '/'">
+          Region: {{ region }}
+        </div>
         <CreateTooltipContent
           v-show="createData.toBeConfirmed"
           :createData="createData"
           @confirm-create="$emit('confirm-create', $event)"
           @cancel-create="$emit('cancel-create')"
+          @create-region-suggestions="$emit('create-region-suggestions', $event)"
+          @create-group-suggestions="$emit('create-group-suggestions', $event)"
         />
         <Tooltip
           class="p-tooltip"

package/src/components/ScaffoldTreeControls.vue

@@ -1,6 +1,7 @@
 <template>
   <div class="tree-controls" :class="{ open: drawerOpen, close: !drawerOpen }">
     <div class="traditional-container">
+      <slot name="treeSlot"></slot>
       <TreeControls
         mapType="scaffold"
         title="Regions"
@@ -110,6 +111,40 @@ export default {
     */
   },
   methods: {
+    setCheckboxDisabled: function(data, flag, childrenOnly) {
+      if (data) {
+        if (!childrenOnly) {
+          data.disabled = flag;
+        }
+        if (data.children) {
+          data.children.forEach(child =>
+            this.setCheckboxDisabled(child, flag, false)
+          );
+        }
+      }
+    },
+    setRegionCheckboxDisabled: function (region, flag, childrenOnly) {
+      if (this.treeData[0] && region?.uuid) {
+        const data = this.findDataWithId(this.treeData[0], region?.uuid)
+        if (data) {
+          this.setCheckboxDisabled(data, flag, childrenOnly);
+        }
+      }
+    },
+    findDataWithId: function(data, uuid) {
+      if (data) {
+        if (data.id === uuid) {
+          return data;
+        }
+        if (data.children) {
+          for (let i = 0; i < data.children.length; i++) {
+            const found = this.findDataWithId(data.children[i], uuid);
+            if (found) return found;
+          }
+        }
+      }
+      return;
+    },
     addTreeItem: function (parentContainer, item, object) {
       //The following block prevent duplicate graphics with the same name
       if (parentContainer.some((child) => child.label === item.label)) {
@@ -210,21 +245,29 @@ export default {
         }
       }
     },
+    removeGroupFromRegionTreeData: function(region, groupName) {
+      const paths = region.getFullSeparatedPath();
+      const regionData = this.findOrCreateRegion(this.treeData[0], paths, "");
+      for (let i = 0; i < regionData.children.length; i++) {
+        if (regionData.children[i].label === groupName) {
+          regionData.children.splice(i, 1);
+          this.nodeNumbers--;
+          return;
+        }
+      }
+    },
+    zincObjectRenamed: function(zincObject, oldName) {
+      const objects = zincObject.region.findObjectsWithGroupName(oldName, false);
+      if (objects.length < 1) {
+        this.removeGroupFromRegionTreeData(zincObject.region, oldName);
+      }
+      this.zincObjectAdded(zincObject);
+    },
     zincObjectRemoved: function(zincObject) {
       const group = zincObject.groupName;
       const objects = zincObject.region.findObjectsWithGroupName(group, false);
       if (objects.length === 0) {
-        const paths = zincObject.region.getFullSeparatedPath();
-        const regionData = this.findOrCreateRegion(this.treeData[0], paths, "");
-        if (regionData.children) {
-          for (let i = 0; i < regionData.children.length; i++) {
-            if (regionData.children[i].label === group) {
-              regionData.children.splice(i, 1);
-              this.nodeNumbers--;
-              return;
-            }
-          }
-        }
+        this.removeGroupFromRegionTreeData(zincObject.region, group);
       }
     },
     checkChanged: function (node, data) {
@@ -242,6 +285,7 @@ export default {
           region.hideAllPrimitives();
           //this.checkedRegions = this.checkedRegions.filter(region => region.label !== node.label);
         }
+        this.$emit("check-changed", {region, isChecked});
       }
       if (isPrimitives) {
         const primitives = region.findObjectsWithGroupName(node.label);
@@ -249,6 +293,7 @@ export default {
           const visibility = isChecked && !node.disabled;
           primitive.setVisibility(visibility);
         });
+        this.$emit("check-changed", {zincObjects: primitives, isChecked});
       }
     },
     updateActiveUI: function (primitives) {