@opendata-ai/openchart-vanilla 6.11.0 → 6.12.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opendata-ai/openchart-vanilla",
-  "version": "6.11.0",
+  "version": "6.12.0",
   "description": "Vanilla JS renderer for openchart: SVG charts, HTML tables, force-directed graphs",
   "license": "Apache-2.0",
   "author": "Riley Hilliard",
@@ -50,8 +50,8 @@
   },
   "dependencies": {
     "@floating-ui/dom": "^1.7.6",
-    "@opendata-ai/openchart-core": "6.11.0",
-    "@opendata-ai/openchart-engine": "6.11.0",
+    "@opendata-ai/openchart-core": "6.12.0",
+    "@opendata-ai/openchart-engine": "6.12.0",
     "d3-force": "^3.0.0",
     "d3-quadtree": "^3.0.1"
   },

package/src/__tests__/svg-renderer.test.ts

@@ -771,4 +771,11 @@ describe('brand watermark', () => {
     const brandLink = svg.querySelector('.oc-chrome-ref');
     expect(brandLink).toBeNull();
   });
+
+  it('does not render brand when layout.watermark is false', () => {
+    const spec: ChartSpec = { ...lineSpec, watermark: false };
+    const { svg } = renderSpec(spec);
+    const brandLink = svg.querySelector('.oc-chrome-ref');
+    expect(brandLink).toBeNull();
+  });
 });

package/src/graph/canvas-renderer.ts

@@ -229,7 +229,9 @@ export class GraphCanvasRenderer {
     ctx.restore();
 
     // Brand watermark in screen coordinates (unaffected by pan/zoom)
-    this.drawBrand(ctx, cssWidth, cssHeight, theme);
+    if (state.watermark) {
+      this.drawBrand(ctx, cssWidth, cssHeight, theme);
+    }
   }
 
   // -------------------------------------------------------------------------

package/src/graph/types.ts

@@ -42,4 +42,6 @@ export interface GraphRenderState {
   searchMatches: Set<string> | null;
   /** True during active pan/zoom gestures. Renderer skips labels and glow. */
   isGesturing: boolean;
+  /** Whether the tryOpenData.ai watermark is enabled. */
+  watermark: boolean;
 }

package/src/graph-mount.ts

@@ -35,6 +35,8 @@ export interface GraphMountOptions {
   theme?: ThemeConfig;
   darkMode?: DarkMode;
   responsive?: boolean;
+  /** Show the tryOpenData.ai watermark. Defaults to true. */
+  watermark?: boolean;
   /** Show the built-in tooltip on node/edge hover. Defaults to true. */
   tooltip?: boolean;
   /** Show the built-in legend. Defaults to true. */
@@ -157,6 +159,7 @@ export function createGraph(
       height,
       theme: options?.theme,
       darkMode,
+      watermark: options?.watermark,
     };
 
     return compileGraph(currentSpec, compileOpts);
@@ -465,6 +468,7 @@ export function createGraph(
         theme: compilation.theme,
         searchMatches: searchManager.getMatches(),
         isGesturing,
+        watermark: compilation.watermark,
       };
 
       renderer.render(state);

package/src/mount.ts

@@ -57,6 +57,8 @@ export interface MountOptions extends ChartEventHandlers {
   onDataPointClick?: (data: Record<string, unknown>) => void;
   /** Enable responsive resizing. Defaults to true. */
   responsive?: boolean;
+  /** Show the tryOpenData.ai watermark. Defaults to true. */
+  watermark?: boolean;
   /** Initial selected element. */
   selectedElement?: ElementRef;
 }
@@ -1820,6 +1822,7 @@ export function createChart(
       height,
       theme: options?.theme,
       darkMode,
+      watermark: options?.watermark,
       measureText,
     };
 

package/src/sankey-mount.ts

@@ -38,6 +38,8 @@ export interface SankeyMountOptions {
   darkMode?: DarkMode;
   /** Enable responsive resizing. Defaults to true. */
   responsive?: boolean;
+  /** Show the tryOpenData.ai watermark. Defaults to true. */
+  watermark?: boolean;
   /** Show tooltips on hover. Defaults to true. */
   tooltip?: boolean;
   /** Callback when a node is clicked. */
@@ -140,6 +142,7 @@ export function createSankey(
       height,
       theme: options?.theme,
       darkMode,
+      watermark: options?.watermark,
     };
 
     return compileSankey(currentSpec, compileOpts);

package/src/sankey-renderer.ts

@@ -608,7 +608,9 @@ export function renderSankeySVG(
   renderChrome(svg, layout);
 
   // Brand
-  renderBrand(svg, layout);
+  if (layout.watermark) {
+    renderBrand(svg, layout);
+  }
 
   return svg;
 }

package/src/svg-renderer.ts

@@ -1331,7 +1331,9 @@ export function renderChartSVG(
   renderChrome(svg, layout);
 
   // Brand renders as a footer item, right-aligned on the source/footer row
-  renderBrand(svg, layout);
+  if (layout.watermark) {
+    renderBrand(svg, layout);
+  }
 
   // Reset module-level state after rendering
   currentAnimation = undefined;

package/src/table-mount.ts

@@ -39,6 +39,8 @@ export interface TableMountOptions {
   theme?: ThemeConfig;
   darkMode?: DarkMode;
   responsive?: boolean;
+  /** Show the tryOpenData.ai watermark. Defaults to true. */
+  watermark?: boolean;
   onRowClick?: (row: Record<string, unknown>) => void;
   onStateChange?: (state: TableState) => void;
   externalState?: { sort?: SortState | null; search?: string; page?: number };
@@ -175,6 +177,7 @@ export function createTable(
       height: 600,
       theme: options?.theme,
       darkMode,
+      watermark: options?.watermark,
       sort: state.sort ?? undefined,
       search: state.search || undefined,
       page: state.page,

package/src/table-renderer.ts

@@ -390,18 +390,20 @@ export function renderTable(
   wrapper.appendChild(liveRegion);
 
   // Brand watermark
-  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_URL;
-  brandLink.target = '_blank';
-  brandLink.rel = 'noopener';
-  brandLink.style.cssText = `font-size: ${BRAND_FONT_SIZE}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);
+  if (layout.watermark) {
+    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_URL;
+    brandLink.target = '_blank';
+    brandLink.rel = 'noopener';
+    brandLink.style.cssText = `font-size: ${BRAND_FONT_SIZE}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);
+  }
 
   // Animation: stamp CSS custom properties and add oc-animate class BEFORE
   // DOM insertion to avoid a flash of final state.