@opendata-ai/openchart-engine 6.15.1 → 6.17.0

package/dist/index.js

@@ -596,7 +596,7 @@ function evaluateFieldPredicate(datum, pred) {
     return pred.valid ? isValid : !isValid;
   }
   if (pred.equal !== void 0) {
-    return value2 === pred.equal;
+    return value2 == pred.equal;
   }
   const numValue = Number(value2);
   if (pred.lt !== void 0) {
@@ -616,7 +616,7 @@ function evaluateFieldPredicate(datum, pred) {
     return numValue >= min4 && numValue <= max4;
   }
   if (pred.oneOf !== void 0) {
-    return pred.oneOf.includes(value2);
+    return pred.oneOf.some((v) => v == value2);
   }
   return true;
 }
@@ -7776,9 +7776,9 @@ import {
   formatNumber as formatNumber6
 } from "@opendata-ai/openchart-core";
 var TICK_COUNTS = {
-  full: 10,
-  reduced: 7,
-  minimal: 3
+  full: 12,
+  reduced: 8,
+  minimal: 4
 };
 var HEIGHT_MINIMAL_THRESHOLD = 120;
 var HEIGHT_REDUCED_THRESHOLD = 200;
@@ -8123,7 +8123,7 @@ function computeDimensions(spec, options, legendLayout, theme, strategy, waterma
         }
       }
       if (maxLabelWidth > 0) {
-        margins.right = Math.max(margins.right, padding + maxLabelWidth + 16);
+        margins.right = Math.max(margins.right, padding + maxLabelWidth + 8);
       }
     }
   }
@@ -8499,14 +8499,18 @@ function buildPointScale(channel, data, rangeStart, rangeEnd) {
 function buildOrdinalColorScale(channel, data, palette) {
   const explicitDomain = channel.scale?.domain;
   const values = explicitDomain ? explicitDomain.map(String) : applyCategoricalSort(uniqueStrings(fieldValues(data, channel.field)), channel.sort);
-  const scale = ordinal().domain(values).range(palette);
+  const explicitRange = channel.scale?.range;
+  const colors = explicitRange ?? palette;
+  const scale = ordinal().domain(values).range(colors);
   return { scale, type: "ordinal", channel };
 }
 function buildSequentialColorScale(channel, data, palette) {
   const values = parseNumbers(fieldValues(data, channel.field));
   const domainMin = min2(values) ?? 0;
   const domainMax = max2(values) ?? 1;
-  const scale = linear2().domain([domainMin, domainMax]).range([palette[0], palette[palette.length - 1]]).clamp(true);
+  const explicitRange = channel.scale?.range;
+  const colors = explicitRange ?? palette;
+  const scale = linear2().domain([domainMin, domainMax]).range([colors[0], colors[colors.length - 1]]).clamp(true);
   return { scale, type: "sequential", channel };
 }
 function buildPositionalScale(channel, data, rangeStart, rangeEnd, chartType, axis) {
@@ -8730,14 +8734,23 @@ function extractColorEntries(spec, theme) {
   if ("condition" in colorEnc) return [];
   if (colorEnc.type === "quantitative") return [];
   const uniqueValues = [...new Set(spec.data.map((d) => String(d[colorEnc.field])))];
-  const palette = theme.colors.categorical;
+  const explicitDomain = colorEnc.scale?.domain;
+  const explicitRange = colorEnc.scale?.range;
+  const palette = explicitRange ?? theme.colors.categorical;
   const shape = swatchShapeForType(spec.markType);
-  return uniqueValues.map((value2, i) => ({
-    label: value2,
-    color: palette[i % palette.length],
-    shape,
-    active: true
-  }));
+  return uniqueValues.map((value2, i) => {
+    let colorIndex = i;
+    if (explicitDomain && explicitRange) {
+      const domainIdx = explicitDomain.indexOf(value2);
+      if (domainIdx >= 0) colorIndex = domainIdx;
+    }
+    return {
+      label: value2,
+      color: palette[colorIndex % palette.length],
+      shape,
+      active: true
+    };
+  });
 }
 function entriesThatFit(entries, maxWidth, maxRows, labelStyle) {
   let row = 1;
@@ -8791,6 +8804,20 @@ function computeLegend(spec, strategy, theme, chartArea, watermark = true) {
     };
   }
   let entries = extractColorEntries(spec, theme);
+  const isLineOrArea = spec.markType === "line" || spec.markType === "area";
+  const hasLabels = spec.labels.density !== "none";
+  const labelsWillRender = strategy.labelMode !== "none";
+  const hasColorEncoding = spec.encoding.color != null;
+  const legendNotForced = spec.legend?.show !== true;
+  if (isLineOrArea && hasLabels && labelsWillRender && hasColorEncoding && legendNotForced) {
+    const isArea = spec.markType === "area";
+    const quantChannel = spec.encoding.y?.type === "quantitative" ? spec.encoding.y : spec.encoding.x;
+    const stackValue2 = quantChannel?.stack;
+    const isStacked = stackValue2 !== null && stackValue2 !== false;
+    if (!isArea || !isStacked) {
+      entries = [];
+    }
+  }
   const labelStyle = {
     fontFamily: theme.fonts.family,
     fontSize: theme.fonts.sizes.small,
@@ -9915,16 +9942,25 @@ function computeCategoryColors(data, column, theme, darkMode) {
     if (raw == null) continue;
     const key = String(raw);
     let bg;
-    if (explicitMap[key]) {
+    let isExplicit = false;
+    if (explicitMap[key] != null) {
+      if (explicitMap[key] === "transparent" || explicitMap[key] === "none") {
+        continue;
+      }
       bg = explicitMap[key];
-    } else if (autoAssigned.has(key)) {
-      bg = autoAssigned.get(key);
+      isExplicit = true;
+    } else if (column.autoAssign) {
+      if (autoAssigned.has(key)) {
+        bg = autoAssigned.get(key);
+      } else {
+        bg = categoricalPalette[nextPaletteIndex % categoricalPalette.length];
+        nextPaletteIndex++;
+        autoAssigned.set(key, bg);
+      }
     } else {
-      bg = categoricalPalette[nextPaletteIndex % categoricalPalette.length];
-      nextPaletteIndex++;
-      autoAssigned.set(key, bg);
+      continue;
     }
-    if (darkMode) {
+    if (darkMode && !isExplicit) {
       bg = adaptColorForDarkMode(bg, lightBg, darkBg);
     }
     const textColor = accessibleTextColor(bg);
@@ -11139,16 +11175,21 @@ function compileChart(spec, options) {
   const renderSpec = renderData !== chartSpec.data ? { ...chartSpec, data: renderData } : chartSpec;
   const scales = computeScales(renderSpec, chartArea, renderSpec.data);
   if (scales.color) {
+    const hasExplicitRange = !!(renderSpec.encoding.color && "field" in renderSpec.encoding.color && renderSpec.encoding.color.scale?.range?.length);
     if (scales.color.type === "sequential") {
-      const seqStops = Object.values(theme.colors.sequential)[0] ?? theme.colors.categorical;
-      scales.color.scale.range([
-        seqStops[0],
-        seqStops[seqStops.length - 1]
-      ]);
+      if (!hasExplicitRange) {
+        const seqStops = Object.values(theme.colors.sequential)[0] ?? theme.colors.categorical;
+        scales.color.scale.range([
+          seqStops[0],
+          seqStops[seqStops.length - 1]
+        ]);
+      }
     } else {
-      scales.color.scale.range(
-        theme.colors.categorical
-      );
+      if (!hasExplicitRange) {
+        scales.color.scale.range(
+          theme.colors.categorical
+        );
+      }
     }
   }
   scales.defaultColor = chartSpec.markDef.fill ?? theme.colors.categorical[0];