ng-tailwind 4.2.22 → 4.2.23

package/fesm2020/ng-tailwind.mjs

@@ -7684,15 +7684,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImpor
 
 class NgtPopoverTooltipComponent {
     constructor() {
+        this.onMouseHoverEvent = new EventEmitter();
+        this.onMouseLeaveEvent = new EventEmitter();
         this.position = NgtPopoverPosition.DEFAULT;
         this.positionClasses = {
             [NgtPopoverPosition.TOP]: '-mt-10',
             [NgtPopoverPosition.BOTTOM]: '-mb-10',
         };
     }
+    onMouseLeave() {
+        this.onMouseLeaveEvent.emit();
+    }
+    onMouseEnter() {
+        this.onMouseHoverEvent.emit();
+    }
 }
 NgtPopoverTooltipComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgtPopoverTooltipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-NgtPopoverTooltipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: NgtPopoverTooltipComponent, selector: "ngt-popover-tooltip", ngImport: i0, template: "<div class=\"bg-white rounded-lg shadow-2xl border border-gray-200 absolute max-w-7xl\"\n    [ngClass]=\"positionClasses[position]\" [style.left.px]=\"positionX\" [style.top.px]=\"positionY\"\n    style=\"z-index: 999999 !important; width: max-content !important;\"\n    (click)=\"$event.stopPropagation()\" @enterAnimation>\n\n    <div *ngIf=\"!popoverTemplate; else showTemplate\" class=\"px-2 py-1 text-gray-700 whitespace-nowrap\">\n        {{ popover }}\n    </div>\n\n    <ng-template #showTemplate>\n        <ng-container [ngTemplateOutlet]=\"popoverTemplate\"></ng-container>\n    </ng-template>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], animations: [
+NgtPopoverTooltipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: NgtPopoverTooltipComponent, selector: "ngt-popover-tooltip", outputs: { onMouseHoverEvent: "onMouseHoverEvent", onMouseLeaveEvent: "onMouseLeaveEvent" }, host: { listeners: { "mouseleave": "onMouseLeave()", "mouseenter": "onMouseEnter()" } }, ngImport: i0, template: "<div class=\"bg-white rounded-lg shadow-2xl border border-gray-200 absolute max-w-7xl\"\n    [ngClass]=\"positionClasses[position]\" [style.left.px]=\"positionX\" [style.top.px]=\"positionY\"\n    style=\"z-index: 999999 !important; width: max-content !important;\"\n    (click)=\"$event.stopPropagation()\" @enterAnimation>\n\n    <div *ngIf=\"!popoverTemplate; else showTemplate\" class=\"px-2 py-1 text-gray-700 whitespace-nowrap\">\n        {{ popover }}\n    </div>\n\n    <ng-template #showTemplate>\n        <ng-container [ngTemplateOutlet]=\"popoverTemplate\"></ng-container>\n    </ng-template>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], animations: [
         trigger('enterAnimation', [
             state('void', style({ transform: 'translateY(-20px)', opacity: 0 })),
             transition(':enter', [
@@ -7710,7 +7718,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImpor
                             ])
                         ]),
                     ], template: "<div class=\"bg-white rounded-lg shadow-2xl border border-gray-200 absolute max-w-7xl\"\n    [ngClass]=\"positionClasses[position]\" [style.left.px]=\"positionX\" [style.top.px]=\"positionY\"\n    style=\"z-index: 999999 !important; width: max-content !important;\"\n    (click)=\"$event.stopPropagation()\" @enterAnimation>\n\n    <div *ngIf=\"!popoverTemplate; else showTemplate\" class=\"px-2 py-1 text-gray-700 whitespace-nowrap\">\n        {{ popover }}\n    </div>\n\n    <ng-template #showTemplate>\n        <ng-container [ngTemplateOutlet]=\"popoverTemplate\"></ng-container>\n    </ng-template>\n</div>\n" }]
-        }] });
+        }], propDecorators: { onMouseHoverEvent: [{
+                type: Output
+            }], onMouseLeaveEvent: [{
+                type: Output
+            }], onMouseLeave: [{
+                type: HostListener,
+                args: ['mouseleave']
+            }], onMouseEnter: [{
+                type: HostListener,
+                args: ['mouseenter']
+            }] } });
 var NgtPopoverPosition;
 (function (NgtPopoverPosition) {
     NgtPopoverPosition["DEFAULT"] = "TOP";
@@ -7850,6 +7868,8 @@ class NgtPopoverDirective {
         this.setupPopoverComponent();
     }
     destroy() {
+        this.toolTipMouseHoverSubscription?.unsubscribe();
+        this.toolTipMouseLeaveSubscription?.unsubscribe();
         this.componentRef?.destroy();
         this.componentRef = null;
     }
@@ -7865,8 +7885,21 @@ class NgtPopoverDirective {
         this.componentRef.instance.popover = this.ngtPopoverContent;
         this.componentRef.instance.popoverTemplate = this.ngtPopoverTemplate;
         this.componentRef.instance.position = this.ngtPopoverPosition;
+        this.bindSubscriptions();
         document.body.appendChild(this.componentRef.location.nativeElement);
     }
+    bindSubscriptions() {
+        this.toolTipMouseHoverSubscription = this.componentRef.instance
+            .onMouseHoverEvent
+            .subscribe(() => {
+            if (this.dismissTimeoutInstance) {
+                clearTimeout(this.dismissTimeoutInstance);
+            }
+        });
+        this.toolTipMouseLeaveSubscription = this.componentRef.instance
+            .onMouseLeaveEvent
+            .subscribe(() => this.onMouseLeave());
+    }
 }
 NgtPopoverDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgtPopoverDirective, deps: [{ token: i0.ElementRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
 NgtPopoverDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.8", type: NgtPopoverDirective, selector: "[ngt-popover]", inputs: { ngtPopoverContent: "ngtPopoverContent", ngtPopoverTemplate: "ngtPopoverTemplate", ngtPopoverPosition: "ngtPopoverPosition", dismissDelay: "dismissDelay", showDelay: "showDelay", closeOnClick: "closeOnClick", openMethod: "openMethod" }, host: { listeners: { "click": "onClick()", "document:click": "onDocumentClick($event.target)", "mouseleave": "onMouseLeave()", "mouseenter": "onMouseEnter()" } }, ngImport: i0 });