@agorapulse/ui-components 13.1.10 → 13.2.0

package/fesm2020/agorapulse-ui-components.mjs

@@ -1136,18 +1136,6 @@ class TooltipNeoDirective {
     static enableTooltip(content, contentType, display) {
         return !!content && !!contentType && !!display;
     }
-    /**
-     * To fix issue on inbox virtual scroller, it's a manual cleaner at DOM level
-     * @private
-     */
-    static cleanUpPersistentTooltip() {
-        const tooltips = document.getElementsByTagName('ap-tooltip-neo');
-        if (tooltips) {
-            Array.from(tooltips).forEach(tooltip => {
-                tooltip.parentElement.parentElement.remove();
-            });
-        }
-    }
     ngOnChanges(changes) {
         if ((changes?.apTooltipNeo?.currentValue?.display || changes?.apTooltipNeo?.currentValue?.position) && this.mouseEntered) {
             this.setSettings();
@@ -1162,6 +1150,21 @@ class TooltipNeoDirective {
         this.destroy$.next();
         this.destroy$.complete();
     }
+    /**
+     * To fix issue on inbox virtual scroller, it's a manual cleaner at DOM level
+     * It checks the route and also the DOM element where it's called
+     * @private
+     */
+    cleanUpPersistentTooltip() {
+        if (window.location.href.includes('inbox') && this.elementRef.nativeElement.parentElement.className.includes('item-button-actions')) {
+            const tooltips = document.getElementsByTagName('ap-tooltip-neo');
+            if (tooltips) {
+                Array.from(tooltips).forEach(tooltip => {
+                    tooltip.parentElement.parentElement.remove();
+                });
+            }
+        }
+    }
     setSettings() {
         if (typeof this.apTooltipNeo === 'object') {
             const { content, backgroundColor = '#ffffff', borderColor, contentType = 'text', display = true, displayArrow = true, maxWidth = 'full', position = 'top', title = '' } = this.apTooltipNeo;
@@ -1194,7 +1197,7 @@ class TooltipNeoDirective {
             if (bool) {
                 this.elementRefMouseLeave$ = fromEvent(this.elementRef.nativeElement, 'mouseleave')
                     .subscribe(() => this.dispose());
-                TooltipNeoDirective.cleanUpPersistentTooltip();
+                this.cleanUpPersistentTooltip();
                 const positionStrategy = this.overlayPositionBuilder
                     .flexibleConnectedTo(this.elementRef)
                     .withPositions([tooltipNeoPositions[this.params.position]]);