@limetech/lime-elements 37.14.1 → 37.15.1

package/dist/esm/limel-portal_3.entry.js

@@ -2004,6 +2004,36 @@ const Portal = class {
 };
 Portal.style = portalCss;
 
+function getOwnerElement(id, startingPoint) {
+  let element = startingPoint;
+  do {
+    element = element.parentNode;
+  } while (element &&
+    element.nodeType !== Node.DOCUMENT_FRAGMENT_NODE &&
+    element.nodeType !== Node.DOCUMENT_NODE);
+  return element === null || element === void 0 ? void 0 : element.getElementById(id);
+}
+
+const DEFAULT_DELAY_FOR_SHOWING = 500;
+class TooltipTimer {
+  constructor(showCallback, hideCallback, delayForShowing = DEFAULT_DELAY_FOR_SHOWING) {
+    this.timerHandle = null;
+    this.showCallback = showCallback;
+    this.hideCallback = hideCallback;
+    this.delayForShowing = delayForShowing;
+  }
+  showAfterDelay() {
+    if (!this.timerHandle) {
+      this.timerHandle = setTimeout(this.showCallback, this.delayForShowing);
+    }
+  }
+  hide() {
+    clearTimeout(this.timerHandle);
+    this.timerHandle = null;
+    this.hideCallback();
+  }
+}
+
 const tooltipCss = ":host(limel-tooltip){position:absolute;pointer-events:none}";
 
 const DEFAULT_MAX_LENGTH = 50;
@@ -2011,14 +2041,10 @@ const Tooltip = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.showTooltip = () => {
-      const tooltipDelay = 500;
-      this.showTooltipTimeoutHandle = window.setTimeout(() => {
-        this.open = true;
-      }, tooltipDelay);
+      this.tooltipTimer.showAfterDelay();
     };
     this.hideTooltip = () => {
-      clearTimeout(this.showTooltipTimeoutHandle);
-      this.open = false;
+      this.tooltipTimer.hide();
     };
     this.elementId = undefined;
     this.label = undefined;
@@ -2028,9 +2054,10 @@ const Tooltip = class {
     this.open = undefined;
     this.portalId = createRandomString();
     this.tooltipId = createRandomString();
+    this.tooltipTimer = new TooltipTimer(() => (this.open = true), () => (this.open = false));
   }
   connectedCallback() {
-    this.ownerElement = this.getOwnerElement();
+    this.ownerElement = getOwnerElement(this.elementId, this.host);
     this.setOwnerAriaLabel();
     this.addListeners();
   }
@@ -2062,15 +2089,6 @@ const Tooltip = class {
     (_c = this.ownerElement) === null || _c === void 0 ? void 0 : _c.removeEventListener('focus', this.showTooltip);
     (_d = this.ownerElement) === null || _d === void 0 ? void 0 : _d.removeEventListener('blur', this.hideTooltip);
   }
-  getOwnerElement() {
-    let element = this.host;
-    do {
-      element = element.parentNode;
-    } while (element &&
-      element.nodeType !== Node.DOCUMENT_FRAGMENT_NODE &&
-      element.nodeType !== Node.DOCUMENT_NODE);
-    return element === null || element === void 0 ? void 0 : element.getElementById(this.elementId);
-  }
   get host() { return getElement(this); }
 };
 Tooltip.style = tooltipCss;