@opendata-ai/openchart-core 6.11.0 → 6.12.0

package/package.json

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

package/src/layout/__tests__/chrome.test.ts

@@ -190,4 +190,19 @@ describe('computeChrome', () => {
     expect(result.title).toBeDefined();
     // Just verify it runs without error; exact values depend on measure fn
   });
+
+  it('returns zero bottom height when watermark is false and no bottom chrome', () => {
+    const chrome: Chrome = { title: 'Title' };
+    const result = computeChrome(chrome, theme, 600, undefined, 'full', undefined, false);
+    expect(result.bottomHeight).toBe(0);
+  });
+
+  it('does not reserve brand width for bottom text when watermark is false', () => {
+    const chrome: Chrome = { source: 'Source: World Bank' };
+    const withWatermark = computeChrome(chrome, theme, 600, undefined, 'full', undefined, true);
+    const withoutWatermark = computeChrome(chrome, theme, 600, undefined, 'full', undefined, false);
+
+    // Without watermark, source text gets full width (not reduced by BRAND_RESERVE_WIDTH)
+    expect(withoutWatermark.source!.maxWidth).toBeGreaterThan(withWatermark.source!.maxWidth);
+  });
 });

package/src/layout/chrome.ts

@@ -148,6 +148,7 @@ export function computeChrome(
   measureText?: MeasureTextFn,
   chromeMode: ChromeMode = 'full',
   padding?: number,
+  watermark: boolean = true,
 ): ResolvedChrome {
   if (!chrome || chromeMode === 'hidden') {
     // Brand watermark is also skipped at cramped sizes (height < 200px triggers
@@ -217,7 +218,7 @@ export function computeChrome(
   // renders for wide-enough charts. Reserve space so it doesn't overflow.
   if (chromeMode === 'compact') {
     let compactBottom = 0;
-    if (width >= BRAND_MIN_WIDTH) {
+    if (watermark && width >= BRAND_MIN_WIDTH) {
       const brandHeight = estimateTextHeight(BRAND_FONT_SIZE, 1);
       compactBottom = theme.spacing.chartToFooter + brandHeight + pad;
     }
@@ -230,7 +231,8 @@ export function computeChrome(
 
   // Bottom elements: source, byline, footer
   // Reserve space on the right for the brand watermark so text doesn't overlap it
-  const bottomMaxWidth = maxWidth - BRAND_RESERVE_WIDTH;
+  const shouldReserveBrandWidth = watermark && width >= BRAND_MIN_WIDTH;
+  const bottomMaxWidth = maxWidth - (shouldReserveBrandWidth ? BRAND_RESERVE_WIDTH : 0);
   const bottomElements: Partial<Pick<ResolvedChrome, 'source' | 'byline' | 'footer'>> = {};
   let bottomHeight = 0;
 
@@ -300,7 +302,7 @@ export function computeChrome(
     // Ensure bottom height accommodates the brand watermark, which renders
     // at the same Y as the first bottom chrome item but is taller (20px font
     // vs 12px source). Without this, the brand overflows the SVG viewBox.
-    if (width >= BRAND_MIN_WIDTH) {
+    if (watermark && width >= BRAND_MIN_WIDTH) {
       const brandHeight = estimateTextHeight(BRAND_FONT_SIZE, 1);
       // firstItemY is chartToFooter (the Y offset of the first bottom item).
       // The brand needs brandHeight below that point; bottom chrome content
@@ -313,7 +315,7 @@ export function computeChrome(
 
     // Add bottom padding
     bottomHeight += pad;
-  } else if (width >= BRAND_MIN_WIDTH) {
+  } else if (watermark && width >= BRAND_MIN_WIDTH) {
     // No bottom chrome items, but brand watermark still renders.
     // Reserve space: chartToFooter gap + brand text height + padding.
     const brandHeight = estimateTextHeight(BRAND_FONT_SIZE, 1);

package/src/types/layout.ts

@@ -667,6 +667,8 @@ export interface ChartLayout {
   dimensions: { width: number; height: number };
   /** Resolved animation config. Present only when animation is enabled. */
   animation?: ResolvedAnimation;
+  /** Whether the tryOpenData.ai watermark is enabled. */
+  watermark: boolean;
 }
 
 // ---------------------------------------------------------------------------
@@ -843,6 +845,8 @@ export interface TableLayout {
   theme: ResolvedTheme;
   /** Resolved animation config. Present only when animation is enabled. */
   animation?: ResolvedAnimation;
+  /** Whether the tryOpenData.ai watermark is enabled. */
+  watermark: boolean;
 }
 
 // ---------------------------------------------------------------------------
@@ -1020,6 +1024,8 @@ export interface SankeyLayout {
   dimensions: { width: number; height: number };
   /** Resolved animation config. Present only when animation is enabled. */
   animation?: ResolvedAnimation;
+  /** Whether the tryOpenData.ai watermark is enabled. */
+  watermark: boolean;
 }
 
 // ---------------------------------------------------------------------------
@@ -1054,6 +1060,8 @@ export interface CompileOptions {
    * before calling compile. The engine always receives a resolved boolean.
    */
   darkMode?: boolean;
+  /** Whether to show the tryOpenData.ai watermark. Defaults to true. */
+  watermark?: boolean;
   /**
    * Real text measurement function provided by the adapter.
    * Uses a hidden canvas or DOM element for accurate text dimensions.

package/src/types/spec.ts

@@ -804,6 +804,8 @@ export interface ChartSpec {
   theme?: ThemeConfig;
   /** Dark mode behavior. Defaults to "off". */
   darkMode?: DarkMode;
+  /** Whether to show the tryOpenData.ai watermark. Defaults to true. */
+  watermark?: boolean;
   /** Series names to hide from rendering. Hidden series remain in the legend but are visually dimmed. */
   hiddenSeries?: string[];
   /** Per-series visual overrides, keyed by series name (the color field value). */
@@ -844,6 +846,8 @@ export interface TableSpec {
   theme?: ThemeConfig;
   /** Dark mode behavior. */
   darkMode?: DarkMode;
+  /** Whether to show the tryOpenData.ai watermark. Defaults to true. */
+  watermark?: boolean;
   /** Enable client-side search/filter. */
   search?: boolean;
   /** Pagination configuration. True for defaults, or an object with pageSize. */
@@ -911,6 +915,8 @@ export interface GraphSpec {
   theme?: ThemeConfig;
   /** Dark mode behavior. */
   darkMode?: DarkMode;
+  /** Whether to show the tryOpenData.ai watermark. Defaults to true. */
+  watermark?: boolean;
 }
 
 // ---------------------------------------------------------------------------
@@ -964,6 +970,8 @@ export interface LayerSpec {
   theme?: ThemeConfig;
   /** Dark mode behavior. Defaults to "off". */
   darkMode?: DarkMode;
+  /** Whether to show the tryOpenData.ai watermark. Defaults to true. */
+  watermark?: boolean;
   /** Resolution strategy for shared scales/axes/legends. */
   resolve?: ResolveConfig;
   /** Hidden series names. */
@@ -1030,6 +1038,8 @@ export interface SankeySpec {
   theme?: ThemeConfig;
   /** Dark mode behavior. Defaults to "off". */
   darkMode?: DarkMode;
+  /** Whether to show the tryOpenData.ai watermark. Defaults to true. */
+  watermark?: boolean;
   /** Animation configuration for entrance animations. */
   animation?: AnimationSpec;
   /**