Update interface.js

interface.js

@@ -80,6 +80,11 @@ const currentScriptTag = document.currentScript;
   widgetContainer.style.paddingBottom = aspectPercent;
   widgetContainer.setAttribute('data-original-aspect', aspectPercent);
 
+  // Conditionally include the “tooltips-toggle” button only if config.tooltips_url is defined and non-empty
+  const tooltipsButtonHTML = config.tooltips_url
+    ? `<button id="tooltips-toggle-${instanceId}" class="widget-button tooltips-toggle">⦿</button>`
+    : '';
+
   // Add the 3D-viewer HTML + ⦿ toggle + tooltip + help HTML
   widgetContainer.innerHTML = `
     <div id="viewer-container-${instanceId}" class="viewer-container">
@@ -91,7 +96,7 @@ const currentScriptTag = document.currentScript;
       <button id="reset-camera-btn-${instanceId}" class="widget-button reset-camera-btn">
         <span class="reset-icon">⟲</span>
       </button>
-      <button id="tooltips-toggle-${instanceId}" class="widget-button tooltips-toggle">⦿</button>
+      ${tooltipsButtonHTML}
       <div id="menu-content-${instanceId}" class="menu-content">
         <span id="help-close-${instanceId}" class="help-close">×</span>
         <div class="help-text"></div>
@@ -188,18 +193,20 @@ const currentScriptTag = document.currentScript;
   const canvasEl = document.getElementById(canvasId);
 
   // ─── 8. Conditional display of tooltips-toggle button ─────────────────────────
-  if (!config.tooltips_url) {
-    tooltipsToggleBtn.style.display = 'none';
-  } else {
-    fetch(config.tooltips_url)
-      .then(resp => {
-        if (!resp.ok) {
+  if (tooltipsToggleBtn) {
+    if (!config.tooltips_url) {
+      tooltipsToggleBtn.style.display = 'none';
+    } else {
+      fetch(config.tooltips_url)
+        .then(resp => {
+          if (!resp.ok) {
+            tooltipsToggleBtn.style.display = 'none';
+          }
+        })
+        .catch(() => {
           tooltipsToggleBtn.style.display = 'none';
-        }
-      })
-      .catch(() => {
-        tooltipsToggleBtn.style.display = 'none';
-      });
+        });
+    }
   }
 
   // ─── 9. Fullscreen / state-preservation logic ───────────────────────────────
@@ -434,9 +441,9 @@ const currentScriptTag = document.currentScript;
     }
   });
 
-  // ⦿ toggle button
+  // ⦿ toggle button: only if it exists in the DOM
   let tooltipsVisible = !!config.showTooltipsDefault;
-  if (tooltipsToggleBtn.style.display !== 'none') {
+  if (tooltipsToggleBtn && tooltipsToggleBtn.style.display !== 'none') {
     if (!tooltipsVisible) {
       tooltipsToggleBtn.style.opacity = '0.5';
     }