axidio-styleguide-library1-v2 0.0.780 → 0.0.782

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

@@ -8419,7 +8419,7 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
             isDisplayBarDetailsAtBottom: undefined,
             howmanyBarDetailsToDisplay: 0,
             barVauleColor: undefined,
-            defaultBarHeight: 4,
+            defaultBarHeight: 2,
         };
         this.uniqueId = this.getUniqueId();
         this.isZoomedOut = false;
@@ -8754,6 +8754,10 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
                 if (isValueToBeIgnored) {
                     return '';
                 }
+                // If label looks like a date (contains digits and - or /), show full label as one line
+                if (/\d{2,4}[-\/]/.test(d)) {
+                    return d;
+                }
                 if (d.trim().indexOf(' ') > -1) {
                     return d.trim().substring(0, d.indexOf(' ')).toLowerCase();
                 }
@@ -8761,15 +8765,16 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
             });
             svg
                 .selectAll('g.x1.axis1 g.tick')
-                .append('text')
-                .attr('class', 'lib-xaxis-labels-texts-drilldown')
-                .attr('y', long_tick_length_bg)
-                .attr('fill', 'var(--chart-text-color)')
-                .text(function (d) {
-                if (d.trim().indexOf(' ') > -1) {
-                    return d.trim().substring(d.indexOf(' '), d.length).toLowerCase();
+                .each((d) => {
+                // Only append second <text> for non-date labels
+                if (!/\d{2,4}[-\/]/.test(d) && d.trim().indexOf(' ') > -1) {
+                    d3.select(this)
+                        .append('text')
+                        .attr('class', 'lib-xaxis-labels-texts-drilldown')
+                        .attr('y', long_tick_length_bg)
+                        .attr('fill', 'var(--chart-text-color)')
+                        .text(d.trim().substring(d.indexOf(' '), d.length).toLowerCase());
                 }
-                return '';
             });
         }
         /**y scale for left y axis */
@@ -8975,14 +8980,10 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
             if (d.value == -1) {
                 return y(0);
             }
-            if (d.value) {
-                // For values between 0 and 10, position bar at baseline with default height
-                if (d.value <= 10 && d.value >= 0) {
-                    const defaultHeight = self.chartConfiguration.defaultBarHeight || 8;
-                    return y(0) - defaultHeight;
-                }
-                // For values greater than 10, use normal calculated position
-                return y(d.value);
+            if (d.value >= 0) {
+                const barHeight = height - y(d.value);
+                const minHeight = self.chartConfiguration.defaultBarHeight || 2;
+                return barHeight < minHeight ? y(0) - minHeight : y(d.value);
             }
             return y(0);
         })
@@ -9026,13 +9027,10 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
             if (d.value == -1) {
                 return height - y(0);
             }
-            if (d.value) {
-                // For values between 0 and 10 (inclusive), use default height
-                if (d.value <= 10 && d.value >= 0) {
-                    return self.chartConfiguration.defaultBarHeight || 8;
-                }
-                // For values greater than 10, use calculated height
-                return height - y(d.value);
+            if (d.value >= 0) {
+                const barHeight = height - y(d.value);
+                const minHeight = self.chartConfiguration.defaultBarHeight || 2;
+                return Math.max(barHeight, minHeight);
             }
             return height - y(0);
         })
@@ -9361,10 +9359,10 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
             .tickSize(0)
             .ticks(self.chartConfiguration.numberOfYTicks)
             .tickFormat(function (d) {
-            const formatted = self.chartConfiguration.yAxisLabelFomatter
-                ? self.chartConfiguration.yAxisLabelFomatter(d)
-                : d;
-            return formatted >= 1000 ? formatted / 1000 + 'k' : formatted;
+            if (self.chartConfiguration.yAxisLabelFomatter) {
+                return self.chartConfiguration.yAxisLabelFomatter(d);
+            }
+            return d;
         }))
             .call((g) => {
             // Style the domain line for theme support