get ready for ccdutils 0.6

src/plugin/depiction.ts

@@ -177,26 +177,21 @@ class Depiction {
      */
     private appendLabels() {
         let data = this.atoms
-            .filter(x => x.labels.length > 0)
-            ?.map(x => x.labels)
-            ?.reduce((a, b) => a.concat(b));
+            .filter(x => x.labels.length > 0);
 
         this.structure.selectAll()
             .data(data)
             .enter()
-            .append('text')
-            .attr('filter', "url(#solid-background)")
-            .attr('style', (x: any) => x.style)
-            .attr('x', (x: any) => x.x)
-            .attr('y', (x: any) => x.y)
-            .attr('dominant-baseline', (x: any) => x['dominant-baseline'])
-            .attr('text-anchor', (x: any) => x['text-anchor'])
+            .append('g')
+            .attr('filter', 'url(#solid-background)')
             .each(function (x: any) {
-                for (var i = 0; i < x.tspans.length; i++) {
+                for (var i = 0; i < x.labels.length; i++) {
                     d3.select(this)
-                        .append('tspan')
-                        .attr('style', x.tspans[i].style)
-                        .text(x.tspans[i].value);
+                        .append('path')
+                        .attr('d', x.labels[i].d)
+                        .style("background-color", "white")
+                        .attr('fill', x.labels[i].fill)
+
                 }
             });
     }