myio-js-library 0.1.206 → 0.1.207

package/dist/index.cjs

@@ -36300,14 +36300,18 @@ function injectCSS7() {
   document.head.appendChild(style);
   cssInjected7 = true;
 }
+var HIDE_DELAY_MS = 2500;
+var SAFETY_TIMEOUT_MS = 15e3;
 var state3 = {
   hideTimer: null,
+  safetyTimer: null,
   isMouseOverTooltip: false,
   isMaximized: false,
   isDragging: false,
   dragOffset: { x: 0, y: 0 },
   savedPosition: null,
-  pinnedCounter: 0
+  pinnedCounter: 0,
+  isPinned: false
 };
 function generateHeaderHTML3(icon, title) {
   return `
@@ -36343,6 +36347,7 @@ function setupHoverListeners3(container) {
       clearTimeout(state3.hideTimer);
       state3.hideTimer = null;
     }
+    resetSafetyTimer();
   };
   container.onmouseleave = () => {
     state3.isMouseOverTooltip = false;
@@ -36524,15 +36529,42 @@ function toggleMaximize3(container) {
   }
 }
 function startDelayedHide3() {
-  if (state3.isMouseOverTooltip) return;
+  if (state3.isMouseOverTooltip || state3.isPinned) return;
   if (state3.hideTimer) {
     clearTimeout(state3.hideTimer);
   }
   state3.hideTimer = setTimeout(() => {
     hideWithAnimation3();
-  }, 1500);
+  }, HIDE_DELAY_MS);
+}
+function resetSafetyTimer() {
+  if (state3.safetyTimer) {
+    clearTimeout(state3.safetyTimer);
+    state3.safetyTimer = null;
+  }
+  const container = document.getElementById("myio-info-tooltip");
+  if (container && container.classList.contains("visible") && !state3.isPinned) {
+    state3.safetyTimer = setTimeout(() => {
+      console.log("[InfoTooltip] Safety timeout reached - forcing hide");
+      InfoTooltip.destroy();
+    }, SAFETY_TIMEOUT_MS);
+  }
+}
+function clearAllTimers() {
+  if (state3.hideTimer) {
+    clearTimeout(state3.hideTimer);
+    state3.hideTimer = null;
+  }
+  if (state3.safetyTimer) {
+    clearTimeout(state3.safetyTimer);
+    state3.safetyTimer = null;
+  }
 }
 function hideWithAnimation3() {
+  if (state3.safetyTimer) {
+    clearTimeout(state3.safetyTimer);
+    state3.safetyTimer = null;
+  }
   const container = document.getElementById("myio-info-tooltip");
   if (container && container.classList.contains("visible")) {
     container.classList.add("closing");
@@ -36577,12 +36609,10 @@ var InfoTooltip = {
    * Show tooltip
    */
   show(triggerElement, options) {
-    if (state3.hideTimer) {
-      clearTimeout(state3.hideTimer);
-      state3.hideTimer = null;
-    }
+    clearAllTimers();
     const container = this.getContainer();
     container.classList.remove("closing");
+    state3.isPinned = false;
     container.innerHTML = `
       <div class="myio-info-tooltip__panel">
         ${generateHeaderHTML3(options.icon, options.title)}
@@ -36596,6 +36626,7 @@ var InfoTooltip = {
     setupHoverListeners3(container);
     setupButtonListeners3(container);
     setupDragListeners3(container);
+    resetSafetyTimer();
   },
   /**
    * Start delayed hide
@@ -36607,10 +36638,7 @@ var InfoTooltip = {
    * Hide immediately
    */
   hide() {
-    if (state3.hideTimer) {
-      clearTimeout(state3.hideTimer);
-      state3.hideTimer = null;
-    }
+    clearAllTimers();
     state3.isMouseOverTooltip = false;
     const container = document.getElementById(this.containerId);
     if (container) {
@@ -36621,19 +36649,36 @@ var InfoTooltip = {
    * Close and reset all states
    */
   close() {
+    clearAllTimers();
     state3.isMaximized = false;
     state3.isDragging = false;
     state3.savedPosition = null;
-    if (state3.hideTimer) {
-      clearTimeout(state3.hideTimer);
-      state3.hideTimer = null;
-    }
     state3.isMouseOverTooltip = false;
+    state3.isPinned = false;
     const container = document.getElementById(this.containerId);
     if (container) {
       container.classList.remove("visible", "pinned", "maximized", "dragging", "closing");
     }
   },
+  /**
+   * Destroy tooltip completely - guaranteed cleanup
+   * Removes from DOM and clears all timers/state
+   */
+  destroy() {
+    clearAllTimers();
+    state3.isMaximized = false;
+    state3.isDragging = false;
+    state3.savedPosition = null;
+    state3.isMouseOverTooltip = false;
+    state3.isPinned = false;
+    const container = document.getElementById(this.containerId);
+    if (container) {
+      container.remove();
+    }
+    const pinnedClones = document.querySelectorAll('[id^="myio-info-tooltip-pinned-"]');
+    pinnedClones.forEach((clone) => clone.remove());
+    console.log("[InfoTooltip] Destroyed - all tooltips removed");
+  },
   /**
    * Attach tooltip to trigger element with hover behavior
    */

package/dist/index.d.cts

@@ -3522,6 +3522,11 @@ declare const InfoTooltip: {
      * Close and reset all states
      */
     close(): void;
+    /**
+     * Destroy tooltip completely - guaranteed cleanup
+     * Removes from DOM and clears all timers/state
+     */
+    destroy(): void;
     /**
      * Attach tooltip to trigger element with hover behavior
      */

package/dist/index.js

@@ -36128,14 +36128,18 @@ function injectCSS7() {
   document.head.appendChild(style);
   cssInjected7 = true;
 }
+var HIDE_DELAY_MS = 2500;
+var SAFETY_TIMEOUT_MS = 15e3;
 var state3 = {
   hideTimer: null,
+  safetyTimer: null,
   isMouseOverTooltip: false,
   isMaximized: false,
   isDragging: false,
   dragOffset: { x: 0, y: 0 },
   savedPosition: null,
-  pinnedCounter: 0
+  pinnedCounter: 0,
+  isPinned: false
 };
 function generateHeaderHTML3(icon, title) {
   return `
@@ -36171,6 +36175,7 @@ function setupHoverListeners3(container) {
       clearTimeout(state3.hideTimer);
       state3.hideTimer = null;
     }
+    resetSafetyTimer();
   };
   container.onmouseleave = () => {
     state3.isMouseOverTooltip = false;
@@ -36352,15 +36357,42 @@ function toggleMaximize3(container) {
   }
 }
 function startDelayedHide3() {
-  if (state3.isMouseOverTooltip) return;
+  if (state3.isMouseOverTooltip || state3.isPinned) return;
   if (state3.hideTimer) {
     clearTimeout(state3.hideTimer);
   }
   state3.hideTimer = setTimeout(() => {
     hideWithAnimation3();
-  }, 1500);
+  }, HIDE_DELAY_MS);
+}
+function resetSafetyTimer() {
+  if (state3.safetyTimer) {
+    clearTimeout(state3.safetyTimer);
+    state3.safetyTimer = null;
+  }
+  const container = document.getElementById("myio-info-tooltip");
+  if (container && container.classList.contains("visible") && !state3.isPinned) {
+    state3.safetyTimer = setTimeout(() => {
+      console.log("[InfoTooltip] Safety timeout reached - forcing hide");
+      InfoTooltip.destroy();
+    }, SAFETY_TIMEOUT_MS);
+  }
+}
+function clearAllTimers() {
+  if (state3.hideTimer) {
+    clearTimeout(state3.hideTimer);
+    state3.hideTimer = null;
+  }
+  if (state3.safetyTimer) {
+    clearTimeout(state3.safetyTimer);
+    state3.safetyTimer = null;
+  }
 }
 function hideWithAnimation3() {
+  if (state3.safetyTimer) {
+    clearTimeout(state3.safetyTimer);
+    state3.safetyTimer = null;
+  }
   const container = document.getElementById("myio-info-tooltip");
   if (container && container.classList.contains("visible")) {
     container.classList.add("closing");
@@ -36405,12 +36437,10 @@ var InfoTooltip = {
    * Show tooltip
    */
   show(triggerElement, options) {
-    if (state3.hideTimer) {
-      clearTimeout(state3.hideTimer);
-      state3.hideTimer = null;
-    }
+    clearAllTimers();
     const container = this.getContainer();
     container.classList.remove("closing");
+    state3.isPinned = false;
     container.innerHTML = `
       <div class="myio-info-tooltip__panel">
         ${generateHeaderHTML3(options.icon, options.title)}
@@ -36424,6 +36454,7 @@ var InfoTooltip = {
     setupHoverListeners3(container);
     setupButtonListeners3(container);
     setupDragListeners3(container);
+    resetSafetyTimer();
   },
   /**
    * Start delayed hide
@@ -36435,10 +36466,7 @@ var InfoTooltip = {
    * Hide immediately
    */
   hide() {
-    if (state3.hideTimer) {
-      clearTimeout(state3.hideTimer);
-      state3.hideTimer = null;
-    }
+    clearAllTimers();
     state3.isMouseOverTooltip = false;
     const container = document.getElementById(this.containerId);
     if (container) {
@@ -36449,19 +36477,36 @@ var InfoTooltip = {
    * Close and reset all states
    */
   close() {
+    clearAllTimers();
     state3.isMaximized = false;
     state3.isDragging = false;
     state3.savedPosition = null;
-    if (state3.hideTimer) {
-      clearTimeout(state3.hideTimer);
-      state3.hideTimer = null;
-    }
     state3.isMouseOverTooltip = false;
+    state3.isPinned = false;
     const container = document.getElementById(this.containerId);
     if (container) {
       container.classList.remove("visible", "pinned", "maximized", "dragging", "closing");
     }
   },
+  /**
+   * Destroy tooltip completely - guaranteed cleanup
+   * Removes from DOM and clears all timers/state
+   */
+  destroy() {
+    clearAllTimers();
+    state3.isMaximized = false;
+    state3.isDragging = false;
+    state3.savedPosition = null;
+    state3.isMouseOverTooltip = false;
+    state3.isPinned = false;
+    const container = document.getElementById(this.containerId);
+    if (container) {
+      container.remove();
+    }
+    const pinnedClones = document.querySelectorAll('[id^="myio-info-tooltip-pinned-"]');
+    pinnedClones.forEach((clone) => clone.remove());
+    console.log("[InfoTooltip] Destroyed - all tooltips removed");
+  },
   /**
    * Attach tooltip to trigger element with hover behavior
    */

package/dist/myio-js-library.umd.js

@@ -35942,14 +35942,18 @@
     document.head.appendChild(style);
     cssInjected7 = true;
   }
+  var HIDE_DELAY_MS = 2500;
+  var SAFETY_TIMEOUT_MS = 15e3;
   var state3 = {
     hideTimer: null,
+    safetyTimer: null,
     isMouseOverTooltip: false,
     isMaximized: false,
     isDragging: false,
     dragOffset: { x: 0, y: 0 },
     savedPosition: null,
-    pinnedCounter: 0
+    pinnedCounter: 0,
+    isPinned: false
   };
   function generateHeaderHTML3(icon, title) {
     return `
@@ -35985,6 +35989,7 @@
         clearTimeout(state3.hideTimer);
         state3.hideTimer = null;
       }
+      resetSafetyTimer();
     };
     container.onmouseleave = () => {
       state3.isMouseOverTooltip = false;
@@ -36166,15 +36171,42 @@
     }
   }
   function startDelayedHide3() {
-    if (state3.isMouseOverTooltip) return;
+    if (state3.isMouseOverTooltip || state3.isPinned) return;
     if (state3.hideTimer) {
       clearTimeout(state3.hideTimer);
     }
     state3.hideTimer = setTimeout(() => {
       hideWithAnimation3();
-    }, 1500);
+    }, HIDE_DELAY_MS);
+  }
+  function resetSafetyTimer() {
+    if (state3.safetyTimer) {
+      clearTimeout(state3.safetyTimer);
+      state3.safetyTimer = null;
+    }
+    const container = document.getElementById("myio-info-tooltip");
+    if (container && container.classList.contains("visible") && !state3.isPinned) {
+      state3.safetyTimer = setTimeout(() => {
+        console.log("[InfoTooltip] Safety timeout reached - forcing hide");
+        InfoTooltip.destroy();
+      }, SAFETY_TIMEOUT_MS);
+    }
+  }
+  function clearAllTimers() {
+    if (state3.hideTimer) {
+      clearTimeout(state3.hideTimer);
+      state3.hideTimer = null;
+    }
+    if (state3.safetyTimer) {
+      clearTimeout(state3.safetyTimer);
+      state3.safetyTimer = null;
+    }
   }
   function hideWithAnimation3() {
+    if (state3.safetyTimer) {
+      clearTimeout(state3.safetyTimer);
+      state3.safetyTimer = null;
+    }
     const container = document.getElementById("myio-info-tooltip");
     if (container && container.classList.contains("visible")) {
       container.classList.add("closing");
@@ -36219,12 +36251,10 @@
      * Show tooltip
      */
     show(triggerElement, options) {
-      if (state3.hideTimer) {
-        clearTimeout(state3.hideTimer);
-        state3.hideTimer = null;
-      }
+      clearAllTimers();
       const container = this.getContainer();
       container.classList.remove("closing");
+      state3.isPinned = false;
       container.innerHTML = `
       <div class="myio-info-tooltip__panel">
         ${generateHeaderHTML3(options.icon, options.title)}
@@ -36238,6 +36268,7 @@
       setupHoverListeners3(container);
       setupButtonListeners3(container);
       setupDragListeners3(container);
+      resetSafetyTimer();
     },
     /**
      * Start delayed hide
@@ -36249,10 +36280,7 @@
      * Hide immediately
      */
     hide() {
-      if (state3.hideTimer) {
-        clearTimeout(state3.hideTimer);
-        state3.hideTimer = null;
-      }
+      clearAllTimers();
       state3.isMouseOverTooltip = false;
       const container = document.getElementById(this.containerId);
       if (container) {
@@ -36263,19 +36291,36 @@
      * Close and reset all states
      */
     close() {
+      clearAllTimers();
       state3.isMaximized = false;
       state3.isDragging = false;
       state3.savedPosition = null;
-      if (state3.hideTimer) {
-        clearTimeout(state3.hideTimer);
-        state3.hideTimer = null;
-      }
       state3.isMouseOverTooltip = false;
+      state3.isPinned = false;
       const container = document.getElementById(this.containerId);
       if (container) {
         container.classList.remove("visible", "pinned", "maximized", "dragging", "closing");
       }
     },
+    /**
+     * Destroy tooltip completely - guaranteed cleanup
+     * Removes from DOM and clears all timers/state
+     */
+    destroy() {
+      clearAllTimers();
+      state3.isMaximized = false;
+      state3.isDragging = false;
+      state3.savedPosition = null;
+      state3.isMouseOverTooltip = false;
+      state3.isPinned = false;
+      const container = document.getElementById(this.containerId);
+      if (container) {
+        container.remove();
+      }
+      const pinnedClones = document.querySelectorAll('[id^="myio-info-tooltip-pinned-"]');
+      pinnedClones.forEach((clone) => clone.remove());
+      console.log("[InfoTooltip] Destroyed - all tooltips removed");
+    },
     /**
      * Attach tooltip to trigger element with hover behavior
      */