Changed property name in tooltip display to simplify

Removed the master property name and only show subproperties.

src/components/AnnotationViewer.vue

@@ -452,7 +452,7 @@ export default class AnnotationViewer extends Vue {
         });
       yOffset += 12;
       for (const propertyPath of this.displayedPropertyPaths) {
-        const fullName = this.propertyStore.getFullNameFromPath(propertyPath);
+        const fullName = this.propertyStore.getSubIdsNameFromPath(propertyPath);
         if (fullName) {
           const propertyValues = this.propertyValues;
           const propertyData: Map<string, string> = new Map();

src/store/properties.ts

@@ -190,6 +190,31 @@ export class Properties extends VuexModule {
       return fullName;
     };
   }
+
+  get getSubIdsNameFromPath() {
+    return (propertyPath: string[]) => {
+      const propertyId = propertyPath[0];
+      if (!propertyId) {
+        return null;
+      }
+      const property = this.getPropertyById(propertyId);
+      if (!property) {
+        return null;
+      }
+      const propertyName = property.name;
+      const subIds = propertyPath.slice(1);
+
+      // Check if subIds array is empty
+      if (subIds.length === 0) {
+        // Return only the propertyName if there are no subIds
+        return propertyName;
+      } else {
+        // Otherwise, return the subIds joined by " / "
+        return subIds.join(" / ");
+      }
+    };
+  }
+
 
   get uncomputedAnnotationsPerProperty() {
     const uncomputed: { [propertyId: string]: IAnnotation[] } = {};