ng-tailwind 4.5.57 → 4.5.59

package/fesm2020/ng-tailwind.mjs

@@ -1104,7 +1104,7 @@ class NgtDropdownComponent {
     }
 }
 NgtDropdownComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgtDropdownComponent, deps: [{ token: NgtDropdownContainerComponent, optional: true, skipSelf: true }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-NgtDropdownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: NgtDropdownComponent, selector: "ngt-dropdown", inputs: { scrollable: "scrollable", autoXReverse: "autoXReverse", autoYReverse: "autoYReverse", reverseXPosition: "reverseXPosition", reverseYPosition: "reverseYPosition", closeOnClick: "closeOnClick", closeTimeout: "closeTimeout", openMethod: "openMethod" }, outputs: { onToggle: "onToggle", onHostClick: "onHostClick" }, viewQueries: [{ propertyName: "containerRef", first: true, predicate: ["container"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"sm:relative\">\n    <div (mouseenter)=\"onHover(host, container)\" (click)=\"onClick($event, host, container)\"\n        (contextmenu)=\"onRightClick($event)\" #host>\n        <ng-content select='[host]'></ng-content>\n    </div>\n\n    <div [hidden]='!isOpen'\n        class=\"{{ shouldReverseYPosition() ? 'mb-12 bottom-0' : 'mt-4' }} {{ shouldReverseXPosition() ? 'left-0': 'right-0' }} ngt-dropdown-container sm:mr-0 mr-3 max-w-xs absolute\"\n        [@openClose]=\"isOpen ? 'open' : 'closed'\" (mouseenter)=\"onHover(host, container)\"\n        (click)='closeOnSelectOption()' style=\"z-index: 1100 !important;\" #container>\n\n        <div class=\"flex flex-col\" [ngClass]=\"{ 'h-64 overflow-auto':scrollable }\">\n            <ng-content select='[container]'></ng-content>\n        </div>\n    </div>\n</div>\n\n<button *ngIf=\"isOpen && openMethod != 'HOVER'\" class=\"fixed z-40 inset-0 h-full w-full opacity-0 cursor-default\"\n    (click)='toggle()'>\n</button>", styles: [".ngt-dropdown-container{max-height:30rem;width:max-content}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], animations: [
+NgtDropdownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: NgtDropdownComponent, selector: "ngt-dropdown", inputs: { scrollable: "scrollable", autoXReverse: "autoXReverse", autoYReverse: "autoYReverse", reverseXPosition: "reverseXPosition", reverseYPosition: "reverseYPosition", closeOnClick: "closeOnClick", closeTimeout: "closeTimeout", openMethod: "openMethod" }, outputs: { onToggle: "onToggle", onHostClick: "onHostClick" }, viewQueries: [{ propertyName: "containerRef", first: true, predicate: ["container"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"sm:relative\">\n    <div (mouseenter)=\"onHover(host, container)\" (click)=\"onClick($event, host, container)\"\n        (contextmenu)=\"onRightClick($event)\" #host>\n        <ng-content select='[host]'></ng-content>\n    </div>\n\n    <div [hidden]='!isOpen'\n        class=\"{{ shouldReverseYPosition() ? 'mb-12 bottom-0' : 'mt-4' }} {{ shouldReverseXPosition() ? 'left-0': 'right-0' }} ngt-dropdown-container sm:mr-0 mr-3 max-w-xs absolute\"\n        [@openClose]=\"isOpen ? 'open' : 'closed'\" (mouseenter)=\"onHover(host, container)\"\n        (click)='closeOnSelectOption()' style=\"z-index: 1100 !important;\" #container>\n\n        <div class=\"flex flex-col\" [ngClass]=\"{ 'h-52 overflow-auto':scrollable }\">\n            <ng-content select='[container]'></ng-content>\n        </div>\n    </div>\n</div>\n\n<button *ngIf=\"isOpen && openMethod != 'HOVER'\" class=\"fixed z-40 inset-0 h-full w-full opacity-0 cursor-default\"\n    (click)='toggle()'>\n</button>\n", styles: [".ngt-dropdown-container{max-height:30rem;width:max-content}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], animations: [
         trigger('openClose', [
             state('open', style({ opacity: 1, transform: 'translateY(0px)' })),
             state('closed', style({ opacity: 0, transform: 'translateY(-10px)' })),
@@ -1123,7 +1123,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImpor
                                 animate(300)
                             ]),
                         ]),
-                    ], template: "<div class=\"sm:relative\">\n    <div (mouseenter)=\"onHover(host, container)\" (click)=\"onClick($event, host, container)\"\n        (contextmenu)=\"onRightClick($event)\" #host>\n        <ng-content select='[host]'></ng-content>\n    </div>\n\n    <div [hidden]='!isOpen'\n        class=\"{{ shouldReverseYPosition() ? 'mb-12 bottom-0' : 'mt-4' }} {{ shouldReverseXPosition() ? 'left-0': 'right-0' }} ngt-dropdown-container sm:mr-0 mr-3 max-w-xs absolute\"\n        [@openClose]=\"isOpen ? 'open' : 'closed'\" (mouseenter)=\"onHover(host, container)\"\n        (click)='closeOnSelectOption()' style=\"z-index: 1100 !important;\" #container>\n\n        <div class=\"flex flex-col\" [ngClass]=\"{ 'h-64 overflow-auto':scrollable }\">\n            <ng-content select='[container]'></ng-content>\n        </div>\n    </div>\n</div>\n\n<button *ngIf=\"isOpen && openMethod != 'HOVER'\" class=\"fixed z-40 inset-0 h-full w-full opacity-0 cursor-default\"\n    (click)='toggle()'>\n</button>", styles: [".ngt-dropdown-container{max-height:30rem;width:max-content}\n"] }]
+                    ], template: "<div class=\"sm:relative\">\n    <div (mouseenter)=\"onHover(host, container)\" (click)=\"onClick($event, host, container)\"\n        (contextmenu)=\"onRightClick($event)\" #host>\n        <ng-content select='[host]'></ng-content>\n    </div>\n\n    <div [hidden]='!isOpen'\n        class=\"{{ shouldReverseYPosition() ? 'mb-12 bottom-0' : 'mt-4' }} {{ shouldReverseXPosition() ? 'left-0': 'right-0' }} ngt-dropdown-container sm:mr-0 mr-3 max-w-xs absolute\"\n        [@openClose]=\"isOpen ? 'open' : 'closed'\" (mouseenter)=\"onHover(host, container)\"\n        (click)='closeOnSelectOption()' style=\"z-index: 1100 !important;\" #container>\n\n        <div class=\"flex flex-col\" [ngClass]=\"{ 'h-52 overflow-auto':scrollable }\">\n            <ng-content select='[container]'></ng-content>\n        </div>\n    </div>\n</div>\n\n<button *ngIf=\"isOpen && openMethod != 'HOVER'\" class=\"fixed z-40 inset-0 h-full w-full opacity-0 cursor-default\"\n    (click)='toggle()'>\n</button>\n", styles: [".ngt-dropdown-container{max-height:30rem;width:max-content}\n"] }]
         }], ctorParameters: function () { return [{ type: NgtDropdownContainerComponent, decorators: [{
                     type: Optional
                 }, {
@@ -5831,10 +5831,7 @@ class NgtDateComponent extends NgtBaseNgModel {
         }
     }
     ngOnDestroy() {
-        const flatpickrElement = document.getElementsByClassName('flatpickr-calendar');
-        if (flatpickrElement?.length) {
-            flatpickrElement[flatpickrElement.length - 1].remove();
-        }
+        this.ng2FlatpickrComponent.flatpickr['calendarContainer']?.remove();
         this.destroySubscriptions();
     }
     clearInput(clearInstance = false) {