ng-tailwind 5.0.18 → 5.0.20

package/fesm2020/ng-tailwind.mjs

@@ -3028,6 +3028,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImpor
             args: [{ selector: '[ngt-select-header]' }]
         }], ctorParameters: function () { return [{ type: i0.TemplateRef }]; } });
 
+function delay(ms) {
+    return new Promise(resolve => setTimeout(resolve, ms));
+}
+
 class NgtSelectComponent extends NgtBaseNgModel {
     constructor(ngtStylizableDirective, formContainer, ngtTranslateService, injector, ngtHttp, changeDetector, ngtForm, ngtSection, ngtModal) {
         super();
@@ -3077,7 +3081,6 @@ class NgtSelectComponent extends NgtBaseNgModel {
         this.onClear = new EventEmitter();
         this.onClose = new EventEmitter();
         this.nativeName = uuid();
-        this.ngSelectItems = [];
         this.componentReady = false;
         this.originalPerPage = 15;
         this.subscriptions = [];
@@ -3190,9 +3193,10 @@ class NgtSelectComponent extends NgtBaseNgModel {
         this.destroySubscriptions();
     }
     onOpen() {
-        const parentElement = document.getElementById('ngtSelectParentContainer');
-        if (this.dropdownPosition == 'auto' && parentElement) {
-            this.calculateDropdownPosition(parentElement);
+        const parentElements = document.querySelectorAll('#ngtSelectParentContainer');
+        if (this.dropdownPosition == 'auto' && parentElements?.length) {
+            const parentContainer = parentElements[parentElements.length - 1];
+            this.calculateDropdownPosition(parentContainer);
         }
     }
     removeItem(event, item) {
@@ -3321,17 +3325,27 @@ class NgtSelectComponent extends NgtBaseNgModel {
     disabled() {
         return this.isDisabled || this.isDisabledByParent();
     }
-    calculateDropdownPosition(parentElement) {
+    async calculateDropdownPosition(parentContainer) {
+        while (!this.componentReady || this.loading || this.ngSelectComponent.showNoItemsFound()) {
+            await delay(200);
+            if (this.ngSelectComponent.showNoItemsFound() && !this.loading && this.componentReady) {
+                break;
+            }
+        }
+        this.changeDetector.detectChanges();
         setTimeout(() => {
             const ngSelectElement = this.ngSelectComponent.element;
             const ngSelectHeight = ngSelectElement.offsetHeight;
             const ngSelectYPosition = ngSelectElement.getBoundingClientRect().y;
             const dropdownHeight = this.ngSelectComponent.dropdownPanel.contentElementRef.nativeElement.offsetHeight;
             const openedSelectHeight = ngSelectHeight + dropdownHeight;
-            const parentYPosition = parentElement.getBoundingClientRect().y;
+            const parentYPosition = parentContainer.getBoundingClientRect().y;
             const ngSelectYPositionInsideParent = ngSelectYPosition - parentYPosition;
             const openedSelectTotalHeight = openedSelectHeight + ngSelectYPositionInsideParent;
-            const dropdownPosition = openedSelectTotalHeight > parentElement.clientHeight
+            const parentContainerHeight = parentContainer.clientHeight;
+            const fitsOnTop = openedSelectHeight < ngSelectYPositionInsideParent;
+            const fitsOnBottom = openedSelectTotalHeight < parentContainerHeight;
+            const dropdownPosition = !fitsOnBottom && fitsOnTop
                 ? 'top'
                 : 'bottom';
             this.ngSelectComponent.dropdownPanel['_currentPosition'] = dropdownPosition;