axidio-styleguide-library1-v2 0.3.33 → 0.3.35

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -7902,27 +7902,16 @@ class HorizontalGroupedBarWithScrollZoomComponent extends ComponentUniqueId {
7902
7902
  textNodes.classed('mobile-xaxis-override', true);
7903
7903
  }
7904
7904
  }
7905
- // 💻 TABLET VIEW HANDLING
7906
7905
  if (isTablet) {
7907
7906
  const textNodes = svg.selectAll('g.x1.axis1 g.tick text');
7908
7907
  textNodes.each((d) => {
7909
- const textElement = d3.select(this);
7910
- const words = d.split(/\s+/);
7911
- // Clear existing text
7912
- textElement.text(null);
7913
- // If more than 2 words, break into multiple lines using tspans
7914
- if (words.length >= 3) {
7915
- words.forEach((word, i) => {
7916
- textElement
7917
- .append('tspan')
7918
- .text(word)
7919
- .attr('x', 0)
7920
- .attr('dy', i === 0 ? 0 : 12); // line spacing between words
7921
- });
7922
- }
7923
- else {
7924
- // Keep normal text
7925
- textElement.text(d);
7908
+ const text = d.toString();
7909
+ if (text.length > 10) {
7910
+ d3.select(this)
7911
+ .style('writing-mode', 'sideways-lr') // Vertical layout
7912
+ .attr('text-anchor', 'middle')
7913
+ .attr('y', 25)
7914
+ .attr('x', 0);
7926
7915
  }
7927
7916
  });
7928
7917
  }