axidio-styleguide-library1-v2 0.7.43 → 0.7.44

package/fesm2022/axidio-styleguide-library1-v2.mjs

@@ -7109,7 +7109,14 @@ class HorizontalBarsWithScrollZoomComponent extends ComponentUniqueId {
             .style('align-items', 'center')
             .style('background-color', 'var(--card-bg)')
             .style('z-index', '10');
-        return { svg, svgYAxisLeft, svgYAxisRight, innerContainer, bottomLabelContainer };
+        const tooltip = chartWrapper
+            .append('div')
+            .attr('class', 'chart-tooltip')
+            .style('position', 'absolute')
+            .style('pointer-events', 'none')
+            .style('z-index', '9999')
+            .style('display', 'none');
+        return { svg, svgYAxisLeft, svgYAxisRight, innerContainer, bottomLabelContainer, tooltip };
     }
     createScales(data, layers, lineData, dimensions) {
         const { width, height, barWidth, barPadding } = dimensions;
@@ -7287,28 +7294,12 @@ class HorizontalBarsWithScrollZoomComponent extends ComponentUniqueId {
         }
         return metaData.hoverColor || metaData.colors[d.key];
     }
-    displayTooltip(d, svg, metaData, scales) {
-        const { xScale, yScale } = scales;
+    displayTooltip(d, tooltip, metaData, scales) {
         const value = d[1] - d[0];
         if (isNaN(value))
             return;
-        const bandwidth = xScale.bandwidth();
-        // Fixed tooltip width for all resolutions
-        const width = /week/i.test(d.data.name) && /\d{4}-\d{2}-\d{2}/.test(d.data.name)
-            ? '250px'
-            : bandwidth + this.CONSTANTS.LEFT_RIGHT_SPACES * 2 > 180
-                ? '180px'
-                : bandwidth + this.CONSTANTS.LEFT_RIGHT_SPACES * 2;
-        svg
-            .append('foreignObject')
-            .attr('x', this.calculateTooltipX(d, xScale, width))
-            .attr('class', 'lib-verticalstack-title-ontop')
-            .attr('y', yScale(d[1]) - 51)
-            .attr('width', width)
-            .attr('height', 40)
-            .append('xhtml:div')
-            .attr('class', 'title')
-            .style('z-index', '99')
+        tooltip
+            .style('display', 'block')
             .html(this.generateTooltipHtml(d, metaData, value));
     }
     calculateTooltipX(d, xScale, width) {