@opendata-ai/openchart-engine 8.3.0 → 8.3.1

package/dist/index.js

@@ -9722,11 +9722,11 @@ function applyFillPatterns(marks, markDef, theme) {
 // src/compile/layer.ts
 import {
   AXIS_TITLE_TRAILING_PAD as AXIS_TITLE_TRAILING_PAD2,
+  axisTitleOffset as axisTitleOffset3,
   BREAKPOINT_COMPACT_MAX as BREAKPOINT_COMPACT_MAX2,
   computeFieldFormatContext as computeFieldFormatContext5,
   defaultNumberFormatter as defaultNumberFormatter7,
   estimateTextWidth as estimateTextWidth17,
-  getAxisTitleOffset as getAxisTitleOffset2,
   resolveNumberFormatter as resolveNumberFormatter5,
   resolveTheme as resolveTheme2,
   TICK_LABEL_OFFSET
@@ -12149,9 +12149,9 @@ function compileLayerIndependent(leaves, layerSpec, options, compileChart2) {
   const hasRightAxisTitle = !!yAxisConfig?.title;
   const tickExtent = TICK_LABEL_OFFSET + rightAxisWidth;
   const bodyFontSize = theme.fonts?.sizes?.body ?? 13;
-  const axisTitleOffset4 = getAxisTitleOffset2(options.width);
   const halfGlyph = Math.ceil(bodyFontSize / 2);
-  const titleExtent = hasRightAxisTitle ? axisTitleOffset4 + halfGlyph + (options.width < BREAKPOINT_COMPACT_MAX2 ? 0 : AXIS_TITLE_TRAILING_PAD2) : 0;
+  const titleCenterOffset = axisTitleOffset3(rightAxisWidth, bodyFontSize, options.width);
+  const titleExtent = hasRightAxisTitle ? titleCenterOffset + halfGlyph + (options.width < BREAKPOINT_COMPACT_MAX2 ? 0 : AXIS_TITLE_TRAILING_PAD2) : 0;
   const rightReserve = Math.max(tickExtent, titleExtent);
   const optionsWithReserve = {
     ...options,
@@ -12186,7 +12186,7 @@ function compileLayerIndependent(leaves, layerSpec, options, compileChart2) {
     },
     ...layout1.axes.y.label ? {
       titlePosition: {
-        x: layout0.area.x + layout0.area.width + getAxisTitleOffset2(layout0.dimensions.width),
+        x: layout0.area.x + layout0.area.width + axisTitleOffset3(rightAxisWidth, bodyFontSize, layout0.dimensions.width),
         y: layout0.area.y + layout0.area.height / 2,
         angle: 90
       }
@@ -14544,7 +14544,7 @@ var DEFAULT_COLLISION_PADDING = 5;
 // src/layout/dimensions.ts
 import {
   AXIS_TITLE_TRAILING_PAD as AXIS_TITLE_TRAILING_PAD3,
-  axisTitleOffset as axisTitleOffset3,
+  axisTitleOffset as axisTitleOffset4,
   BREAKPOINT_COMPACT_MAX as BREAKPOINT_COMPACT_MAX3,
   computeChrome as computeChrome5,
   computeFieldFormatContext as computeFieldFormatContext6,
@@ -14905,7 +14905,7 @@ function computeDimensions(spec, options, legendLayout, theme, strategy, waterma
       );
     }
     const titleFontSize = theme.fonts.sizes.body;
-    const offset = axisTitleOffset3(estTickLabelWidth, titleFontSize, width, yIsInlinePre);
+    const offset = axisTitleOffset4(estTickLabelWidth, titleFontSize, width, yIsInlinePre);
     const halfGlyph = Math.ceil(titleFontSize / 2);
     const rotatedLabelMargin = offset + halfGlyph + (width < BREAKPOINT_COMPACT_MAX3 ? 0 : AXIS_TITLE_TRAILING_PAD3);
     margins.left = Math.max(margins.left, hPad + rotatedLabelMargin);