@ship-ui/core 0.14.11 → 0.14.12

package/fesm2022/ship-ui-core.mjs

@@ -5533,6 +5533,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImpor
                     },
                 }]
         }], ctorParameters: () => [] });
+let openRef = null;
 class ShipTooltipDirective {
     constructor() {
         this.shTooltip = input.required(...(ngDevMode ? [{ debugName: "shTooltip" }] : []));
@@ -5540,7 +5541,6 @@ class ShipTooltipDirective {
         this.#viewContainerRef = inject(ViewContainerRef);
         this.#environmentInjector = inject(EnvironmentInjector);
         this.#renderer = inject(Renderer2);
-        this.#wrapperComponentRef = null;
         this.#projectedViewRef = null;
         this.anchorName = `--${generateUniqueId()}`;
         this.isOpen = signal(false, ...(ngDevMode ? [{ debugName: "isOpen" }] : []));
@@ -5549,19 +5549,19 @@ class ShipTooltipDirective {
     #viewContainerRef;
     #environmentInjector;
     #renderer;
-    #wrapperComponentRef;
     #projectedViewRef;
     onMouseEnter() {
-        this.cleanupTooltip();
+        if (openRef?.component !== this) {
+            this.cleanupTooltip();
+        }
         queueMicrotask(() => this.showTooltip());
     }
     ngOnDestroy() {
         this.cleanupTooltip();
     }
     showTooltip() {
-        if (this.#wrapperComponentRef || !this.shTooltip())
+        if (openRef?.wrapperComponentRef || !this.shTooltip())
             return;
-        this.isOpen.set(true);
         let nodesToProject;
         const content = this.shTooltip();
         if (typeof content === 'string') {
@@ -5575,20 +5575,26 @@ class ShipTooltipDirective {
         else {
             return;
         }
-        this.#wrapperComponentRef = this.#viewContainerRef.createComponent(ShipTooltipWrapper, {
-            environmentInjector: this.#environmentInjector,
-            projectableNodes: nodesToProject,
+        openRef = {
+            wrapperComponentRef: this.#viewContainerRef.createComponent(ShipTooltipWrapper, {
+                environmentInjector: this.#environmentInjector,
+                projectableNodes: nodesToProject,
+            }),
+            component: this,
+        };
+        openRef.wrapperComponentRef.setInput('positionAnchorName', this.anchorName);
+        openRef.wrapperComponentRef.setInput('anchorEl', this.#elementRef);
+        openRef.wrapperComponentRef?.setInput('isOpen', this.isOpen);
+        openRef.wrapperComponentRef.changeDetectorRef.detectChanges();
+        setTimeout(() => {
+            this.isOpen.set(true);
         });
-        this.#wrapperComponentRef.setInput('positionAnchorName', this.anchorName);
-        this.#wrapperComponentRef.setInput('anchorEl', this.#elementRef);
-        this.#wrapperComponentRef.setInput('isOpen', this.isOpen);
-        this.#wrapperComponentRef.changeDetectorRef.detectChanges();
     }
     cleanupTooltip() {
-        this.isOpen.set(false);
-        if (this.#wrapperComponentRef) {
-            this.#wrapperComponentRef.destroy();
-            this.#wrapperComponentRef = null;
+        if (openRef?.wrapperComponentRef) {
+            openRef.wrapperComponentRef.destroy();
+            openRef.component.isOpen.set(false);
+            openRef = null;
         }
         if (this.#projectedViewRef) {
             this.#projectedViewRef.destroy();