axidio-styleguide-library1-v2 0.0.784 → 0.0.785

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

@@ -8419,7 +8419,7 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
             isDisplayBarDetailsAtBottom: undefined,
             howmanyBarDetailsToDisplay: 0,
             barVauleColor: undefined,
-            defaultBarHeight: 2,
+            defaultBarHeight: 4,
         };
         this.uniqueId = this.getUniqueId();
         this.isZoomedOut = false;
@@ -8765,16 +8765,15 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
             });
             svg
                 .selectAll('g.x1.axis1 g.tick')
-                .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());
+                .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();
                 }
+                return '';
             });
         }
         /**y scale for left y axis */
@@ -8980,10 +8979,14 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
             if (d.value == -1) {
                 return y(0);
             }
-            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);
+            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);
             }
             return y(0);
         })
@@ -9027,10 +9030,13 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
             if (d.value == -1) {
                 return height - y(0);
             }
-            if (d.value >= 0) {
-                const barHeight = height - y(d.value);
-                const minHeight = self.chartConfiguration.defaultBarHeight || 2;
-                return Math.max(barHeight, minHeight);
+            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);
             }
             return height - y(0);
         })
@@ -9359,10 +9365,10 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
             .tickSize(0)
             .ticks(self.chartConfiguration.numberOfYTicks)
             .tickFormat(function (d) {
-            if (self.chartConfiguration.yAxisLabelFomatter) {
-                return self.chartConfiguration.yAxisLabelFomatter(d);
-            }
-            return d;
+            const formatted = self.chartConfiguration.yAxisLabelFomatter
+                ? self.chartConfiguration.yAxisLabelFomatter(d)
+                : d;
+            return formatted >= 1000 ? formatted / 1000 + 'k' : formatted;
         }))
             .call((g) => {
             // Style the domain line for theme support