@opendata-ai/openchart-vanilla 7.1.3 → 7.2.0

package/dist/index.js

@@ -5259,7 +5259,7 @@ function renderAnnotations(parent, layout) {
 
 // src/renderers/axes.ts
 import {
-  AXIS_TITLE_OFFSET_COMPACT,
+  AXIS_TITLE_GAP,
   estimateTextWidth as estimateTextWidth2,
   getAxisTitleOffset,
   TICK_LABEL_OFFSET
@@ -5304,7 +5304,8 @@ function renderAxis(parent, axis, orientation, layout) {
       label.setAttribute("class", "oc-axis-tick");
       if (axis.tickAngle && Math.abs(axis.tickAngle) > 10) {
         const labelX = tick.position;
-        const labelY = area.y + area.height + 6;
+        const xLabelPad = axis.labelPadding ?? layout.theme.spacing.xAxisLabelPadding;
+        const labelY = area.y + area.height + xLabelPad;
         setAttrs2(label, {
           x: labelX,
           y: labelY,
@@ -5313,9 +5314,10 @@ function renderAxis(parent, axis, orientation, layout) {
           transform: `rotate(${axis.tickAngle}, ${labelX}, ${labelY})`
         });
       } else {
+        const xLabelPad = axis.labelPadding ?? layout.theme.spacing.xAxisLabelPadding;
         setAttrs2(label, {
           x: tick.position,
-          y: area.y + area.height + 14,
+          y: area.y + area.height + xLabelPad,
           "text-anchor": "middle"
         });
       }
@@ -5474,7 +5476,6 @@ function renderAxis(parent, axis, orientation, layout) {
         transform: `rotate(90, ${titleX}, ${area.y + area.height / 2})`
       });
     } else {
-      const AXIS_TITLE_GAP = 8;
       const maxTickLabelWidth = axis.ticks.reduce((max, t) => {
         const w = estimateTextWidth2(
           t.label,
@@ -5484,7 +5485,7 @@ function renderAxis(parent, axis, orientation, layout) {
         return Math.max(max, w);
       }, 0);
       const dynamicOffset = TICK_LABEL_OFFSET + maxTickLabelWidth + AXIS_TITLE_GAP;
-      const titleOffset = Math.max(dynamicOffset, AXIS_TITLE_OFFSET_COMPACT);
+      const titleOffset = Math.max(dynamicOffset, getAxisTitleOffset(layout.dimensions.width));
       setAttrs2(axisLabel, {
         x: area.x - titleOffset,
         y: area.y + area.height / 2,
@@ -8692,9 +8693,11 @@ function renderTable(layout, container, opts) {
   if (pagination) {
     wrapper.appendChild(pagination);
   }
+  const footerRow = document.createElement("div");
+  footerRow.className = "oc-table-footer-row";
   const footerChrome = renderChromeBlock(layout, "footer");
   if (footerChrome) {
-    wrapper.appendChild(footerChrome);
+    footerRow.appendChild(footerChrome);
   }
   const liveRegion = document.createElement("div");
   liveRegion.className = "oc-table-live-region oc-sr-only";
@@ -8715,7 +8718,6 @@ function renderTable(layout, container, opts) {
     const brandColor = theme ? theme.colors.axis : "#999999";
     const brand = document.createElement("div");
     brand.className = "oc-table-ref";
-    brand.style.cssText = "text-align: right; padding: 4px 8px;";
     const brandLink = document.createElement("a");
     brandLink.href = BRAND_URL4;
     brandLink.target = "_blank";
@@ -8723,7 +8725,10 @@ function renderTable(layout, container, opts) {
     brandLink.style.cssText = `font-size: ${BRAND_FONT_SIZE4}px; font-weight: 600; color: ${brandColor}; opacity: 0.55; text-decoration: none; font-family: ${theme ? theme.fonts.family : "sans-serif"};`;
     brandLink.textContent = "tryOpenData.ai";
     brand.appendChild(brandLink);
-    wrapper.appendChild(brand);
+    footerRow.appendChild(brand);
+  }
+  if (footerRow.childElementCount > 0) {
+    wrapper.appendChild(footerRow);
   }
   if (opts?.animate && layout.animation?.enabled) {
     const anim = layout.animation;