ng-tailwind 5.2.7 → 5.2.9

package/fesm2020/ng-tailwind.mjs

@@ -8311,6 +8311,7 @@ class NgtPopoverTooltipComponent {
             [NgtPopoverPosition.TOP]: '-mt-10',
             [NgtPopoverPosition.BOTTOM]: '-mb-10',
         };
+        this.popoverTemplateStyle = 'text-xxs';
     }
     onMouseLeave() {
         this.onMouseLeaveEvent.emit();
@@ -8320,7 +8321,7 @@ class NgtPopoverTooltipComponent {
     }
 }
 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", 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: [
+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;\" (click)=\"$event.stopPropagation()\"\n    @enterAnimation>\n\n    <div *ngIf=\"!popoverTemplate; else showTemplate\"\n        class=\"px-2 py-1 text-gray-700 whitespace-nowrap {{popoverTemplateStyle}}\">\n        {{ popover }}\n    </div>\n\n    <ng-template #showTemplate>\n        <ng-container [ngTemplateOutlet]=\"popoverTemplate\"></ng-container>\n    </ng-template>\n</div>", 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', [
@@ -8337,7 +8338,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImpor
                                 animate(200)
                             ])
                         ]),
-                    ], 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" }]
+                    ], 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;\" (click)=\"$event.stopPropagation()\"\n    @enterAnimation>\n\n    <div *ngIf=\"!popoverTemplate; else showTemplate\"\n        class=\"px-2 py-1 text-gray-700 whitespace-nowrap {{popoverTemplateStyle}}\">\n        {{ popover }}\n    </div>\n\n    <ng-template #showTemplate>\n        <ng-container [ngTemplateOutlet]=\"popoverTemplate\"></ng-container>\n    </ng-template>\n</div>" }]
         }], propDecorators: { onMouseHoverEvent: [{
                 type: Output
             }], onMouseLeaveEvent: [{
@@ -8439,6 +8440,7 @@ class NgtPopoverDirective {
         this.elementRef = elementRef;
         this.viewContainerRef = viewContainerRef;
         this.ngtPopoverPosition = NgtPopoverPosition.DEFAULT;
+        this.ngtPopoverTemplateStyle = 'text-xxs';
         this.dismissDelay = 1000;
         this.showDelay = 1000;
         this.openMethod = NgtPopoverOpenMethod.HOVER;
@@ -8505,6 +8507,7 @@ class NgtPopoverDirective {
         this.componentRef.instance.popover = this.ngtPopoverContent;
         this.componentRef.instance.popoverTemplate = this.ngtPopoverTemplate;
         this.componentRef.instance.position = this.ngtPopoverPosition;
+        this.componentRef.instance.popoverTemplateStyle = this.ngtPopoverTemplateStyle;
         this.bindSubscriptions();
         document.body.appendChild(this.componentRef.location.nativeElement);
     }
@@ -8522,7 +8525,7 @@ class NgtPopoverDirective {
     }
 }
 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 });
+NgtPopoverDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.8", type: NgtPopoverDirective, selector: "[ngt-popover]", inputs: { ngtPopoverContent: "ngtPopoverContent", ngtPopoverTemplate: "ngtPopoverTemplate", ngtPopoverPosition: "ngtPopoverPosition", ngtPopoverTemplateStyle: "ngtPopoverTemplateStyle", dismissDelay: "dismissDelay", showDelay: "showDelay", closeOnClick: "closeOnClick", openMethod: "openMethod" }, host: { listeners: { "click": "onClick()", "document:click": "onDocumentClick($event.target)", "mouseleave": "onMouseLeave()", "mouseenter": "onMouseEnter()" } }, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgtPopoverDirective, decorators: [{
             type: Directive,
             args: [{
@@ -8534,6 +8537,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImpor
                 type: Input
             }], ngtPopoverPosition: [{
                 type: Input
+            }], ngtPopoverTemplateStyle: [{
+                type: Input
             }], dismissDelay: [{
                 type: Input
             }], showDelay: [{