                          """)
                 .style("left", (d3.event.pageX) + "px")
                 .style("top", (d3.event.pageY - 28) + "px")
-            .on "mouseout", (d) ->
+            .on "mouseout", () ->
                 div.transition()
                 .duration(500)
                 .style("opacity", 0)

                    d.source.name = gettextCatalog.getString(d.source.name)
                else if d.target.name is 'Other media'
                    d.target.name = gettextCatalog.getString(d.target.name)
                if (d.source.type is "o" and d.target.type is "m")
                    div.html("""#{d.source.name} (#{formatNumber((d.value/d.source.value)*100)}%) → #{d.target.name} (#{formatNumber((d.value/d.target.value)*100)}%)<br/>#{(formatNumber(d.value))} (§#{d.type})
                            <div><i class="fa fa-bar-chart" aria-hidden="true"></i> #{gettextCatalog.getString('Click for Details')}</div>
                         """)

            .attr("x", 6 + sankey.nodeWidth())
            .attr("text-anchor", "start");

        $scope.$watch 'data', updateDiagram


app.directive 'tpaMultiBarChart',[ '$compile', ($compile) ->
    restrict: 'E'
    scope:
        data: '='
        showXAxis: '='
        showYAxis: '='
        tooltips: '='
