ng-tailwind 4.1.15 → 4.1.17

package/fesm2020/ng-tailwind.mjs

@@ -2048,6 +2048,10 @@ class NgtInputComponent extends NgtBaseNgModel {
                 htmlType: "text",
                 length: 300
             },
+            customText: {
+                htmlType: "text",
+                length: this.maxLength
+            },
             password: {
                 htmlType: "password",
                 length: 150
@@ -7631,13 +7635,13 @@ class NgtPopoverTooltipComponent {
     constructor() {
         this.position = NgtPopoverPosition.DEFAULT;
         this.positionClasses = {
-            [NgtPopoverPosition.TOP]: 'top-0 -mt-10',
-            [NgtPopoverPosition.BOTTOM]: 'bottom-0 -mb-10',
+            [NgtPopoverPosition.TOP]: '-mt-10',
+            [NgtPopoverPosition.BOTTOM]: '-mb-10',
         };
     }
 }
 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-xl border border-gray-100 absolute max-w-7xl\"\n    [ngClass]=\"positionClasses[position]\" 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-500 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", 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', [
@@ -7654,7 +7658,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImpor
                                 animate(200)
                             ])
                         ]),
-                    ], template: "<div class=\"bg-white rounded-lg shadow-xl border border-gray-100 absolute max-w-7xl\"\n    [ngClass]=\"positionClasses[position]\" 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-500 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;\"\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" }]
         }] });
 var NgtPopoverPosition;
 (function (NgtPopoverPosition) {
@@ -7742,12 +7746,12 @@ var NgtPopoverOpenMethod;
 })(NgtPopoverOpenMethod || (NgtPopoverOpenMethod = {}));
 
 class NgtPopoverDirective {
-    constructor(elementRef, componentFactoryResolver, viewContainerRef) {
+    constructor(elementRef, viewContainerRef) {
         this.elementRef = elementRef;
-        this.componentFactoryResolver = componentFactoryResolver;
         this.viewContainerRef = viewContainerRef;
         this.ngtPopoverPosition = NgtPopoverPosition.DEFAULT;
-        this.dismissDelay = 150;
+        this.dismissDelay = 1000;
+        this.showDelay = 1000;
         this.openMethod = NgtPopoverOpenMethod.HOVER;
         this.componentRef = null;
     }
@@ -7770,6 +7774,9 @@ class NgtPopoverDirective {
         }
     }
     onMouseLeave() {
+        if (this.showTimeoutInstance) {
+            clearTimeout(this.showTimeoutInstance);
+        }
         if (this.closeOnClick) {
             return;
         }
@@ -7782,14 +7789,13 @@ class NgtPopoverDirective {
         if (this.componentRef || this.openMethod != NgtPopoverOpenMethod.HOVER) {
             return;
         }
-        this.createPopover();
+        this.showTimeoutInstance = setTimeout(() => this.createPopover(), this.showDelay);
     }
     ngOnDestroy() {
         this.destroy();
     }
     createPopover() {
-        const componentFactory = this.componentFactoryResolver.resolveComponentFactory(NgtPopoverTooltipComponent);
-        this.componentRef = this.viewContainerRef.createComponent(componentFactory);
+        this.componentRef = this.viewContainerRef.createComponent(NgtPopoverTooltipComponent);
         this.setupPopoverComponent();
     }
     destroy() {
@@ -7800,23 +7806,25 @@ class NgtPopoverDirective {
         if (!this.componentRef) {
             return;
         }
+        const rect = this.elementRef.nativeElement.getBoundingClientRect();
+        this.componentRef.instance.positionX = rect.left;
+        this.componentRef.instance.positionY = (this.ngtPopoverPosition === NgtPopoverPosition.TOP)
+            ? rect.top
+            : rect.bottom;
         this.componentRef.instance.popover = this.ngtPopoverContent;
         this.componentRef.instance.popoverTemplate = this.ngtPopoverTemplate;
         this.componentRef.instance.position = this.ngtPopoverPosition;
-        const hostElement = this.elementRef.nativeElement;
-        const popoverElement = this.componentRef.location.nativeElement;
-        hostElement.classList.add('relative');
-        hostElement.appendChild(popoverElement);
+        document.body.appendChild(this.componentRef.location.nativeElement);
     }
 }
-NgtPopoverDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgtPopoverDirective, deps: [{ token: i0.ElementRef }, { token: i0.ComponentFactoryResolver }, { 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", closeOnClick: "closeOnClick", openMethod: "openMethod" }, host: { listeners: { "click": "onClick()", "document:click": "onDocumentClick($event.target)", "mouseleave": "onMouseLeave()", "mouseenter": "onMouseEnter()" } }, ngImport: i0 });
+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 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgtPopoverDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngt-popover]'
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ComponentFactoryResolver }, { type: i0.ViewContainerRef }]; }, propDecorators: { ngtPopoverContent: [{
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ViewContainerRef }]; }, propDecorators: { ngtPopoverContent: [{
                 type: Input
             }], ngtPopoverTemplate: [{
                 type: Input
@@ -7824,6 +7832,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImpor
                 type: Input
             }], dismissDelay: [{
                 type: Input
+            }], showDelay: [{
+                type: Input
             }], closeOnClick: [{
                 type: Input
             }], openMethod: [{
@@ -7871,6 +7881,125 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImpor
                 }]
         }] });
 
+class NgtContextMenuComponent {
+    constructor() {
+        this.onMenuItemClick = new EventEmitter();
+        this.onTemplateClick = new EventEmitter();
+        this.menuItems = [];
+    }
+    hasOptions() {
+        return !this.menuTemplate && !!this.menuItems?.length;
+    }
+}
+NgtContextMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgtContextMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+NgtContextMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: NgtContextMenuComponent, selector: "ngt-context-menu", outputs: { onMenuItemClick: "onMenuItemClick", onTemplateClick: "onTemplateClick" }, ngImport: i0, template: "<div class=\"absolute max-w-7xl -mr-10 -mb-10\" style=\"z-index: 999999 !important; width: max-content !important;\"\n    [style.left.px]=\"positionX\" [style.top.px]=\"positionY\" (click)=\"$event.stopPropagation()\">\n\n    <ng-container *ngIf=\"hasOptions(); else showTemplate\">\n        <ul class=\"cursor-pointer rounded-xl bg-white border border-gray-200 shadow-2xl \">\n            <li *ngFor=\"let item of menuItems; last as isLast; first as isFirst\" class=\"flex\"\n                class=\"flex items-center w-full px-4 py-2 gap-3 text-sm text-gray-700 hover:text-white\"\n                [class.rounded-b-xl]=\"isLast\" [class.rounded-t-xl]=\"isFirst\"\n                [ngClass]=\"item.background_color || 'hover:bg-green-500'\" (click)=\"onMenuItemClick.emit(item)\">\n\n                <ngt-svg *ngIf=\"item.icon\" class=\"text-lg\" [src]=\"item.icon\"></ngt-svg>\n\n                {{ item.caption }}\n            </li>\n        </ul>\n    </ng-container>\n\n    <ng-template #showTemplate>\n        <div class=\"block rounded-lg bg-white border border-gray-200 w-full h-auto shadow-2xl\"\n            (click)=\"onTemplateClick.emit()\">\n            <ng-container [ngTemplateOutlet]=\"menuTemplate\"></ng-container>\n        </div>\n    </ng-template>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: NgtSvgComponent, selector: "ngt-svg", inputs: ["src", "class"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgtContextMenuComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngt-context-menu', template: "<div class=\"absolute max-w-7xl -mr-10 -mb-10\" style=\"z-index: 999999 !important; width: max-content !important;\"\n    [style.left.px]=\"positionX\" [style.top.px]=\"positionY\" (click)=\"$event.stopPropagation()\">\n\n    <ng-container *ngIf=\"hasOptions(); else showTemplate\">\n        <ul class=\"cursor-pointer rounded-xl bg-white border border-gray-200 shadow-2xl \">\n            <li *ngFor=\"let item of menuItems; last as isLast; first as isFirst\" class=\"flex\"\n                class=\"flex items-center w-full px-4 py-2 gap-3 text-sm text-gray-700 hover:text-white\"\n                [class.rounded-b-xl]=\"isLast\" [class.rounded-t-xl]=\"isFirst\"\n                [ngClass]=\"item.background_color || 'hover:bg-green-500'\" (click)=\"onMenuItemClick.emit(item)\">\n\n                <ngt-svg *ngIf=\"item.icon\" class=\"text-lg\" [src]=\"item.icon\"></ngt-svg>\n\n                {{ item.caption }}\n            </li>\n        </ul>\n    </ng-container>\n\n    <ng-template #showTemplate>\n        <div class=\"block rounded-lg bg-white border border-gray-200 w-full h-auto shadow-2xl\"\n            (click)=\"onTemplateClick.emit()\">\n            <ng-container [ngTemplateOutlet]=\"menuTemplate\"></ng-container>\n        </div>\n    </ng-template>\n</div>\n" }]
+        }], propDecorators: { onMenuItemClick: [{
+                type: Output
+            }], onTemplateClick: [{
+                type: Output
+            }] } });
+
+class NgtContextMenuDirective {
+    constructor(viewContainerRef) {
+        this.viewContainerRef = viewContainerRef;
+        this.onNgtContextMenuClick = new EventEmitter();
+        this.componentRef = null;
+    }
+    onContextMenu(event) {
+        event.preventDefault();
+        this.destroy();
+        this.createComponent(event);
+    }
+    onDocumentClick() {
+        this.destroy();
+    }
+    onClick() {
+        this.destroy();
+    }
+    ngOnDestroy() {
+        this.destroy();
+    }
+    createComponent(event) {
+        this.componentRef = this.viewContainerRef.createComponent(NgtContextMenuComponent);
+        this.componentRef.instance.positionX = event.clientX;
+        this.componentRef.instance.positionY = event.clientY;
+        this.componentRef.instance.menuItems = this.ngtContextMenuOptions;
+        this.componentRef.instance.menuTemplate = this.ngtContextMenuTemplate;
+        this.bindSubscriptions();
+        document.body.appendChild(this.componentRef.location.nativeElement);
+    }
+    bindSubscriptions() {
+        this.menuItemClickSubscription = this.componentRef.instance
+            .onMenuItemClick
+            .subscribe((event) => {
+            this.onNgtContextMenuClick.emit(event);
+            this.destroy();
+        });
+        this.templateClickSubscription = this.componentRef.instance
+            .onTemplateClick
+            .subscribe((event) => this.destroy());
+    }
+    destroy() {
+        this.menuItemClickSubscription?.unsubscribe();
+        this.templateClickSubscription?.unsubscribe();
+        this.componentRef?.destroy();
+        this.componentRef = null;
+    }
+}
+NgtContextMenuDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgtContextMenuDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
+NgtContextMenuDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.8", type: NgtContextMenuDirective, selector: "[ngt-contextmenu]", inputs: { ngtContextMenuOptions: "ngtContextMenuOptions", ngtContextMenuTemplate: "ngtContextMenuTemplate" }, outputs: { onNgtContextMenuClick: "onNgtContextMenuClick" }, host: { listeners: { "contextmenu": "onContextMenu($event)", "document:click": "onDocumentClick()", "click": "onClick()" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgtContextMenuDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ngt-contextmenu]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }]; }, propDecorators: { onNgtContextMenuClick: [{
+                type: Output
+            }], ngtContextMenuOptions: [{
+                type: Input
+            }], ngtContextMenuTemplate: [{
+                type: Input
+            }], onContextMenu: [{
+                type: HostListener,
+                args: ['contextmenu', ['$event']]
+            }], onDocumentClick: [{
+                type: HostListener,
+                args: ['document:click']
+            }], onClick: [{
+                type: HostListener,
+                args: ['click']
+            }] } });
+
+class NgtContextMenuModule {
+}
+NgtContextMenuModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgtContextMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+NgtContextMenuModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.8", ngImport: i0, type: NgtContextMenuModule, declarations: [NgtContextMenuDirective,
+        NgtContextMenuComponent], imports: [CommonModule,
+        NgtSvgModule], exports: [NgtContextMenuDirective,
+        NgtContextMenuComponent] });
+NgtContextMenuModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgtContextMenuModule, imports: [CommonModule,
+        NgtSvgModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgtContextMenuModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        NgtContextMenuDirective,
+                        NgtContextMenuComponent,
+                    ],
+                    exports: [
+                        NgtContextMenuDirective,
+                        NgtContextMenuComponent,
+                    ],
+                    imports: [
+                        CommonModule,
+                        NgtSvgModule
+                    ],
+                }]
+        }] });
+
 /*
  * Public API Surface of ng-tailwind
  */
@@ -7879,5 +8008,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { NgtActionComponent, NgtActionModule, NgtAttachmentHttpService, NgtButtonComponent, NgtButtonModule, NgtCheckboxComponent, NgtCheckboxMode, NgtCheckboxModule, NgtCheckedElement, NgtContentComponent, NgtContentModule, NgtCustomFilter, NgtDatatableComponent, NgtDatatableModule, NgtDatatableParam, NgtDatatableSearchType, NgtDatatableType, NgtDateComponent, NgtDateLocale, NgtDateMode, NgtDateModule, NgtDropdownComponent, NgtDropdownContainerComponent, NgtDropdownModule, NgtDropdownOpenMethod, NgtDropzoneComponent, NgtDropzoneErrorType, NgtDropzoneFileTypeEnum, NgtDropzoneModule, NgtDropzonePreviewType, NgtFloatingButtonComponent, NgtFloatingButtonModule, NgtFloatingButtonType, NgtFormComponent, NgtFormModule, NgtFormState, NgtFormValidationMessageComponent, NgtHeaderNavComponent, NgtHeaderNavModule, NgtHelperComponent, NgtHelperModule, NgtHttpFormService, NgtHttpResourceService, NgtHttpService, NgtHttpValidationService, NgtInputComponent, NgtInputModule, NgtModalBodyComponent, NgtModalComponent, NgtModalFooterComponent, NgtModalHeaderComponent, NgtModalModule, NgtMultiSelectComponent, NgtMultiSelectModule, NgtPaginationComponent, NgtPaginationModule, NgtPopoverComponent, NgtPopoverDirective, NgtPopoverModule, NgtPopoverOpenMethod, NgtPortletBodyComponent, NgtPortletComponent, NgtPortletFooterComponent, NgtPortletHeaderComponent, NgtPortletModule, NgtRadioButtonComponent, NgtRadioButtonContainerComponent, NgtRadioButtonModule, NgtSectionComponent, NgtSectionModule, NgtSelectComponent, NgtSelectDropdownPanelHeight, NgtSelectHeaderTmp, NgtSelectModule, NgtSelectOptionSelectedTmp, NgtSelectOptionTmp, NgtShiningComponent, NgtShiningModule, NgtShiningWidth, NgtSidenavComponent, NgtSidenavModule, NgtSliderColorSchemeEnum, NgtSliderComponent, NgtSliderModule, NgtStylizableDirective, NgtStylizableModule, NgtSvgComponent, NgtSvgModule, NgtTagComponent, NgtTagModule, NgtTbodyComponent, NgtTdCheckComponent, NgtTdComponent, NgtTextareaComponent, NgtTextareaModule, NgtThCheckComponent, NgtThComponent, NgtTheadComponent, NgtTrComponent, NgtTranslateService, Size, fadeDownAnimation, fadeUpAnimation, slideLeftToRightAnimation, slideRightToLeftAnimation };
+export { NgtActionComponent, NgtActionModule, NgtAttachmentHttpService, NgtButtonComponent, NgtButtonModule, NgtCheckboxComponent, NgtCheckboxMode, NgtCheckboxModule, NgtCheckedElement, NgtContentComponent, NgtContentModule, NgtContextMenuComponent, NgtContextMenuDirective, NgtContextMenuModule, NgtCustomFilter, NgtDatatableComponent, NgtDatatableModule, NgtDatatableParam, NgtDatatableSearchType, NgtDatatableType, NgtDateComponent, NgtDateLocale, NgtDateMode, NgtDateModule, NgtDropdownComponent, NgtDropdownContainerComponent, NgtDropdownModule, NgtDropdownOpenMethod, NgtDropzoneComponent, NgtDropzoneErrorType, NgtDropzoneFileTypeEnum, NgtDropzoneModule, NgtDropzonePreviewType, NgtFloatingButtonComponent, NgtFloatingButtonModule, NgtFloatingButtonType, NgtFormComponent, NgtFormModule, NgtFormState, NgtFormValidationMessageComponent, NgtHeaderNavComponent, NgtHeaderNavModule, NgtHelperComponent, NgtHelperModule, NgtHttpFormService, NgtHttpResourceService, NgtHttpService, NgtHttpValidationService, NgtInputComponent, NgtInputModule, NgtModalBodyComponent, NgtModalComponent, NgtModalFooterComponent, NgtModalHeaderComponent, NgtModalModule, NgtMultiSelectComponent, NgtMultiSelectModule, NgtPaginationComponent, NgtPaginationModule, NgtPopoverComponent, NgtPopoverDirective, NgtPopoverModule, NgtPopoverOpenMethod, NgtPortletBodyComponent, NgtPortletComponent, NgtPortletFooterComponent, NgtPortletHeaderComponent, NgtPortletModule, NgtRadioButtonComponent, NgtRadioButtonContainerComponent, NgtRadioButtonModule, NgtSectionComponent, NgtSectionModule, NgtSelectComponent, NgtSelectDropdownPanelHeight, NgtSelectHeaderTmp, NgtSelectModule, NgtSelectOptionSelectedTmp, NgtSelectOptionTmp, NgtShiningComponent, NgtShiningModule, NgtShiningWidth, NgtSidenavComponent, NgtSidenavModule, NgtSliderColorSchemeEnum, NgtSliderComponent, NgtSliderModule, NgtStylizableDirective, NgtStylizableModule, NgtSvgComponent, NgtSvgModule, NgtTagComponent, NgtTagModule, NgtTbodyComponent, NgtTdCheckComponent, NgtTdComponent, NgtTextareaComponent, NgtTextareaModule, NgtThCheckComponent, NgtThComponent, NgtTheadComponent, NgtTrComponent, NgtTranslateService, Size, fadeDownAnimation, fadeUpAnimation, slideLeftToRightAnimation, slideRightToLeftAnimation };
 //# sourceMappingURL=ng-tailwind.mjs.map