Sunburst: recompute labels text when navigating through levels

components/mainPage/visualisations/TargetsTree/TargetsSunburst.vue

 <template>
   <div class="targets-sunburst">
     <v-skeleton-loader v-if="loading" type="card"></v-skeleton-loader>
-    <Sunburst v-else :hierachy-tree="parsedTree" />
+    <template v-else>
+      <v-card tile flat class="sunburst-card">
+        <v-card-subtitle> Targets in EUbOPEN </v-card-subtitle>
+        <v-divider />
+        <v-breadcrumbs :items="currentPath"></v-breadcrumbs>
+        <Sunburst :hierachy-tree="parsedTree" />
+        <v-card-text class="text-caption text-justify">
+          Click on a section to expand it. Click on the links on top to see the
+          targets of the corresponding class.
+        </v-card-text>
+      </v-card>
+    </template>
   </div>
 </template>
 
@@ -18,6 +29,23 @@ export default {
     return {
       loading: true,
       rawHierachyTree: {},
+      currentPath: [
+        {
+          text: 'Enzyme',
+          disabled: false,
+          href: 'breadcrumbs_dashboard',
+        },
+        {
+          text: 'Kinase',
+          disabled: false,
+          href: 'breadcrumbs_link_1',
+        },
+        {
+          text: 'Protein Kinase',
+          disabled: true,
+          href: 'breadcrumbs_link_2',
+        },
+      ],
     }
   },
   computed: {
@@ -58,5 +86,8 @@ export default {
 .targets-sunburst {
   height: 100%;
   width: 100%;
+  .sunburst-card {
+    height: 100%;
+  }
 }
 </style>

web-components-submodule @ 3c482f5d

-Subproject commit c7988048f1387d3880e9f3d6b2d6398a605a24d4
+Subproject commit 3c482f5da16e600940b5ce97e32ca16c1f51cc46