@opendata-ai/openchart-vanilla 6.11.0 → 6.12.0

package/dist/index.d.ts

@@ -100,6 +100,8 @@ 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. */
@@ -151,6 +153,8 @@ 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;
 }
@@ -250,6 +254,8 @@ 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. */
@@ -351,6 +357,8 @@ 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?: {

package/dist/index.js

@@ -376,7 +376,9 @@ var GraphCanvasRenderer = class {
       );
     }
     ctx.restore();
-    this.drawBrand(ctx, cssWidth, cssHeight, theme);
+    if (state.watermark) {
+      this.drawBrand(ctx, cssWidth, cssHeight, theme);
+    }
   }
   // -------------------------------------------------------------------------
   // Brand rendering
@@ -2707,7 +2709,8 @@ function createGraph(container, spec, options) {
       width,
       height,
       theme: options?.theme,
-      darkMode
+      darkMode,
+      watermark: options?.watermark
     };
     return compileGraph(currentSpec, compileOpts);
   }
@@ -2927,7 +2930,8 @@ function createGraph(container, spec, options) {
         adjacencyMap,
         theme: compilation.theme,
         searchMatches: searchManager.getMatches(),
-        isGesturing
+        isGesturing,
+        watermark: compilation.watermark
       };
       renderer.render(state);
     }
@@ -4353,7 +4357,9 @@ function renderChartSVG(layout, container, opts) {
   renderAnnotations(svg, layout);
   renderLegend(svg, layout.legend);
   renderChrome(svg, layout);
-  renderBrand(svg, layout);
+  if (layout.watermark) {
+    renderBrand(svg, layout);
+  }
   currentAnimation = void 0;
   currentGradientMap = /* @__PURE__ */ new Map();
   container.appendChild(svg);
@@ -5654,6 +5660,7 @@ function createChart(container, spec, options) {
       height,
       theme: options?.theme,
       darkMode,
+      watermark: options?.watermark,
       measureText
     };
     if (isLayerSpec(currentSpec)) {
@@ -6896,7 +6903,9 @@ function renderSankeySVG(layout, animation) {
   renderLabels(svg, layout.nodes);
   renderLegend2(svg, layout.legend);
   renderChrome2(svg, layout);
-  renderBrand2(svg, layout);
+  if (layout.watermark) {
+    renderBrand2(svg, layout);
+  }
   return svg;
 }
 
@@ -6937,7 +6946,8 @@ function createSankey(container, spec, options) {
       width,
       height,
       theme: options?.theme,
-      darkMode
+      darkMode,
+      watermark: options?.watermark
     };
     return compileSankey(currentSpec, compileOpts);
   }
@@ -7671,18 +7681,20 @@ function renderTable(layout, container, opts) {
   liveRegion.setAttribute("aria-atomic", "true");
   liveRegion.setAttribute("role", "status");
   wrapper.appendChild(liveRegion);
-  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_URL3;
-  brandLink.target = "_blank";
-  brandLink.rel = "noopener";
-  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);
+  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_URL3;
+    brandLink.target = "_blank";
+    brandLink.rel = "noopener";
+    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);
+  }
   if (opts?.animate && layout.animation?.enabled) {
     const anim = layout.animation;
     const rowCount = layout.rows.length;
@@ -7773,6 +7785,7 @@ function createTable(container, spec, options) {
       height: 600,
       theme: options?.theme,
       darkMode,
+      watermark: options?.watermark,
       sort: state.sort ?? void 0,
       search: state.search || void 0,
       page: state.page