@opendata-ai/openchart-engine 6.28.2 → 6.28.4

package/dist/index.js

@@ -11280,6 +11280,15 @@ function formatValueForSearch(value2, column) {
 
 // src/tables/heatmap.ts
 import { adaptColorForDarkMode as adaptColorForDarkMode2 } from "@opendata-ai/openchart-core";
+function relativeLuminance(hex2) {
+  const m = /^#?([0-9a-f]{2})([0-9a-f]{2})([0-9a-f]{2})$/i.exec(hex2);
+  if (!m) return 0;
+  const [r, g, b] = [m[1], m[2], m[3]].map((c) => {
+    const v = Number.parseInt(c, 16) / 255;
+    return v <= 0.03928 ? v / 12.92 : ((v + 0.055) / 1.055) ** 2.4;
+  });
+  return 0.2126 * r + 0.7152 * g + 0.0722 * b;
+}
 function interpolatorFromStops(stops) {
   if (stops.length === 0) return () => "#ffffff";
   if (stops.length === 1) return () => stops[0];
@@ -11332,7 +11341,19 @@ function computeHeatmapColors(data, column, theme, darkMode) {
   if (darkMode) {
     const lightBg = "#ffffff";
     const darkBg = theme.colors.background;
+    const originalStops = stops;
     stops = stops.map((c) => adaptColorForDarkMode2(c, lightBg, darkBg));
+    if (originalStops.length >= 2) {
+      const origDirection = Math.sign(
+        relativeLuminance(originalStops[originalStops.length - 1]) - relativeLuminance(originalStops[0])
+      );
+      const adaptedDirection = Math.sign(
+        relativeLuminance(stops[stops.length - 1]) - relativeLuminance(stops[0])
+      );
+      if (origDirection !== 0 && adaptedDirection !== 0 && origDirection !== adaptedDirection) {
+        stops = stops.slice().reverse();
+      }
+    }
   }
   const interpolator = interpolatorFromStops(stops);
   const scale = sequential(interpolator).domain(domain).clamp(true);
@@ -11956,6 +11977,7 @@ function compileTileMap(spec, options) {
     keyboardNavigable: tiles.length > 0
   };
   const resolvedAnimation = resolveAnimation(tilemapSpec.animation);
+  const contentHeight = tileGridOffsetY + tilePositions.gridHeight + legendGap2 + legendTotalHeight + chrome.bottomHeight + padding;
   return {
     area: fullArea,
     chrome,
@@ -11965,7 +11987,7 @@ function compileTileMap(spec, options) {
     a11y,
     theme,
     width: options.width,
-    height: options.height,
+    height: contentHeight,
     animation: resolvedAnimation,
     watermark,
     measureText: options.measureText ?? ((text, fontSize) => ({ width: estimateTextWidth15(text, fontSize), height: fontSize }))