@opendata-ai/openchart-core 7.9.2 → 7.9.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opendata-ai/openchart-core",
-  "version": "7.9.2",
+  "version": "7.9.3",
   "description": "Types, theme, colors, accessibility, and utilities for openchart",
   "license": "Apache-2.0",
   "author": "Riley Hilliard",

package/src/index.ts

@@ -112,9 +112,11 @@ export {
   MAX_LEFT_LABEL_FRACTION_MEDIUM_MAX,
   NARROW_VIEWPORT_MAX,
   TICK_LABEL_OFFSET,
+  TICK_LINE_HEIGHT_FACTOR,
   TOP_PAD_EXTRA_NARROW,
   TOP_PAD_NARROW_MAX,
   X_AXIS_BAND_HEIGHT,
+  X_AXIS_ROTATED_EXTENT_CAP,
   X_AXIS_TITLE_BAND,
   X_AXIS_TITLE_BAND_ROTATED,
 } from './responsive/index';

package/src/responsive/index.ts

@@ -41,9 +41,11 @@ export {
   MAX_LEFT_LABEL_FRACTION_MEDIUM_MAX,
   NARROW_VIEWPORT_MAX,
   TICK_LABEL_OFFSET,
+  TICK_LINE_HEIGHT_FACTOR,
   TOP_PAD_EXTRA_NARROW,
   TOP_PAD_NARROW_MAX,
   X_AXIS_BAND_HEIGHT,
+  X_AXIS_ROTATED_EXTENT_CAP,
   X_AXIS_TITLE_BAND,
   X_AXIS_TITLE_BAND_ROTATED,
 } from './metrics';

package/src/responsive/metrics.ts

@@ -173,6 +173,22 @@ export const X_AXIS_BAND_HEIGHT = 26;
 export const X_AXIS_TITLE_BAND = 22;
 export const X_AXIS_TITLE_BAND_ROTATED = 20;
 
+/**
+ * Ceiling on the vertical extent reserved for rotated x tick labels. Labels
+ * whose rotated projection exceeds this clip at the reservation edge, so the
+ * angle ladder (engine layout/axes/rotation) avoids -90° for labels longer
+ * than this.
+ */
+export const X_AXIS_ROTATED_EXTENT_CAP = 120;
+
+/**
+ * Line-height multiplier for a tick label's text ribbon. Shared by the
+ * rotated-extent reservation below and the engine's rotation collision test
+ * (layout/axes/rotation) so the reserved space and the fit threshold can't
+ * drift apart.
+ */
+export const TICK_LINE_HEIGHT_FACTOR = 1.2;
+
 export interface XAxisExtentInput {
   labels: string[];
   tickAngle?: number;
@@ -199,7 +215,7 @@ export function computeXAxisExtentFromLabels(input: XAxisExtentInput): number {
     // lineHeight*|cos θ| (the label's own height, which still contributes
     // unless the text is fully vertical). Measuring only the sin term
     // under-reserved space, letting rotated ticks spill into the source line.
-    const lineHeight = input.tickFontSize * 1.2;
+    const lineHeight = input.tickFontSize * TICK_LINE_HEIGHT_FACTOR;
     // Small gap between the axis line and the top of the rotated label band.
     // Mirrors the tick-mark-to-label offset used for flat labels; keeps the
     // reservation matched to the drawn footprint across Blink and WebKit,
@@ -207,7 +223,7 @@ export function computeXAxisExtentFromLabels(input: XAxisExtentInput): number {
     const AXIS_TO_LABEL_GAP = 3;
     const rotatedHeight = Math.min(
       maxLabelWidth * Math.sin(angleRad) + lineHeight * Math.cos(angleRad) + AXIS_TO_LABEL_GAP,
-      120,
+      X_AXIS_ROTATED_EXTENT_CAP,
     );
     return input.hasTitle ? rotatedHeight + X_AXIS_TITLE_BAND_ROTATED : rotatedHeight;
   }